Hem col·laborat amb El Foment de Girona per a la creació del seu nou portal web.
El Foment té la voluntat de viure i compartir la cultura catalana en totes les seves expressions: des de la cuina fins a la formació, la música, les arts escèniques i les activitats socials.
Una sola web i molts àmbits diferents
El primer repte que vam afrontar a l’hora de realitzar el projecte va ser com integrar les diferents marques de El Foment dins una sola web, el color corporatiu és el groc, però existeixen diferents «submarques» per a la gastronomia o la formació.
La nostra proposta va consistir en un esquelet homogeni per a totes les pàgines on els colors principals puguin variar segons la secció, intentant aconseguir que totes les pàgines respirin iguals, però alhora tinguin personalitat pròpia.
Un bon exemple d’això és la capçalera del web, amb un disseny fluid que permet aplicar-hi qualsevol color de fons o directament un fons fotogràfic.
Elements clau del disseny
- Molta importància de les imatges, el disseny acompanya i destaca
- Les imatges dels espectacles i activitats reben un tintat amb el color blau corporatiu de El Foment, això ens permet homogeneïtzar la graella i les pàgines de detall dels espectacles.
- Combinació de dues tipografies, una que ja formava part del llibre d’estil de El Foment amb una nova tipografia amb «serifa».
Per descomptat, la web s’ha dissenyat prioritzant la navegació mòbil, fent-la així accessible des de qualsevol dispositiu.
Programació web
La web s’ha creat sobre la plataforma WordPress, amb una plantilla creada a mida pel projecte.
Tot el contingut és editable mitjançant Gutenberg i s’han creat tipus de posts adaptats a les necessitats dels projectes.
Per a la plataforma de socis i botiga en línia s’utilitza WooCommerce amb la passarel·la de pagament Stripe.
Espectacles i Koobin
El Foment utilitza Koobin per a la gestió dels espectacles i agenda, s’ha desenvolupat una extensió a mida, que sincronitza els espectacles de Koobin amb la web de El Foment, cosa que permet gestionar i mostrar la disponibilitat d’aquests sense necessitat de marxar del lloc web.
