Case Study

PFF App

Project
Personal
Industry
Social Media / B2C
Year
2018
Duration
1 week

Concept and Key Features

The concept behind the Personality Friend Finder (PFF) app is to help people make friends through personality quizzes. Users can take various personality tests, view their results, and connect with others who share similar personality traits.

App Sections

The app has three main sections: Quiz, Discover, and Chat. I was responsible for designing the Quiz section, which allows users to:

  • Answer questions for different personality tests
  • View their test results
  • Compare their results with friends

Supported Personality Tests

Currently, the app offers four personality tests:

  • Myers-Briggs
  • The Big Five
  • DISC
  • Jungian Archetypes

I specifically focused on designing the Big Five Personality test.


Information Architecture

The next thing I did was to divide the information architecture into feature based flows, such as viewing network, and test taking. I made the Quiz dashboard the center point.

PFF app information architecture diagram

Wireframing

Here I explored different ideas for the design of the app. I first started with the main screen of the app i.e Quiz dashboard screen through which users can see their test, and network of friends. I created 3 design wireframes on this using functionalities like horizontal scrolling cards and pull up tabs. I went with first design i.e horizontal scrolling cards version.

Quiz Dashboard

PFF app quiz dashboard wireframe

Quiz UI

PFF app quiz UI wireframe

Results UI

PFF app results UI wireframe

Design System
PFF app design system

Final Screens
PFF app final screens set 1 PFF app final screens set 2
Contact

Please use the form below to send me a message. I'll be happy to hear from you.