I put myself on a mission: from now on, organising a dinner with friends, a work lunch or a birthday party will be easy and smooth!
I decided to design a mobile app to help people pick up a restaurant by type of experience and manage the whole organisational process in a playful way.
MY ROLE: UX/UI designer
TOOLS: Figma, Illustrator
DATE: June 2020
To organise a dinner/lunch event is stressful and time consuming.
You need to:
- pick a place that suits the event
- send invitations to everyone
- get a confirmation from all of them
- send a reminder
Is it just me or is it actually a nightmare?!
That's why I thought I could work on this project.
I started my research with an analysis of the competitors, to have a clearer idea of what was on the market, what was missing and what needed an improvement.
I downloaded many apps and explored them and here's what I found out:
At this point, to get a more precise picture, I decided to throw an online survey, 20 people answered (thank you!).
The answers were not mutually exclusive, the users could choose more than one. I wanted to understand what they were struggling with and that could be 1 aspect or also all of them.
I also made some interviews, asking the users to tell me if this kind of experience for them is actually smooth or stressful and if so, in what way.
To organise a dinner event is stressful and time consuming because:
1. Apps don't categorise restaurants by type of experience, but by food type and price, so to find a place for a certain occasion requires an extra research
2. You need to switch to another channel to send invitations and get answers
1. To save time by browsing restaurants by atmosphere and type of experience: fine dining, casual dining, fast casual, family style, fast food or cafe/pub, in order to avoid the extra research
2. To manage the whole process through 1 channel and make it less stressful: no more group conversations, phone calls, messages
Based on the interviews and on the survey, I built an experience map of my ideal user, Stephen, a man in his late thirties, with a good income, a satisfying career, some nice hobbies and very little free time.
From here I could decide how I wanted the app to be structured and what points were crucial for the resolution of the problem:
Once I had the user flow clear in my mind, I started translating it into rudimental sketches and then organising them into precise wireframes, using Figma.
I decided to do some navigation testing, to see how easy it was for the users to complete 2 of the main actions required by the app: choosing a restaurant and creating an event.
72% answered 7
17% answered 6
11% answered 5
Average time: 16 seconds
90% answered 7
10% answered 6
Average time: 19 seconds
Since the main goal of the project is to make dinner events organisation less stressful, I wanted to create a playful logo.
I decided to find inspiration in the tattoo and vintage style, since it's one of my favourites. The first ideas that came to mi mind were a little bird carrying a letter and a message in a bottle, so I just started doodling.
The little bird was cute, but it reminded me of Twitter, so I decided to focus on the bottle instead. I found a font that looked perfect, just for the logo, that recalled the world of vintage style tattoos.
For the confirmation page, the screen that appears when the user finalises the process, after choosing the restaurant, setting time and date and sending out invitations, I wanted something celebratory, a playful and joyful image, that could make the user feel happy about their accomplishment.
That was definitely the most important screen. Once I was happy with that, I did a simplified version of it, for the app icon, considering the Apple guidelines.
To build a consistent interface, I picket a color palette made of bright and strong colours.
I chose the font Roboto, because it's very easy and comfortable to read and the choice of a good font makes a product more accessible and friendly.
I went back to the wireframes and focused on how to integrate the branding design I made on them.