“ Seamless Coffee Shopping for Ultimate

User Satisfaction – Discover, Brew, and Enjoy.”

“ Seamless Coffee Shopping for Ultimate

User Satisfaction – Discover, Brew, and Enjoy.”

“ Seamless Coffee Shopping for Ultimate

User Satisfaction – Discover, Brew, and Enjoy.”

Sarah

Sarah

I wish for an easy, personalized coffee

shopping experience with expert tips

and recommendations.

Bon Coffee’s web platform offers a seamless,

personalized shopping experience, connecting

users to premium coffee, expert tips, and effortless

checkout.

Bon Coffee’s web platform offers a seamless,

personalized shopping experience, connecting

users to premium coffee, expert tips, and effortless

checkout.

Web App

Bon Coffee Website

Toronto, Canada

2025

Problems !!

Complex Navigation & Discovery – Users struggle to easily explore and find premium coffee products that match their preferences.

Lack of Personalization – The absence of tailored recommendations makes it difficult for customers to discover new coffee options suited to their tastes.

Cumbersome Checkout Process – A complicated or lengthy checkout experience leads to frustration and potential cart abandonment.

Limited Educational Resources – Users lack easy access to brewing techniques and coffee knowledge, reducing engagement and confidence in their choices.

Inconsistent Brand Experience – The website's design may not fully reflect the artisanal and sustainable values of the brand, affecting trust and connection with customers.

Apps saves time by offering quick ordering, preparing, and delivery processes, making them ideal for busy schedule.

Solution !!

Simplified Navigation & Discovery – Implement a clear, intuitive menu, robust search filters, and engaging product categories to help users easily find and explore premium coffee options.

Personalized Recommendations – Integrate AI-driven suggestions based on user preferences, browsing history, and purchase behavior to enhance discovery and engagement.

Personalized Recommendations – Integrate AI-driven suggestions based on user preferences, browsing history, and purchase behavior to enhance discovery and engagement.

Comprehensive Educational Resources – Provide interactive guides, brewing tutorials, and expert tips in an easily accessible format to enhance user knowledge and confidence.

Consistent Brand Experience – Ensure a cohesive visual identity, tone, and messaging that reflect the brand’s artisanal and sustainable values, strengthening customer trust and loyalty.

User Research

User Research

User research revealed a need for easy navigation, brewing guides, and personalized recommendations. Checkout complexity caused cart abandonment, while competitor analysis highlighted mobile and navigation gaps. Personas guided the design for a seamless user experience.

User research revealed a need for easy navigation, brewing guides, and personalized recommendations. Checkout complexity caused cart abandonment, while competitor analysis highlighted mobile and navigation gaps. Personas guided the design for a seamless user experience.

How frequently do you Where do you typically purchase coffee from? (Online, local cafes, grocery stores, etc.)purchase coffee?

How frequently do you Where do you typically purchase coffee from? (Online, local cafes, grocery stores, etc.)purchase coffee?

How satisfied are you with the online shopping experience for coffee?

How satisfied are you with the online shopping experience for coffee?

Have you encountered any challenges when shopping for coffee online?

Have you encountered any challenges when shopping for coffee online?

How satisfied are you with the online shopping experience for coffee?

How satisfied are you with the online shopping experience for coffee?

Persona

Sarah Walter

Age: 28 years

Profession: UX Engineer

Salary: $8,650

Location: New York, U.S.A

Technology

Social Network

Mobile Apps

Internet

About Sarah

Sarah is a 28-year-old working professional who enjoys a cup of coffee in the morning but isn’t deeply invested in coffee culture. She prefers convenience and is looking for easy, no-fuss coffee products.

Goal

Find coffee quickly and efficiently.

Discover simple brewing instructions.

Access straightforward product descriptions.

Enjoy a seamless, fast checkout experience.

Purchase coffee that suits her taste without too much effort.

Frustration

Overwhelmed by too many product choices.

Frustrated by unclear product descriptions.

Difficulty in finding simple brewing guides.

Complicated and long checkout processes.

Poor mobile experience when browsing.

Motivation

Save time while shopping for coffee.

Find easy-to-understand product options.

Enjoy a quick and convenient purchase journey.

Mark Brown

Age: 35 years

Profession: Product Manager

Salary: $8,650

Location: New York, U.S.A

Technology

Social Network

Mobile Apps

Internet

About Mark

Mark is a 35-year-old coffee enthusiast who takes pride in brewing the perfect cup of coffee. He’s passionate about the origins, flavors, and brewing methods of coffee and seeks premium, specialty coffee products.

Goal

Discover high-quality, specialty coffee blends.

Access detailed product information and reviews.

Find brewing tips and guides for perfecting his coffee.

Find brewing tips and guides for perfecting his coffee.

Easily reorder his favorite coffee blends.

Frustration

Lack of detailed product descriptions and sourcing information.

Difficulty finding expert-level brewing advice.

No personalized recommendations based on his taste preferences.

Complicated navigation with too many irrelevant products.

Slow website load times when browsing.

Motivation

Find premium, ethically sourced coffee.

Enhance his coffee brewing skills with expert content.

Enjoy a personalized and streamlined shopping experience.

Empathy Map

Empathy Map

User Flow

User Flow

The user flow starts with a clean homepage, guiding users to key sections like products, brewing guides, and reviews. Clear filters and descriptions enhance product discovery, while detailed pages provide brewing instructions and feedback. A streamlined checkout with easy forms, a progress bar, and multiple payment options ensures a smooth journey, ending with a clear order confirmation.

The user flow starts with a clean homepage, guiding users to key sections like products, brewing guides, and reviews. Clear filters and descriptions enhance product discovery, while detailed pages provide brewing instructions and feedback. A streamlined checkout with easy forms, a progress bar, and multiple payment options ensures a smooth journey, ending with a clear order confirmation.

Wireframes

Wireframes

The wireframing process prioritized a clear, intuitive layout for seamless navigation. Key sections like product listings, brewing guides, and reviews were organized for easy access. Product pages featured images, descriptions, and filters, while checkout was streamlined with minimal steps and clear CTAs. Simplicity and clarity ensured a smooth user journey.

The wireframing process prioritized a clear, intuitive layout for seamless navigation. Key sections like product listings, brewing guides, and reviews were organized for easy access. Product pages featured images, descriptions, and filters, while checkout was streamlined with minimal steps and clear CTAs. Simplicity and clarity ensured a smooth user journey.

Visual Design

Visual Design

The coffee website’s visual design is warm and inviting, with a clean layout, ample white space, and high-quality imagery. Rich browns and earthy tones create a cozy feel, while consistent typography and simple icons enhance usability and brand identity.

The coffee website’s visual design is warm and inviting, with a clean layout, ample white space, and high-quality imagery. Rich browns and earthy tones create a cozy feel, while consistent typography and simple icons enhance usability and brand identity.

Usability Testing

Usability Testing

Usability testing ensured smooth navigation, easy product discovery, and hassle-free checkout. Users tested browsing, filtering, and purchasing, revealing issues with navigation, product info, and mobile experience. Feedback led to improved filtering, enhanced checkout, and better mobile optimization. Iterative testing refined the design, ensuring a seamless, user-friendly experience.

Usability testing ensured smooth navigation, easy product discovery, and hassle-free checkout. Users tested browsing, filtering, and purchasing, revealing issues with navigation, product info, and mobile experience. Feedback led to improved filtering, enhanced checkout, and better mobile optimization. Iterative testing refined the design, ensuring a seamless, user-friendly experience.

The product filtering options were intuitive but could benefit from more specific

categories.

The product filtering options were intuitive but could benefit from more specific

categories.

The checkout process was smooth, but adding an option for guest checkout would

improve efficiency.

The checkout process was smooth, but adding an option for guest checkout would

improve efficiency.

Web app navigation was clunky; larger buttons and optimized images would enhance

the experience.

Web app navigation was clunky; larger buttons and optimized images would enhance

the experience.

Product descriptions are clear, but including more detailed brewing tips would be

helpful.

Product descriptions are clear, but including more detailed brewing tips would be

helpful.

The homepage layout is clean, but I would prefer quicker access to personalized

recommendations.

The homepage layout is clean, but I would prefer quicker access to personalized

recommendations.

The progress bar during checkout helped a lot in understanding where I was in the

process.

The progress bar during checkout helped a lot in understanding where I was in the

process.

Let’s Connect

Let’s Connect

Thank you for taking your time to review my work. If you would like to

see more or get in touch, contact me.