Web design with soul, flavour and sustainability
Green Flamingo is a new ready-to-drink cocktail brand with a clear and distinctive value proposition: to offer natural, premium cocktails that are ready to enjoy anytime, anywhere. Based in Barcelona, the company has created a product with a special focus on design, visual communication and packaging. Our challenge as a web development and design agency was to translate all that energy and personality into the digital space without losing a shred of authenticity.
At La Teva Web, we embraced the challenge of developing a website that was not only visually attractive, but also offered a consistent, intuitive user experience aligned with the brand’s core values. This project was approached from an integrated UX/UI design and front-end development perspective, with special attention to detail, enhancing the use of animations to support the narrative rhythm of the navigation and the emotional component that should accompany every interaction.
The website presents the product and the brand’s story, and is complemented by an online shop built with WooCommerce for the sale of Green Flamingo products and branded gadgets. The front-end was fully custom developed on a tailor-made WordPress theme built from scratch. We avoided using visual builders or pre-designed templates, opting instead for a clean, optimized and scalable codebase. This approach allowed complete control over the website and, most importantly, the interactions programmed with JavaScript.
The web design perfectly aligns with the brand image and its visual identity, aiming for a fresh, youthful and eco-conscious positioning that is conveyed throughout the entire browsing experience.
We chose to work with an aesthetic defined by vibrant, citrus-inspired colours, flamingo imagery aligned with the brand universe, and a visual structure that prioritises the product without neglecting the brand storytelling.
Animations were the project’s defining feature. Every transition, scroll and micro-interaction was designed with the intention of generating visual impact and adding rhythm to the site. Animations were programmed in JavaScript, prioritising dynamism and striving to minimise load times while ensuring full compatibility across mobile devices.
A highlight of the project is the animation in the main hero section, where the product image, a reusable aluminium bottle, is introduced with a smooth transition that simulates its physical presence in a digital display. This effect gives the product visual prominence without distracting the user, while generating immediate visual impact and brand awareness from the moment users land on the site.
Every line of code conveys the character of the brand
The Green Flamingo website is the result of meticulous web development, where every line of code and every interaction serves a clear purpose: to create a spectacular site that reflects the brand’s values of modernity and freshness and helps solidify its online identity.
About the author
Francesc Sánchez — Digital marketing expert
From Barcelona, expert in digital marketing. Founder and CEO of La Teva Web and launcher of our magnificent blog. I am pleased to have laid the first stone of the foundations that support our values: happy customers and projects that leave their mark.
Other success stories
Hello! drop us a line
Web design that breathes brand identity