JINGRU GUO

Elliot


An AI conciege helps you meeting friends

Elliot is the new virtual assistant app that helps you meet with friends, using your calendar and location to make suggestions. Let Elliot know which suggestions you like and it will automatically schedule events once both people confirm. Grabbing lunch, getting coffee, or setting up a phone call is seamless — no pressure, no back-and-forth, no awkwardness.




Problems

When I first joined the Elliot team, the Elliot scheduling algorithm had already been created by the engineering team. The target audience for Elliot are young professionals who are busy with their work, but want to catch up with their friends.

My task was to create user experience design and visual identity for Elliot. Based on product manager’s introduction and our conversation of Elliot, I identified the following issues that I need to tackle:

1. Setting up Elliot is a hassle.

2. Elliot's scheduling method causes confusion to first-time users

3.The less people use Elliot, the less effective Elliot would be.


User flow

To begin with, I talked with the engineering team to discuss what features to include. Since Elliot is a product that is largely based on assumptions, it was important for us to design and build the first version as soon as possible to do user-testing.

Based on our conversations and sketches, I first mapped out user flow diagrams to see how a user would navigate through the app.

The user flow diagram above shows how first time users and recurring users login to the app and go through Elliot's suggestions.

Once a meeting is scheduled, a push notification would show up and acknowledge people to check their scheduled meeting.


Design Ideation

I first created a wireframe and many low fidelity sketches to share and discuss with team.

Instead of drawing with pencil, I prefer to use sketch to do my first wireframe. The Sketch app helps me create clean, easy-to-understand designs that can be envisioned by the engineering team easily.

I tried different visuals, layouts and information hierarchy. My goal is to create a consistent visual design that aligns with the Elliot brand I created. Besides, due to the time constrain, the design I created also needs to be easy-to-build, and engineering teams helped me by showing the potential technical issues.




App Interface

Landing Pages:

Users need to use Facebook to login to Elliot. To help first-time users understand how Elliot work, landing pages also provide instructions.


Suggestion feeds:

After users open the app, they can see meetings suggested by Elliot. If users wants to meet someone, they click "yes" to the suggestion, and Elliot would ask users to enter their availabilities.


Scheduled Meetings:

If users and their friend both want to meet and their availabilities match, Elliot schedules and sends a push notification to acknowledge users.

If users decide not to meet with someone, Elliot would ask why with options like “Meet someone else for Tuesday”, “Meet this person for another time this week”, and “Neither”. Answers would help Elliot make better recommendations in the future.




Visual Design

Since Elliot is an app people use to meet with friends, the visual design of it is intended to convey a light-hearted and easy-going feeling.



UI color system:

Grid system:

Typography:

Icons:

I designed icons for different types of meeting. From left to right, they are dinner, lunch, coffee, and phone call.

To match the event type icons, other icons in Elliot also adopt a linear and clean feeling.