CASE STUDY
CuppaCafe
Re-imagining coffee runs with your purpose in mind
.png)
OVERVIEW
CuppaCafe is an iOS project born out of discussions I had with a friend during my travels. Our aim was to find coffee shops that met specific needs; however, we faced challenges in verifying their availability.
With CuppaCafe, users can tailor their search for coffee shops based on their preferences and priorities, whether it be for air conditioning, food restrictions, reliable WiFi, or understanding the general atmosphere of the space. By showcasing specific amenities as wanted or unwanted, the app provides users with a clear idea of what to expect before stepping foot into the coffee shop.
7 interviews with individuals who frequent coffee shops to varying degrees and purposes, showcased specific pain-points of coffee shop customers. These interviews heavily informed my design process and gave a stronger understanding of our target audience, essential features to work on, and a basis for an appropriate brand identity.
The mock-ups shown below represent key features from the MVP, within which I tried to communicate feelings of transparency, professionalism, and understanding.
If you would like to see a video of this prototype, click here.
From the words of someone who often frequents coffee shops:
"You never know until you enter a place and assess the environment as to whether you can work in the space or not. This app would really help understand the atmosphere without having to go in."
Mock-ups
Full Screen Mock-ups
Icons
Icons and graphics that complement the identity and emotions invoked by a product, help create a more cohesive user journey. With CuppaCafe, I hoped to inspire in users a sense of playful curiosity, through the app's functionality as well as its visuals. In the mock-up icons below, you'll find some of the graphical elements I designed from scratch.
.png)
.png)
.png)
.png)
.png)
Logos
When it came to designing the logo, I started with ideas showcasing a visual representation location and imagery related to coffee shops, experimenting from there. The chosen logo ended up being a more blocked and modern font with a darker, coffee color for easier accessibility and branding visibility.
.png)
.png)
.png)
.png)