Launching Gulp Roast’s Ecommerce System
Role: Lead Designer
Scope: 1 week
Tools: Pop by Marvel, Figma
Context: In one week, as part of a design thinking project from my UCI UI/UX Bootcamp, I worked on creating an online shopping experience for Gulp Roast Coffee, a company that sells whole-bean and ground coffee to both retail and wholesale customers. The project involved the Define, Ideate, Prototype, and Test phases, and aimed to enable customers to purchase products online through the company's website. Through the project, I gained valuable experience in applying design thinking to create user-centered solutions.
First, we need to go on the grind and research
To start off this project, I had to know what problems Gulp Roast is facing. I created Mind Maps, User Personas, and defined our objectives.
Research Objectives:
What compels people to make coffee purchases?
What biases do our customers have?
What do coffee drinkers want to know before they make a purchase?
Quotes from user Interviews:
“I use my phone to buy groceries because I’m always busy and it’s more convenient”
“I won’t trust [a product] if it has no reviews”
Conclusion:
How might we create a simple, intuitive check-out process for non-technological customers in order to allow them to seamlessly buy a product without confusion.
Next, let’s brew up some ideas
Main focuses:
Provide clear and concise steps
Prominent Call to Action Buttons
Minimal Design
Let’s pour our ideas together and make a prototype
Add a splash of Figma
After my user tests, I implemented the feedback in a new design using Figma.
What I learned…
It is important to conduct research to get to know your user base
You are constantly learning through every step of the process
Scope creep is real, even in smaller projects
If I had more time…
I would build a higher fidelity prototype. I’d also explore more ways to keep the sophistication aspect of the brand.