This is a concept project for Borjomi Limonati, a Georgian sparkling lemonade. I designed the entire user interface from scratch, focusing on a vibrant, refreshing look that matches the product's energy. The site includes smooth micro-interactions and scroll-based animations to make the user experience more dynamic and engaging.

My process involved:

• Structuring the layout through wireframes and user flow planning

• Designing high-fidelity mockups for multiple flavor pages

• Creating reusable components and typographic systems for consistency Ensuring full responsiveness across devices

• Adding animation to enhance visual storytelling

Wireframes & Structure:

I began the process with low-fidelity wireframes to define the user flow and content hierarchy. The structure is designed to present the product as the visual hero, keeping user interaction minimal and focused.

Typography: I selected a rounded Georgian typeface to reflect approachability and echo the natural, friendly character of the brand. Clear headings and readable body text help maintain an inviting and clean layout.

Color Palette: The color scheme draws directly from the flavors — rich green for tarragon and warm amber for citrus — creating a vibrant yet organic feel. Background gradients and color contrast were carefully balanced to highlight the product and ensure text legibility.

Components & Layout: All elements were built using Figma’s Auto Layout for flexible responsiveness. Reusable components helped maintain consistency and streamline updates.

Interactions & Animation: I added animated transitions to create a sense of movement and freshness, giving the user a smooth and engaging browsing experience.

This concept showcases my attention to brand-driven UI, thoughtful visual identity, and structured UX planning — all aimed at enhancing product storytelling and user experience.

Results

The final result is a bold, colorful interface that balances product focus with a playful brand feel—designed to leave a lasting impression and boost user engagement.

Heading

Enter your text here...