Mind Coffee

I worked on Mind Coffee's website through UX@Berkeley. Mind Coffee is a cafe in Berkeley, California that encourages positive mental health. They sell a variety of drinks including coffee and matcha.

Year

2023 - 2 months

Project Type

Contract

Team

Laney Fong, Tiffany Huang, Rachel Lin, Amber Louie

I worked on this project with a team to create and reflect Mind Coffee's brand identity. Their existing website lacked organization and did not accurately represent their brand identity.

My Role/Responsibilities

I was responsible for the home page layout of the website.

Solution

We implemented a seamless UI design that allows users to navigate through the site easily.

Original Website Screens

Goal Statement

Our goal is to create an environment that aligns seamlessly with positive well-being, ensuring visitors feel welcomed, inspired, and supported throughout their online experience.

Branding

Mind Coffee wanted to keep their website minimalistic and make customers feel calm. While they had fonts and colors already set, our team had to work around this and redesign a more user friendly web design.

Sketches

I had the responsibility of the homepage sketches. I created layouts inspired by other clean UI.

Low Fidelity Prototype

Through this initial phase, we prioritized simplicity and functionality, sketching out the foundational elements with a focus on layout and user flow.

Mid Fidelity Prototype

As a team, we began working on our mid-fidelity prototype, with each member assigned to a specific page. However, we faced difficulties with inconsistent designs and a lack of balance. We were still struggling to achieve the cohesive and polished look we desired.

High Fidelity Prototype

Our website design prioritized showcasing enticing drinks on the homepage with a focus on visuals. Rotated titles and a light grey background aimed to create a more engaging and comfortable user experience, while incorporating the client's font for a cohesive and minimalist brand representation.

More Case Studies

Designed by Laney Fong
ContactLinkedInResume