The Personality Database Platform

Personality Database marks my transition from architecture to product design, in which I had the opportunity to lead a large-scale project from the ground up, with full creative freedom to shape its structure, experience, and identity.

Context
APP Design for Personality Database
Context
APP Design for Personality Database
Context
APP Design for Personality Database
Background
PDB originally existed only as a website, which limited user accessibility and engagement. To adapt to the mobile-first trend, we decided to develop an app—enhancing user retention, increasing activity, and laying the foundation for future monetization.
Background
PDB originally existed only as a website, which limited user accessibility and engagement. To adapt to the mobile-first trend, we decided to develop an app—enhancing user retention, increasing activity, and laying the foundation for future monetization.
Background
PDB originally existed only as a website, which limited user accessibility and engagement. To adapt to the mobile-first trend, we decided to develop an app—enhancing user retention, increasing activity, and laying the foundation for future monetization.
Contribution
Quantitative and qualitative user research、Product feature design、UX design、UI design
Contribution
Quantitative and qualitative user research、Product feature design、UX design、UI design
Contribution
Quantitative and qualitative user research、Product feature design、UX design、UI design
Timeline
2022.1 - 2022.7
Timeline
2022.1 - 2022.7
Timeline
2022.1 - 2022.7
Result
Attracted 80k+ registered users within the first month, with a 35% increase in user retention among existing members
Result
Attracted 80k+ registered users within the first month, with a 35% increase in user retention among existing members
Result
Attracted 80k+ registered users within the first month, with a 35% increase in user retention among existing members

CONNECT

CONNECT

COMMUNITY

COMMUNITY

PSYCHOLOGY

PSYCHOLOGY

UGC

UGC

Everything that irritates us about others can lead us to an understanding of ourselves

― Carl Gustav Jung

Why?

Why?

Why?

Everyone lives in their own universe, longing for love and understanding.
We hope to create a community where people not only discover themselves, but also find the courage to explore the worlds of others.

Design Process

Design Process

Design Process

The Double Diamond Model serves as our guiding framework throughout the design process. Our approach follows these key steps: first, we analyze the market and users, then narrow down the problem, and finally, apply creative solutions to address specific challenges effectively.

Competitives

Competitives

Competitives

80% of PDB users are Gen Z. To define PDB’s market position, we conducted research on their favorite social media platforms and psychology-focused websites, identifying key engagement trends and user behaviors.

Understand Users

Understand Users

Understand Users

We initiated quality research by interview users from PDB community, discord, and Instagram. They are 2 MBTI novices, 1 psychology apprentice, and 2 typology masters.

Personas

Personas

Personas

Three personas were designed by cross-referencing quantitive and qualitative data from my user surveys and interviews and will serve as important reference points for design decisions moving forward.


The three personas are psychology novice, psychology explorer, and typology master.

Brainstorm Process

Insights

HMW

Sketches

Sitemap

Insights

HMW

Sketches

Sitemap

Insights

HMW

Sketches

Sitemap

Ensure seamless app interactions for users with different goals, Guiding them to achieve their objectives effortlessly.

Usability Test

Usability Test

Usability Test

( 8/8 Users ) Have difficulty distinguishing between personality analysis and community posts.


( 6/8 users ) Click the plus button on the profile page, they feel hesitant and uncertain about what will happen next.


( 5/8 Users ) Can’t find the entrance to create a personal PDB page.


( 5/8 Users ) Get confused by the upvote/downvote count.

Final Interface Design

( Personality )

( Personality )

( Personality )

( Comminity )

( Comminity )

( Comminity )

( User Profile )

( User Profile )

( User Profile )

( At the end )
Let's take a look back at the journey of three personas

( At the end )
Let's take a look back at the journey of three personas

( At the end )
Let's take a look back at the journey of three personas

Search an Anime Characters Personality

Engage and dive into niche communities

An In-Depth Exploration of Human Psychology

