11 . 23

11 . 23

Coffeedem is a coffee roastery and e-commerce platform specializing in fresh, daily-roasted coffee beans. As a key player in the online coffee market, the company provides a wide range of coffee products, aiming to be a one-stop-shop for coffee enthusiasts.

Coffeedem is a coffee roastery and e-commerce platform specializing in fresh, daily-roasted coffee beans. As a key player in the online coffee market, the company provides a wide range of coffee products, aiming to be a one-stop-shop for coffee enthusiasts.

Landing Page Video

Landing Page Video

Landing Page Video

Challenge

Challenge

Challenge

The main challenge was to elevate the website's user experience and visual design to match the brand's commitment to quality. Users needed a more sophisticated filtering system to navigate the vast product selection. Additionally, the client wanted to introduce a new, user-friendly feature that would help customers calculate their coffee consumption and determine how much coffee they should buy. Visually, the goal was a new design with a softer color palette that would enhance the brand's premium quality.

The main challenge was to elevate the website's user experience and visual design to match the brand's commitment to quality. Users needed a more sophisticated filtering system to navigate the vast product selection. Additionally, the client wanted to introduce a new, user-friendly feature that would help customers calculate their coffee consumption and determine how much coffee they should buy. Visually, the goal was a new design with a softer color palette that would enhance the brand's premium quality.

Project Summary

Project Summary

Project Summary

I led the UI/UX design for the Coffeedem e-commerce site, focusing on simplifying the user experience while adding valuable features. I designed an advanced filtering system that allows users to quickly find products based on their preferences. I also created a simple, intuitive section that helps customers calculate their ideal coffee purchase, which significantly enhanced the shopping experience.


The new design features a minimalist aesthetic with a soft color palette, which elevates the brand's visual quality. This redesign successfully transformed the platform into a more modern, user-friendly, and visually appealing destination for coffee lovers.

I led the UI/UX design for the Coffeedem e-commerce site, focusing on simplifying the user experience while adding valuable features. I designed an advanced filtering system that allows users to quickly find products based on their preferences. I also created a simple, intuitive section that helps customers calculate their ideal coffee purchase, which significantly enhanced the shopping experience.


The new design features a minimalist aesthetic with a soft color palette, which elevates the brand's visual quality. This redesign successfully transformed the platform into a more modern, user-friendly, and visually appealing destination for coffee lovers.

Hero Section

Hero Section

Hero Section

Products

Products

Products

Banners

Banners

Banners

Custom Product Section

Custom Product Section

Custom Product Section

Product Detail

Product Detail

Product Detail

Listing Section

Listing Section

Listing Section

Footer

Footer

Footer