Role:
Web & UI Designer
Activity:
Wireframing, UI Design
Drinkology
Drinkology is a platform designed to make discovering and preparing cocktails at home easier. However, the navigation felt unintuitive and scattered, making it difficult for users to quickly find what they were looking for. The goal of the project was to simplify the user experience, making it clearer, faster, and more accessible.
Problem
Limited visual experience — many online recipe platforms feel flat and overly text-heavy.
Lack of personality — most cocktail recipe websites rely on plain layouts, with little visual identity or engagement.
Inefficient search — finding the right cocktail is often slow and unintuitive.
Objective
Improve the way users search and discover cocktails, making the experience faster, more intuitive, and accessible.
Solution
Clear and accessible recipe cards — each drink highlights ingredients and tools in a simple, easy-to-read way, suitable even for beginners.
Interactive video tutorials — a dedicated section allows users to watch, vote, and save their favorite cocktails.
Stories and curiosities — each recipe includes a short background story, adding depth and making the experience more engaging.
Wireframes
The design process focuses on content hierarchy, translating into a UI that simplifies both reading and preparation.
Final UI
The hero section highlights the cocktail with a bold layout, reinforcing the visual identity of the content.
The ingredients section is designed for quick scanning, allowing users to easily check quantities and types while preparing the drink.
The search bar enables users to quickly explore or find recent recipes.
Categories are designed to support exploration, using clear labels and icons to improve navigation.
The layout supports fast browsing while maintaining a simple and intuitive navigation.
The video section improves understanding of the preparation process, making the experience more accessible, especially for beginners.
Additional insights add value to the content, turning each recipe into a more complete experience beyond just preparation.
