Coffee E-shop UX design case study
A fictional e-commerce project created during my UX/UI design course. The goal was to design a user-friendly and visually appealing online store for specialty coffee, going through the full UX process — from research and wireframing to final UI design.
Process
Phase 1: Research
I started with user research, including interviews, persona creation, and analysis of both the original concept and competitor websites. This helped define user needs and industry best practices.
Phase 2: Wireframing
After learning the basics of Figma, I created the information architecture and translated it into high-fidelity wireframes, focusing on logical navigation and clear content flow.
Phase 3: UI Design
We explored design fundamentals in Figma — typography, visual hierarchy, color theory, and overall design process. The final output was a polished product page for the fictional e-shop, blending aesthetics with usability.
What have I learned ?
🗣️ Conducting User Research
how to run interviews and gather valuable insights from users.
📐 Wireframing in Figma
turning ideas into high-fidelity prototypes.
👥 Creating Personas
defining target users and their needs for more focused design decisions.
🎨 Design Fundamentals
applying typography, color theory, and visual hierarchy effectively.
🗂️ Information Architecture
structuring content for clarity and easy navigation.
🖥️ From UX to UI
transforming research and structure into a polished, functional design.
Information architecture
For a better picture click here: https://shorturl.at/7Z5Ly
Design system
Final UI
