Client
University's Project
Category
UI/UX, WEB DESIGN
Verano
The Verano website is an online store that offers a selection of high-end coffee machines. Its minimal design makes it easy for users to navigate, find detailed product information, and place orders. The site focuses on functionality and simplicity to provide a clear and efficient shopping experience.
Client
University's Project
Category
UI/UX, wEB DESIGN
Tools
Figma, Photoshop
Preview
Logo Design
The logo for VERANO, a shop specializing in coffee machines, is designed with the brand name as the focal point. The standout feature is the horizontal "R", placed above a coffee cup, symbolizing the coffee spout holder, a subtle nod to the functionality of coffee machines. The color dark brown was chosen to evoke the familiar tones of freshly brewed coffee, creating a direct connection to the product. The font, DM Sans, is simple and clean, adding a modern, minimalist touch that ensures the logo feels approachable and easy to recognize.
Branding and Visual Identity
VERANO focuses on creating a brand that resonates with coffee lovers. The dark brown color reflects the rich tones of coffee, giving the brand an authentic feel. The simple DM Sans font makes the name clear and easy to recognize. The horizontal "R" is designed to resemble a coffee spout holder, directly linking to the shop’s focus on coffee machines. Overall, these design choices help VERANO stand out and appeal to customers looking for quality coffee equipment.
Color
Typography
DM Sans
DM Sans
DM Sans
DM Sans
DM Sans
Challenge & Key Objectives
Challenge
Create an educational and user-friendly platform for booking child therapy services.
Challenge
Create an educational and user-friendly platform for booking child therapy services.
Challenge
Effectively showcasing high-end coffee machines in a way that highlights their features and quality.
Ensuring that the online shop provides a smooth and intuitive navigation experience for users.
Implement a user-friendly checkout system with clear steps and secure payment options.
Key Objectives
Develop a clean and easy-to-navigate design that allows users to quickly find and order coffee machines.
Present detailed information and images of coffee machines to clearly communicate their quality and benefits.
Ensure the checkout process is streamlined and efficient, making it easy for users to complete their purchases without complications.
Design a warm and inviting interface.
Step 1
Research & User Insights
Research & User Insights
To develop the Verano online shop, I conducted research with potential customers to understand their needs and preferences. Surveys were carried out with coffee enthusiasts, buyers of high-end appliances, and e-commerce users.
Based on the survey results, I developed three primary user stories that shaped the website’s user flow:
Users prefer a clean and simple interface that allows them to find products and complete purchases quickly.
Customers want clear, detailed descriptions and high-quality images to make informed purchasing decisions.
An efficient and straightforward checkout process is crucial for minimizing cart abandonment and ensuring a smooth purchasing experience.
Step 2
Userflows examples
Research & User Insights
I created user flows to map out key interactions, such as the buying process. These flows clarified the user journey and ensured a smooth experience for the clients.
Step 3
Mid Fidelity Wireframes examples
Mid-Fidelity Wireframes examples
These wireframes represent the mid-fidelity design stage, focusing on layout and content structure. Key changes include the refined navigation and content placement.
Step 4
High Fidelity Wireframes examples
High-Fidelity Wireframes examples
The high-fidelity wireframes incorporate detailed design elements, including colors, typography, and interactive components. These designs were finalized based on user feedback and testing.
More work
