Project Information

Role: Product Designer, UI/UX Designer

Created Year: 2016 (updated in 2018)

Used Software/Tools: Adobe Illustrator, Adobe XD, Paper Prototype

Tags: User Interface, User Experience, Mobile Application, Android

About Hearth

Hearth is a social recipe app designed for party host to help them with party planning from invitation to food preparation.

Key Features

Social Connection: Find out what your friends are cooking or even the things they like, don’t like or can’t eat.

Party Planner: Hosting a party and feeding your friends shouldn’t be so difficult. Use Hearth’s Party Planner to create your party and select meals based on your invited friends.

Adjustable Serving Size: Whether it is for yourself or multiple people (6?!), manage the ingredients quantity so you don’t end up with leftovers.

Notification: Stay notified when friends are attending the party or providing food suggestions.

hearth-loading-screen

Research

Interview Questions & Answers

hearth-interview-questions-1
hearth-interview-questions-2

3 Top Competitors

hearth-top-competitors

Message Board Mining

hearth-message-board-mining-1
hearth-message-board-mining-2
hearth-message-board-mining-3

Research Insights

hearth-research-insights

Problems

1. Not easy to track which recipes were used or not.

2. Cooked too much of food and end up with leftovers that ends up in a waste bin.

3. Too much hassel to plan meal gathering party.

4. Hard to track friends diet and allergies.

Solutions

1. Provide easy and manageable list to separate the saved and used recipes.

2. Allow user to adjust the service size based on their intended meal preparation.

3. Provide an easy party planner which includes menu preparation and invite friends to join.

4. Allow user to connect with his or her friends to check their dietary restrictions.

Mind Map

hearth-mindmap

Target Audience

Age Range: Mid 20s to 30s.

Education: Bachelor's degree and higher.

Income: Minimum of 50k per year or higher.

Who: People who likes to cook at home and likes to throw party and serve food to others.

Goal: To help the party host with party planning including food preparation and bring people closer together through food.

2 Key Personas

hearth-persona-1
hearth-persona-2

Initial Sketches

hearth-initial-sketches

Information Architecture

hearth-information-architecture

Wireframes

hearth-wireframes

User Flows

hearth-userflow-1
hearth-userflow-2
hearth-userflow-3
hearth-userflow-4
hearth-userflow-5
hearth-userflow-6
hearth-userflow-7
hearth-userflow-8
hearth-userflow-9

User Testing

hearth-usertesting
hearth-usertesting-feedback

Design Iterations

hearth-iteration-1
hearth-iteration-2
hearth-iteration-3
hearth-iteration-4

Moodboard

hearth-moodboard

Color Palette

hearth-color-palette

Typography

hearth-typography

Logo

hearth-logo

Final Design

hearth-final-design

Video