Context
APP Design for Personality Database
Context
APP Design for Personality Database
Context
APP Design for Personality Database
Background
In order to drive Gen Z user growth, Personality Database plans a full upgrade—including product features, site architecture, and visual branding.
Background
In order to drive Gen Z user growth, Personality Database plans a full upgrade—including product features, site architecture, and visual branding.
Background
In order to drive Gen Z user growth, Personality Database plans a full upgrade—including product features, site architecture, and visual branding.
Contribution
Quantitative and qualitative user research、Product feature design、UX design、UI design
Contribution
Quantitative and qualitative user research、Product feature design、UX design、UI design
Contribution
Quantitative and qualitative user research、Product feature design、UX design、UI design
Timeline
2021.3 - 2021.12
Timeline
2021.3 - 2021.12
Timeline
2021.3 - 2021.12

MBTI Trend

MBTI Trend

MBTI Trend

As MBTI-related keywords trend upward on Google, we see growing potential in the psychology community.

Affinity Mapping

Affinity Mapping

Affinity Mapping

We analyzed and consolidated user feedback, focusing on simplifying the core journey.

Revise Information Architecture

Revise Information Architecture

Revise Information Architecture

By streamlining the information architecture, we made core content easier to find.

( An intelligent point system )
Designed to boosts engagement and retention

Personality Analyst

Community Inspirer

Database Builder

Users showed a 45% increase in weekly activity within the first month

Design System

Design System

Design System

Why build a design system for a startup company?

Why build a design system for a startup company?

Why build a design system for a startup company?

What does a design system do?

What does a design system do?

What does a design system do?

How does a design system solve problems?

How does a design system solve problems?

How does a design system solve problems?

Context
Design System for Personality Database App
Context
Design System for Personality Database App
Context
Design System for Personality Database App
Background
A design system aligns internal teams and communicates brand value externally. It includes brand themes, color tokens, and reusable components to ensure consistency, speed up workflows, and deliver a unified user experience.
Background
A design system aligns internal teams and communicates brand value externally. It includes brand themes, color tokens, and reusable components to ensure consistency, speed up workflows, and deliver a unified user experience.
Background
A design system aligns internal teams and communicates brand value externally. It includes brand themes, color tokens, and reusable components to ensure consistency, speed up workflows, and deliver a unified user experience.
Timeline
2022.2 - 2022.4
Timeline
2022.2 - 2022.4
Timeline
2022.2 - 2022.4

空の容器:
容器が大きければ大きいほど、私たちの想像力の空間も大きくなる

空の容器:
容器が大きければ大きいほど、私たちの想像力の空間も大きくなる

空の容器:
容器が大きければ大きいほど、私たちの想像力の空間も大きくなる

Emptiness:

An empty vessel. The larger the container, the greater the space for our imagination to unfold.

― Kenya Hara

A design system should serve as a flexible framework
—guiding consistency while leaving room for possibility.

Design Theme

Design Theme

Design Theme

As stress and loneliness increase, more people are turning to psychology for understanding and validation. Jung's analytical psychology, transformed into the MBTI framework, has sparked growing discussions and attention worldwide.

Color Tokens

Color Tokens

Color Tokens

As stress and loneliness increase, more people are turning to psychology for understanding and validation. Jung's analytical psychology, transformed into the MBTI framework, has sparked growing discussions and attention worldwide.

Component Usage

Component Usage

Component Usage

To ensure reusability across different scenarios and improve team alignment, we’ve built a shared team component library in Figma. It helps maintain design consistency and streamlines collaboration across designers and developers.

Design Compatibility

Design Compatibility

Design Compatibility

We design components for both Android and iOS platforms, following the principles of Material Design and Human Interface Guidelines to ensure native, platform-consistent user experiences.

© 2025 ZoeyZhang All rights reserved.
© 2025 ZoeyZhang All rights reserved.
© 2025 ZoeyZhang All rights reserved.