Pàgina web amb ànima, sabor i sostenibilitat

Green Flamingo és una nova marca de còctels ready to drink amb una proposta de valor clara i diferenciadora: oferir còctels naturals, premium i llestos per prendre en qualsevol moment. L’empresa, amb seu a Barcelona, ha dissenyat un producte amb un enfocament especial en el disseny, la comunicació visual i el packaging. El nostre repte com a agència de programació i disseny web era traslladar tota aquesta energia i personalitat a l’entorn digital sense perdre ni una gota d’autenticitat.

Servei

Parlem de

Pàgina web Green Flamingo

Disseny web que respira marca

Des de La Teva Web vam assumir el repte de desenvolupar una pàgina web que no només fos visualment atractiva, sinó que també oferís una experiència d’usuari coherent, intuïtiva i alineada amb els valors de la marca. Aquest projecte es va abordar des d’una perspectiva integral de disseny UX/UI i desenvolupament front-end, amb una atenció especial al detall, potenciant l’ús d’animacions que acompanyessin el ritme narratiu de la navegació i el component emocional que havia de formar part de cada interacció.

La pàgina web presenta el producte i la història de la marca, i es complementa amb una botiga online desenvolupada amb WooCommerce per a la venda de productes i gadgets de la marca Green Flamingo. El desenvolupament del front-end es va dur a terme íntegrament a mida, sobre un tema WordPress personalitzat des de zero. Es va descartar l’ús de constructors visuals o plantilles predissenyades, apostant per una base de codi neta, optimitzada i escalable. Això ens va permetre un control absolut sobre la pàgina web i, especialment, sobre les interaccions programades amb JavaScript.

El disseny web encaixa perfectament amb la imatge de marca i la seva identitat gràfica, buscant un posicionament fresc, juvenil i ecològic que es transmeti al llarg de tota la navegació per la pàgina web.

Vam optar per treballar amb una estètica definida per colors vius i àcids, imatges de flamencs alineades amb l’univers visual de la marca i una estructura gràfica que prioritza el producte sense descuidar el storytelling de marca.

Les animacions han estat l’element diferencial del projecte. Cada transició, cada desplaçament i cada microinteracció es va dissenyar amb la voluntat de generar impacte visual i donar ritme a la navegació. Les animacions es van programar en .js prioritzant el dinamisme i intentant reduir al màxim els temps de càrrega, alhora que es garantien una compatibilitat total amb dispositius mòbils.

Cal destacar especialment les animacions del hero principal, on la imatge del producte, una ampolla d’alumini reutilitzable, es presenta amb una transició fluida que simula la seva presència física en un aparador digital. Aquest recurs permet donar protagonisme al producte sense distreure l’usuari, alhora que genera impacte visual i notorietat de marca des del mateix moment d’entrada a la web.

Cada línia de codi transmet el caràcter de la marca

La pàgina web de Green Flamingo és el resultat d’una programació meticulosa, on cada línia de codi i cada interacció responen a un objectiu clar: crear una web espectacular que transmeti els valors de modernitat i frescor de la marca i que permeti consolidar la seva identitat digital.

Sobre l'autor/a

Francesc Sánchez — Expert en marketing digital

Barceloní, expert en marketing digital. Fundador i CEO de La Teva Web i inaugurador del nostre magnífic blog. M'entusiasma haver col·locat la primera pedra dels fonaments que sostenen els nostres valors: clients feliços i projectes que deixen empremta.