Find the best coffee.
Find the best coffee.
Find the best coffee.
Overview
Order & pay for a coffee through the app.
The mobile application is designed to integrate with an online payment method, showing vital beverage information like:
- choosing milk alternative
- adding tips
- adding reviews
- creating events
- posting
- advertising
The Challenge
DESIGN –
I created the whole UX from scratch, to help users quickly navigate through the app, while remaining undistracted.
Designing an UI that is clean and focused, but showing enough details to be useful.
INTEGRATION -
The biggest challenge on the tech side was definitely making the connection with the heads-up display seamless, basically to make that work in just a few touches and every time.
Solution
A mobile app that makes it easy to browse, and pay for a coffee. CoffeeMe connects local business owners with people who want conveniently order a cup of coffee or just looking for a spot to plug in their laptops.
- Skip the queues
- Browse, pay and collect your
coffee on the go
- Save time
- Contribute to the community
Style Guide
PRIMARY COLOURS
TYPOGRAPHY
LOGO
UI COMPONENTS
User Interface
Onboarding
Once you log in, there’s a list of coffee shops you can choose from. From there, you are only 4 steps away from purchasing your
favourite coffee.
Community
Once you log in, there’s a list of coffee shops you can choose from. From there, you are only 4 steps away from purchasing
your favourite coffee.
Additional features
Whether it’s looking up a new coffee shop on the map, making a new listing or simply messaging people, you can enjoy the flexibility of the app and do it all in one place.
Interactive Prototype
As for any digital product that I build, I first did research & wireframing phase, then created the UI designs and linked the screens together in an interactive prototype in Marvel.
You can even see how that works below.
Reflection
This project was also great practice in building effective UI. I was able to dive deep into the peculiarities of mobile applications and expand my knowledge about each UI element's functionality.
More projects:
