Re-imagining coffee runs with your purpose in mind
This project is currently in development, but here are some samples of high-fidelity mock-ups, icons, and logos currently in progress.
CuppaCafe is an iOS passion project that came to light from conversations during my travels with a friend. We hoped to find coffee shops that met certain needs but no way to verify their availablity.
Whether it's AC, food restrictions, reliable WiFi, or understanding the general atmosphere of the space, CuppaCafe allows for the user to customize their priorities for their next coffee shop visit. By showcasing specific amenities as wanted or unwanted, the user understands what to expect before walking through the door.
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."
Full Screen Mock-ups
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.
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.