Lugua'a Website
A comprehensive digital experience for a premium coconut mezcal brand from southern Mexico, showcasing tropical elegance and craftsmanship
Role
Identity Designer, UX/UI Designer
Deliverables
High-Fidelity Prototype, Responsive Web Product
Tools
Figma, Illustrator, Photoshop
Timeline
1 month
Date
July 2025
👩🏻💻 Overview
Lugua'a is a small mezcal business from southern Mexico. Their signature product is coconut mezcal, crafted by merging two treasures of their land: coconut and agave cupreata. The goal of the website was to establish a strong online presence for the brand, showcase the product's quality, and reflect its tropical and elegant personality.
I was the sole designer on this project, responsible for every stage from concept to high-fidelity prototype and final responsive web product. The client gave me creative freedom and trusted me to make design decisions independently, which included visual style, layout, and information prioritization.
🧩 Challenges
The project came with several key challenges:
- Minimal brand assets: The client only had a logo and a rough idea of the brand's "vibe" (elegant, high-quality mezcal).
- Limited photography: No professional product photos were available. I had to work with social media images and, in some cases, generate or edit visuals using AI.
- Independent decision-making: Due to limited client availability and differing time zones, I had to make most design decisions on my own.
- Brand differentiation: The website needed to stand out from competitors while elevating Lugua'a's brand perception.
🚀 The Solution
The website's main objectives were to:
- Inform potential clients and retailers: Provide product details that previously could only be obtained via WhatsApp or social media messages.
- Show availability: Highlight where clients can find the products, as Lugua'a does not have an online shop.
- Elevate the brand image: Reflect quality and elegance while differentiating from competitors.
To achieve these goals, I focused on:
- Typography: Used elegant fonts inspired by the logo to maintain consistency and brand recognition.
- Visual identity: Incorporated tropical colors and shapes to represent the brand's sources—coconut and agave—throughout the website.
- Social media integration: Linked Instagram and Facebook profiles so visitors could find more information and updates.
✏️ Design Process
1. Information Architecture & User Flow
I mapped the user journey to prioritize key pages and ensure a smooth, informative experience.
2. Wireframes & UI Components
I created initial wireframes to define layout and content hierarchy.
3. Iterations & Final Screens
I refined the design across all pages, focusing on readability, brand consistency, and usability:
Homepage
Products Page
Our story Page
Contact Page
4. Final Design
The final responsive website includes clear CTAs, brand-consistent typography, tropical design elements, and seamless social media integration.
View prototype
✨ Reflections & Lessons Learned
- Creative adaptation: Editing unprofessional product photos and generating visuals reinforced my flexibility and creative problem-solving skills.
- Brand storytelling: Translating the essence of Lugua'a into a digital experience emphasized the importance of visual narrative in UX/UI design.
- Prioritizing user needs: Designing for clear information delivery helped me focus on functionality as much as aesthetics.