FORTUNE

A fortune cookie that helps prevent potential regrets.

 
cookiecover.jpg

Note

This project only contains the latest design;
click the button below to see all iterations and full case study.

 

 
 

Overview

Fortune is an app that sends users unique fortune cookies every week to prevent potential regrets.

Timeline

15 weeks (2019-20)

Categories

Product Design
UX/UI Design
Service Design
Design Research

Role

Product Designer

Tools

Sketch
Adobe Suite
(Ps, Ai, Ae, Xd, Pr)
Cinema 4D

Responsibilities

Problem Definition
Reframing Questions
User Research
Product Design
UX/UI Design
Art Direction


Challenge

Humans make small mistakes over and over, and most of the time we don't pay much attention to it. It is the accumulation of the neglect that causes us repetitively behaving in the same patterns, potentially bringing about lifelong regrets.

 

Opportunity

How might we help users stop making repetitive mistakes in order to prevent potential regrets?


demographic-01.png
demographic-02.png

design process

design process-01.png

Research summary

 
demographic-03.png
 

demographic-04.png
 
demographic-05.png
 
demographic-06.png
 
demographic-07.png
 

Interviews

To find out the answer, I interviewed psychologists, nurses, and sociologists.I asked them what they would do in their daily life, and what is the peculiar human behavior they’ve ever observed. I noticed that people love to use some prediction-related apps, like personality quizzes, daily horoscopes, and fortune-telling.

percentages-02.png

Key Findings


All of the options possess two key elements–people love to use, and people are willing to follow the instructions. Among all, fortune-telling is the one I think design can have the interventions to achieve the goal–helping people stop repeating old mistakes.

demographic-14.png

Design opportunities



1. USER INPUT : Seize the conscious time

Although most of the time people are making unconscious moves, the very moment people will definitely be in the conscious mode is when people realized that they'd made a mistake. So it would be very helpful to make use of that moment and have people write down the wrong things.

percentages-05.png
 

2. DESIGN OUTPUT : Telling a useful fortune


Instead of some random fortune notes, the design output should base on the user inputs and respond accordingly.

percentages-06.png

demographic-13.png

Survey: Find out target users

“Do you agree that repetitive mistakes can lead to lifelong regret?”

 
percentages-01.png

To find out the target user, I held a street survey, and I asked participants this question :

"Looking back, is there any mistake you constantly make?"
"Do you believe repetitive mistakes can lead to lifelong regrets?"


Only 10% of people over 50 years old think repetitive mistakes can lead to lifelong regrets. (6 male/ 4 female)
About 25% of people under 15 years old think repetitive mistakes can lead to lifelong regrets. (3 male / 4 female)
Almost 84% of people between 23 to 35 years old think repetitive mistakes can lead to lifelong regrets. (8 male/ 5 female).

Reasons are:
People over 50 years old mostly believe that past mistakes are just life lessons; we need to embrace them and keep going.
People under 15 years old think there are not many to worry about...yet.
For people who are between 23 to 35, they think they've made mistakes and they are not satisfied with their work, family, relationship, etc. Mostly everything. And this group of people is exactly in the realm of Millennials.


demographic-16.png

Persona

Fortune Persona-01.png

user journey map

user_journey_map-01.png

Information Architecture

Fortune_IA-01.png

User Flow

userflow-01.jpg

How it works

butt_app-05.png

Wireflow

How to make a new fortune cookie?

wireflow-02.png
wireflow-03.png
 

Weekly Delivery

wireflow-01.png

fortune

An app that turns users' mistakes into fortune cookies that help prevent potential regrets.

 
hero2_0012.jpg
 

Onboarding

onboarding-01.png

Onboarding pages use cute animations to guide users through the main features in this app.

 
 
ezgif.com-video-to-gif (4).gif
 
 

Make a fortune cookie

Step 1 - 3

LEFT.jpg
 

Step 4 - 7

right.jpg
 

Prototype (stay till the end)

 
ezgif.com-video-to-gif (4).gif
 

receiving cookies

onboarding-02.png

There is also a cute animation when receiving new cookies.

 
 
ezgif.com-video-to-gif-(4)-copy.gif
 

Profile & Keyword Links

profile copy.jpg

In the profile page, if users wonder what notes they've received on a specific day, users can click on the dots in the chart to review directly, and the same function works on the keywords as well.

 
wireflow-10.png
 
ezgif.com-video-to-gif (4) copy 2.gif
 

wireflow-11.png
ezgif.com-video-to-gif (4) copy.gif

Settings

setting.png
magic words.png

Key functions

If users don't want to constantly make cookies but still want to receive new fortune notes, that is totally fine. In the setting page, users can decide if they want the app to auto-generate notes for them or use old inputs repeatedly.

 

Magic Words

The Magic words function is like "Ok, Google" or "Hey, Siri". But what's more exciting than that, you can customize your trigger words! Magic Words can help users record more detail moments that people weren't aware of. For example, If a person always says "Oh shit " whenever he/she did some stupid things, then "Oh shit" could be the magic word to trigger the app, and help him/her record the stupid moment that he/she didn't even notice.

 

Demonstration of Magic Words

 

Logo & Assets

fortune_logo-08.png
ASSETS-01.png