Mana
Yerba Mate
2024
Masterclass Project for the revamp of the Mana Yerba Mate website
Art direction
Concept
Visual Strategy
UX/UI
Animation
Mana Yerba Mate
Web design Remote
Masterclass Project
Creative Direction Louis Paquet
Art Direction Naiara Odriozola
Visual Strategy Naiara Odriozola
Animation Naiara Odriozola
Content Mana Yerba Mate
I recently participated in the Memorable UI Design For Interactive Experiences Masterclass, where Louis Paquet guides participants through each step of the web design process, starting from scratch. The outcome is the Mana homepage, along with the entire creative journey that brought it to life.
The project brief focused on Mana, a Montreal-based company producing and distributing cans of Yerba Mate, a natural, organic energy drink. While most brands highlight the health benefits, Mana wanted to stand out by emphasizing the 'energy boost' and 'fun' aspects of their product. For the website, it was essential to capture this vibrant, energetic spirit while keeping it functional and user-friendly.
The user experience
Bringing the brand experience to the screen
In addition to design, I create animation systems and prototypes for the UI designs, using tools and techniques such as Figma, After Effects, and Photoshop. The course helped me streamline my creative process and
The new brand guidelines & Moodboard
Innovative, supportive & experienced
Continental developed a new set of brand guidelines to improve brand awareness and marketing strategies. Following our discovery workshop with the client, we realised that it was key to present our products in a clean, simple and straightforward manner and this way support our users in their decisions.
To support our vision, we created moodboards that would guide our design process and help implement the new brand guidelines into the website redesign.
The interface design
Making tires sexy
The website interface would focus on keeping it simple by using large areas of white space and big margins to focus on single areas of content.
the website relaunch for Continental tires was about presenting the tire as a sensual premium product and granting it an appropriate stage on the website. Continental's product pages feature a large product shot with single tagline and clear, bold design. The header shows how the typography can be used together with the pattern and images, and highlights how the components form a strong brand identity.
@ Naiara Odriozola. All rights reserved