Brøg App

A coffee reviewing app

UI Designer

Team:
Solo designer working in collaboration with client

Timeframe:
1 month

Client:
BRØG aims to build a community and a coffee review tool.


The task for Brøg was focused on updating design UX flows, creating wireframes and mock-ups for a coffee review mobile app, which involved a lot of re-organizing of the design documents and working on establishing both light and dark mode. This was a challenge in terms of having limited time to achieve re-structuring and ensuring the changes are properly handed-over to communicate with the founders and the developer. In addition, there were also new design changes and design styles to finalize which led to the development of having light and dark mode. My biggest takeaway from this project is having a structured Figma file came in very handy for gathering feedback, especially when comparing side-by-side designs for both color modes. This not only made it easy for changing colors and keeping to a structured design system (utilizing Figma's design style system) but also made it easier for communicating changes and when a design is ready for implementation.


Before After
Home screen
Before After
Tips pop-up
Before After
Brand information screen
Before After
Profile screen
Before After
Cupping form functionalities
Before After
Rating and review functionalities

Design documentation for this project

Design system

Design System Documentation
Created in Figma.

Figma design system integration

Figma Design System Intergration
Color and text styles.

Darkmode design documentation

Darkmode Design Documentation
Created in Figma.

Lightmode design documentation

Lightmode Design Documentation
Created in Figma.