MoodBrew

Inspiration

As college students, café culture has become a major aspect of our day-to-day lives. It could be studying all night for exams, attending lectures first thing in the morning, or simply relaxing after a task, we tend to frequent cafés regularly. But we came to understand that a large number of people — including us — make an impulsive choice regarding the beverages and food products without having any idea about how our choice would influence our mental state for the day ahead.

While some drinks helped us get into our productivity zone, others only left us anxious or exhausted by midday. We observed that there was no such platform which allowed us to find cafes based on our mood, dietary preference, and wellness goals.

We were thus motivated to design MoodBrew which is a wellness-driven café companion for helping users explore beverages and bakery items according to their moods and wellness goals rather than just acting as another food ordering website.

What it does

Emotional design and personalization played a crucial role in our understanding throughout the whole designing process. Originally, we thought that we could develop an app based on a typical café ordering approach. Nevertheless, we understood that this idea was not new and would not be unique enough for people to want to use our application. Thus, we decided to think about the emotional aspect of café visits rather than only the act of ordering something.

While researching how people interact with wellness apps, we found that they were more interested in support from an application than analysis and monitoring of their actions. Thus, we included all these elements to our design, such as pastel colors, smooth animations, rounded user interface, and motivating messages.

Also, we found that simplicity of a product is key, especially if we are talking about something related to mental well-being. While we were considering adding analytics into our application at first, later we changed our mind and decided to include simple mood check-ins and reflective streaks.

How we built it

Using Figma and other wireframing

Challenges we ran into

One of the biggest challenges we faced was defining a unique identity for the project. Early on, our concept felt too similar to existing food ordering or delivery applications. We struggled with finding a feature that would make the experience feel original and meaningful instead of becoming “another coffee app.”

To solve this, we shifted our focus away from ordering and toward emotional wellness and habit-building. This decision fundamentally changed the project direction and allowed us to create a stronger and more differentiated product concept.

Another thing was solving the functionality with figma after loading in too many component that may have causes a lot of mismatch in navigations. Therefore, we have to rename and reoganized a lot of items.

Built With

• figma