RSVP: mobile app

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: product designer

TOOLS: Figma, Illustrator

DATE: June 2020

The problem

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.

Analysis of the market

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:

Some screenshots I took from Trip Advisor

Survey and Interviews

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.

Problem statement and project goal


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


Goals:

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

UX

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.

Experience map

From here I could decide how I wanted the app to be structured and what points were crucial for the resolution of the problem:

User flow

Sketches

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.

Wireframes

Testing

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.

How would you choose a restaurant for a casual dinner with your colleagues?

How easy was it to find the restaurant? (1= not easy, 7= very easy)

72% answered 7
17% answered 6
11% answered 5

Average time: 16 seconds

How would you organise the event, once the restaurant is chosen?

How easy was it to organise the event?
(1= not easy, 7= very easy)

90% answered 7
10% answered 6
Average time: 19 seconds

Branding and UI

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.

Color palette

To build a consistent interface, I picket a color palette made of bright and strong colours.

Font

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.

Screens

I went back to the wireframes and focused on how to integrate the branding design I made on them.