Poni Club Catalunya, four schools in one yard and four doors on the home page
poniclubcatalunya.cat · founded in 1988 · four schools, one yard Centre d’Equitació Poni Club Catalunya sits in the Vall de Sant Just, inside the Collserola park, ten minutes from Barcelona. It was founded in 1988 and was the first pony club in Catalonia: in 1990 it ran the first Pony Championship with more than ninety riders, and in 1998 it opened the Petita Escola for children aged three to six. Today it has more than a hundred ponies and horses and a team of eighteen professionals.
The problem was not telling all that. Four schools share the same yard — the Petita Escola, the riding school, the competition school and the tourist trails — and whoever arrives is not looking for “a riding centre”: they are looking for their own thing, and they want to know in five seconds whether there is a place for them.
The home page does not explain the club: it divides it up. Four full-width coloured doors, each with its name and, right underneath, the age it is meant for. Orange for the Escola d’Equitació, magenta for the Petita Escola, black for competition and turquoise for the horse trails. Whoever arrives recognises themselves before reading.
We kept the institutional turquoise for the club itself. It is the colour of the top bar, the diary and the notices: the corridor, never a classroom. That way each school can have a colour of its own without the whole thing turning into a funfair.
We ordered 68 pages into five branches. El club, Petita Escola, Escola d’Equitació, Activitats and Actualitat, with three menu levels and the same pages in Catalan and in Spanish. The activities that are not lessons — companies, equine therapy, birthdays, school visits — stop hiding inside a dropdown.
We built the whole site and it launched in January 2024. Design, development and programming from scratch on WordPress, with a dated diary, news tagged by school, an Instagram wall, reviews and booking linked to the centre’s own calendar. We also moved the site from the .com domain to the .cat, with a permanent redirect.
In a club with history, the temptation is to tell the history. Here the decision was to start at the end: four doors with an age under each one. 1988, the championships and the eighteen qualified professionals are all still there — they are what earns trust — but one screen further down, once you already know which door is yours.
Underneath there is a WordPress with our own child theme and Elementor Pro, and a type system with a single family: Karla, self-hosted, in four weights. The door headings run at 39 px in weight 900 with 2.5 px of letter-spacing; card titles at 21/700; the menu at 17/700; body text at 16/24. A 1,140 px container, a 64 px top bar and a veil of rgba(0,23,24,.28) over the header photos so the white text always reads.
The corners are the other trait of the system: 25 px radius on the doors and on the inside cards, 10 px on the menu dropdowns and 3 px on the buttons. Colour here is not decoration: it is classification. #CC7612, #C0016C, black and #009EA9 identify each school and then come back in the section headers, in the news tags and in the icons.
The rest is integration. Catalan and Spanish with hreflang across the 68 pages, booking and customer registration in the riding centre’s own system, course tickets through an external payment gateway, a diary with date ranges, an Instagram wall and Google reviews. And the domain move from the .com to the .cat, solved with a permanent redirect so as not to lose twenty years of links.
"Hem pogut crear un lloc que no només és atractiu visualment, sinó també fàcil d'utilitzar per als nostres membres i visitants."Poni Club Catalunya, «Estrenem nova web» (12.01.2024)
Want a result like this for your project?
quivoto, the voting compass that starts with your municipality
Municipal elections are not about party labels: they are about what happens on your street.
View case study →
eclipsi.info, the tool that calculates what you’ll see from your exact location
The map tells you where. This tool tells you what you'll see.
View case study →
Modèlic, a sourdough bakery with its own voice on social
Real bread. And a feed that smells just as good.
View case study →