Procube

Brand Design &Product Design
2024.12-2025.1
Role
Full-Stack Designer
The Challenge:
HMW help Them align their personality strengths with fulfilling career paths?
Early Career Seekers struggle to identify how their strengths and interests translate into real-world job opportunities, while Career Changers often face uncertainty about how to leverage their existing skills in a new industry.
The Solution:
Procube is an app that makes discovering a fulfilling career path easier. Through interactive insights, real-life stories, and tailored career suggestions based on personality strengths, users gain clarity on how their unique traits can align with different industries and roles.

Research

What is MBTI test?
The Myers–Briggs Type Indicator (MBTI) is  designed to identify psychological preferences in how individuals perceive the world and make decisions. It categorizes people into 16 personality types, derived from four dichotomies:

Extraversion (E) vs. Introversion (I)
Sensing (S) vs. Intuition (N)
Thinking (T) vs. Feeling (F)
Judging (J) vs. Perceiving (P)
3D modelling design for 16 personalities’ cube
How do people make decisions
about their careers?
To gain a deeper understanding of the challenges early career seekers and career changers face, I conducted user interviews to gather insights from individuals navigating career decisions. And conclude to this form.
How to find the real connection
between personality and career path?
This four-quadrant map illustrates the key functions of our app, categorized by effort and impact. The top-left corner, representing low effort and high impact, includes features like personalized insights and real-life success stories, which deliver significant value with minimal user input.  And I desided to combine the three one to self-exploration.
Analyse the key function to keep

Design

MBTI Cube Avatars
To enhance user engagement and personalisation, I designed a series of cube-shaped avatars representing the 16 MBTI personality types. Each character embodies distinct traits through subtle visual elements, making personality exploration more intuitive and fun.
Design of avatar portraits
Gamify the process
To keep users motivated, badges are awarded for key milestones:
  • Explorer – Complete personality assessments, finish career exploration tasks, and post 3 questions.
  • Connector – Finish career exploration tasks and post 3 questions.
  • Guide – Post 9 questions, answer 5, and write a story.
  • Mentor – Achieve Guide level, write 3 stories, and answer 20 questions.
  • Visionary – Reach Mentor level and receive a total of 100 likes or collects on answers and stories.
Badge design
Creating the brand:
The color #4347D6, a deep and calming blue, was chosen for its professional yet approachable tone. It conveys trust, reliability, and clarity, aligning with the app's mission to guide users in exploring their personality and career paths. This shade also evokes a sense of calm and focus, helping users feel supported and connected.

Logo, color palate, and typography

Final outcome

Back to top
Thanks for stopping by :)
Let’s connect

LinkedIn:
@Kate ChenEmail:
chenxuqi0128@gmail.com