Coffee Lovers E-Commerce Website

Coffee Lovers E-Commerce Website

Coffee Lovers E-Commerce Website

Project Overview

Objective:

Coffee Lovers, a premier NYC coffee shop, enhances convenience through its e-commerce website, designed to streamline the coffee-ordering process. The platform allows users to order from 12 beverages - categorized into Black Coffee, Espresso Drinks, Specialty, and Non-Coffee—for pickup, in-store, or delivery, featuring global coffee origins, user engagement stats (3,500+ happy customers), and a newsletter subscription.

Streamline the student application process by automating sorting, ranking, and scholarship recommendations using AI.

Streamline the student application process by automating sorting, ranking, and scholarship recommendations using AI.

Target Users:

Busy professionals, students, and coffee lovers looking for a fast, convenient, and hassle-free way to order coffee.

University professors and admission offices.

University professors and admission offices.

My Role:

I worked as the primary UI Designer for this project.

UX Designer & User Researcher.

UX Designer & User Researcher.

Key Responsibilities:

As a UX Designer & User Researcher, I was responsible for:

As a UX Designer & User Researcher, I was responsible for:

✔ Designed an intuitive UI as the primary designer, creating an interactive prototype using Figma

✔ Developed a comprehensive design system to ensure consistency across the website

✔ Focused on accessibility with clear categorization and high-contrast design

Conducting user research to understand the workflow and challenges faced by admission officers.Developing user personas and journey maps to enhance the user experience.Designing wireframes and interactive prototypes in Figma to ensure an intuitive and user-friendly interface.Creating a dashboard layout optimized for efficiency, with clear AI insights and applicant rankings.Implementing usability testing to refine the system for better clarity and accessibility.Ensuring the interface aligns with ethical AI principles, making the decision-making process fair and transparent.

Conducting user research to understand the workflow and challenges faced by admission officers.Developing user personas and journey maps to enhance the user experience.Designing wireframes and interactive prototypes in Figma to ensure an intuitive and user-friendly interface.Creating a dashboard layout optimized for efficiency, with clear AI insights and applicant rankings.Implementing usability testing to refine the system for better clarity and accessibility.Ensuring the interface aligns with ethical AI principles, making the decision-making process fair and transparent.

Design System

Prototype - Primary Website

The primary prototype for the Coffee Lovers e-commerce website is crafted to provide a seamless and engaging experience for NYC coffee enthusiasts. It features key sections such as a hero homepage with a compelling tagline, a categorized product gallery showcasing 12 beverages and equipment, a stats section highlighting customer engagement, and a newsletter subscription page for updates.

The prototype is fully responsive, ensuring consistent functionality and aesthetics across desktop and mobile devices. Designed with user-centric navigation, it emphasizes visual appeal, intuitive usability, and accessibility.

Create a free website with Framer, the website builder loved by startups, designers and agencies.