Friendie_Branding-07.jpg

Friendie_UX/UI


FRIENDIE

 

FRIENDIE is a social networking app focused on helping new residents build friendships with their neighbors by matching them with meal partners in preferred restaurants. By signing up on the app and uploading your meal plan on the app, FRIENDIE will recommend tables to you where you can join to eat with new friends at the table.

Project: Product design / UX design /content strategy / Branding

Tools:  Adobe Creative Suite(Ai,Ps,AE) / Sketch / Flinto / Paper prototypes


Video


 

Challenge

This project is a part of my thesis, which focused on young adults' identities through products, service and digital interactions I designed. I created an effective digital interaction for my target audience. The process includes research, concept reframing, final design delivery.

 


 

Research

Step 1: Determine Target Audience

I started this project by determining my target audience. They are young adults between the ages of 18 and 25 who are either college bound or have completed a bachelor’s degree. I categorize them to get a clearer picture.

 

Design Process-03.png

 

 

 

Step 2: Verify Problem Statement

My first-round thesis research (interviews, organize workshop and read books, articles, etc.) provided me with a range of design potential. I summarize the research and extracted them into three problem statements which provide me some directions I could take moving forward into user research. I did a deeper research on each problem and found the No.3 problem is a sharing problem in my target audience.  

 

Three problem statements extracted from the research:

Design Process-01.png
 
Jiani_Thesis_V3.055.jpeg

Resources from Internet

 

Jiani_Thesis_V3.056.jpeg

 

 

 

Step 3: Target Audience Interview

I interviewed three target audiences. I pulled a collection of insights from our users that contradicted our initial assumptions.

Design Process-08.png

 

 

Step 4: Persona creating

Persona build a representation of the goals and behavior of a real group of users by synthesized from, primarily, ethnographic data collected from interviews with users. Each persona includes behavior patterns, goals, skills, attitudes, and environment, with a few fictional personal details to make the persona a realistic character.

Design Process-04.png
Design Process-05.png

 

 

 

Step 5: Scenario Mapping

I used scenario mapping as a methodology to map out all the steps that a user will take to complete a task. This process focused on what the user will do, not necessarily how he or she will do it. Along the way, I captured good ideas, questions and other stuff that is important for the design. This exercise helped me provde an overview of the intended user experience.

Design Process-06.png

Key Insights

Design Process-07.png

 

 

 

Step 6:  Brainstorm Workshop

Design Process-02.png

 

Design Process

Step 7: Market Analysis

I looked at a wide range of food app competitors to help me understand the domain and current patterns which could inform concept development. These included app focusing on ingredient sharing like OLIO, app focusing on ordering like Seamless, and app focusing on teaching like Kitchen Stories. 

By this matrix I made, I found there is a market opportunity in creating physical interactions in a small group.

Jiani_Thesis_V3.060.jpeg

 

 

 

Step 8 : Concept Developing

 

User Journey

Friendie_Portfolio_Work_Flow-01-01.png

 

User Flow Diagram

Friendie App categories into 4 different sections: Experience / My Plan / Wish List / Profile

Friendie_Information Archeticture-01.jpg

 

Wireframes

 

1st Version UI design

Final_Image_02.png

 

Improvement

After user tests, I did some improvements based on their feedback.

Friendie_Improvement-02.png

 

Final Design

 

UI Design

Experience

Friendie_Information Archeticture-03.png

My plan

Friendie_Portfolio-15.png

Wish list + Profile

Friendie_Information Archeticture-05.png

 

Logo & Identity

 

Hero Logo

Friendie_Branding-12.png

 

App Logo

Friendie_Branding-05.png

 

Brand Guidelines

Friendie_Branding_01-19.png

 

Identity Elements

Friendie_Branding-22.png

 

Business card, Coffee cup, and Shopping bag

Assets Mockup_01.001 copy.jpeg

 

Ads

Ads Mockup_01.001.jpeg
Subway-Billboard-Mockup_01.jpg
Bus-Stop-Billboard-Mockup_01.jpg