Barcelona Horse Tours, una web trilingüe que ven la ciutat vista des d’un cavall
barcelonahorsetours.com · tres idiomes · Collserola a 20 minuts El Centre d’Equitació Poni Club Catalunya fa des del 1988 que ensenya a muntar a la Vall de Sant Just. Amb vint-i-cinc cavalls, seixanta ponis i guies titulats que parlen quatre idiomes, tenia un producte que no era per als seus alumnes: una excursió a cavall pel Parc Natural de Collserola, amb Barcelona i el mar al fons, a vint minuts del centre de la ciutat.
El públic d’aquesta excursió és un turista que no s’ha pujat mai a un cavall. La web no havia d’explicar equitació: havia de convèncer en tres idiomes que val la pena pujar-hi, i deixar la reserva a un clic.
Vam posar la foto a pantalla completa i vam treure la resta. Qui es planteja pujar a Collserola no necessita que li expliquem res: necessita veure la ciutat des de dalt. L’hero ocupa la pantalla sencera i l’únic text són dues línies entre dos filets blancs.
Vam ordenar la identitat digital al voltant del cercle. El logotip amb el cavall i la silueta de Barcelona va en dues versions —gran i centrat sobre la portada, petit a la barra— i la resta de la marca en línia és tipografia i color: Open Sans en dos pesos, amb 3,9 px d’interlletratge que converteixen cada titular en un rètol d’excursió.
Tres idiomes, cadascun amb adreça pròpia. Català, anglès i castellà viuen a /ca/, /en/ i /es/, amb set pàgines per idioma i un selector fix a la capçalera. No hi ha traducció automàtica: hi ha tres webs completes que es mantenen alhora.
Un sol botó taronja, i porta al calendari. El lloc no té formulari: el botó obre el calendari de reserves del mateix centre eqüestre. Turquesa per a les franges, taronja només per a l’acció, 3 px de radi únicament als botons i ni un gram de CMS. El 2019 hi vam tornar a entrar per posar preus, segells i continguts al dia.
El client ja tenia el millor argument de venda i no era seu: era el paisatge. La decisió va ser no competir-hi. Una sola família tipogràfica, dos filets blancs, una franja de color quan cal text i un botó. Tot el que no és fotografia en aquesta web està dissenyat per durar deu segons en pantalla i desaparèixer.
A sota no hi ha CMS: són 13,6 KB d’HTML estàtic amb CSS propi, jQuery i poca cosa més. És una decisió de lloc, no una mancança: una web que es consulta amb una barra de cobertura al mig de la muntanya no pot dependre d’una base de dades. El contenidor va a 1040 px, les seccions respiren 104 px per dalt i 69 per baix, i l’únic radi del lloc són 3 px en set botons.
La tipografia fa tota la feina de marca. Open Sans en dos pesos —400 i 800—, sempre en majúscules als titulars i amb interlletratge de 6,8 px als H2 interiors, 3,9 a l’eslògan del bàner, 3,1 als botons i 1,3 fins i tot al text corregut. La paleta és curta i funcional: #21B2A6 per a les franges de secció, #FF7800 exclusivament per a l’acció, gris pissarra #2E3842 de fons general i blanc sobre foto.
La resta són integracions lleugeres: galeria amb lightbox, avís de galetes, botons de compartir i el calendari de reserves del centre eqüestre, que s’endú tots els clics del botó taronja. Des del primer arxiu que queda desat, l’agost del 2018, l’estructura i els fulls d’estil són els mateixos que avui. L’únic que ha canviat en nou anys és el contingut: de quatre paquets a un.
"Excursions a cavall amb vistes de Barcelona."barcelonahorsetours.com
Vols un resultat així per al teu projecte?
quivoto, la brúixola electoral que comença pel teu municipi
Les municipals no van de sigles: van del que passa al teu carrer.
Veure el cas →
eclipsi.info, l’eina que calcula què veuràs des del teu punt exacte
El mapa et diu on. Aquesta eina et diu què hi veuràs.
Veure el cas →
Modèlic, un forn de massa mare amb veu pròpia a les xarxes
Pa d'autor. I un feed que fa la mateixa olor.
Veure el cas →