UX/UI Design

Coffee Finder App

PROJECT NAME: COFFE FINDER APP

CLIENT: CASE STUDY

 

PROJECT TYPE: MOBILE APP UX/UI DESIGN

PROJECT YEAR: 2023

The Idea

Due to the current boom in the opening of cafeterias of all kinds in Buenos Aires City and surroundings, many times you find yourself in doubt of where to go for a good coffee in a comfortable environment. Whether it’s eating something vegetarian, working on the computer or just having a delicious coffee. 

To avoid going out with the car and going around aimlessly or walking and walking without finding the right place, the app will try to solve some of those dilemmas. 

Starting with the vicinity of my current position and testing a brief profile of the selected cafeteria where the following information is obtained: photos of the place, address, menu, hours, if it has Wi-Fi suitable for work, if the place is quiet or noisy, pet friendly or even if the place is “instagrammable”.

The objective is to solve any concern in a simple way. For example: Is the coffee awesome? YEAH. Can you work there? NO. etc. 

Add a rate system so users can leave their opinions and ratings. Coffe Finder is designed for a wide range of audiences such as: independent workers, coffee fans, influencers looking for cute places to make their content, for foodies looking to find new experiences and for anyone with a flaneur spirit who just wants to find a pleasant place to sit down for a break having a delicious coffee.

The Process

Building User Personas

After defining the main idea and the app objectives, I start to build the ideal user persona in order to move forward to the next step which is to create a moodboard based in user´s profiles. 

Moodboard

With the user personas defined, i´ve started figuring out the general app aesthetics. Based on what we´ve learned from the users we´ve start to create the Coffe Finder universe, look & feel, style and all kind of different references from music to places and colors. 

Hand Drawn Wireframe

Users Interviews - Testing

"Bigger buttons! I have a tiny cell phone and it gets really hard to push any button and to actually see it too!"
Florence
Tester
"I would like to see a big map or a google map so I can see where the coffe shop is located and if it´s near me"
Bruce
Tester
"Add other options to sign in, not just Google. Add a "save review" or share button. Add a few mor filters to the search bar"
Camille
Tester

Mid & High Fidelity Prototypes

Mockups & Link to prototype

Final Mockups with some screens. 

Link to Figma Prototype: https://tinyurl.com/CoffeFinder-Prototype

Other Projects

What if yellow walkman was an app?

Sunwave Eyewear Web Design

logo marques de almeida