Bon coffee

Funding

xxx

Raising 500k USD

Raising 500k USD

Raising 500k USD

Industry

xxx

Productivity (B2C)

Productivity (B2C)

Productivity (B2C)

Stack

xxx

Figma, Illustrator, Canva

Figma, Illustrator, Canva

Figma, Illustrator, Canva

Bon coffee

“ Seamless Coffee Shopping for Ultimate User Satisfaction – Discover, Brew, and Enjoy.”

Problem !!

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.

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.

Streamlined Checkout Process – Optimize checkout with minimal steps, guest checkout options, and multiple payment methods to reduce friction and cart abandonment.

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.

Survey result

User persona

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.

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.

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.

  • 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..

  • 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.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.

Thank you for taking your time to review my work. If you would like to see more or get in touch, contact me.

Portfolio

Store

Merchandise

Portfolio

Store

Merchandise

Portfolio

Store

Merchandise