San Francisco, CA

Vicky Chen is a multi-disciplinary designer striving to create meaningful digital experiences. She enjoys going to outdoor/sporting goods stores, listening to true crime, and exploring the nuances of life. Previously @ PrixWorkshop.







 

UX/UI


01 Super Power Personality Test

    Personality test design.   

02 Briefcase

    A job finding app.

03 Digital In-Airport Experience

    Eden Spiekermann class sponsored project.


Graphic Design


coming soon...






















Let’s chat!
LinkedIn
Instagram
Resume
Coffee Map



Super Power Personality Test
Personality test design.

spring 2024
collaboration project— Shayne (Drew) York
research duration: 2 weeks
design & development duration: 3 days
tools: figma | illustrator | procreate











TEST LINK!

(better on mobile)










Brief

Focus


This is a passion project between my friend, Shayne (Drew) York and I– two friends that love taking personality tests... so why not make one?



 






STEP ONE:  Research

After deciding on doing superpowers, we had to pick and organize potential powers that were going on our test.

Creating a perceptual map with diferent power archetypes helps with sorting personalities












We decided to use the Myers–Briggs Type Indicator Test personalities (MBTI) to sort the powers, thus creating 16 superpower results. Here’s the chart we used to organize the personalities and powers.





We also used this website to determine the best and worst matches for the MBTI personality types.







STEP TWO: Storyboarding

Since we used MBTI as the foundation for this test, we studied what each of the letters meant, and arranged the questions according to the four categories:  introversion or extraversion, sensing or intuition, thinking or feeling, and judging or perceiving.

We created 3 questions per category. Each question consists of 2 answers, determining the letter indicator for the personality type. The trait is assigned based on the predominant response chosen.

Here is the diagram we used for our outline.








I wrote a fantasy, choose-your-own-adventure story to guide our users through the sorting process.






STEP THREE: Wireframing

We wanted the test to be straight-forward and easy to follow, so I designed a minimal, mobile website.

        
wireframe for questions

wireframe for results












STEP FOUR: Illustration

I chose to have a colorful, sketch-y illustrative style for the test.













STEP FIVE: Character Design

I made simple and bright characters for each of the super powers.









STEP SIX:
The End Result

I was heavily inspired by the Taiwan Design Expo Personality Test when designing the ending cards. I chose to create cards as it easily shareable, engaging, and fun to look at.

The phrases and adjectives are used to describe both the archetype of the power and the personality of the associated MBTI.











MEASUREMENTS: Key Performance Indicators (KPI’s)

UPDATE:  
June 4, 2024 – 500K+ users
June 3, 2024 – 300K+ users
May 29, 2024, we have reached 100K+ new users. 
These are measurements from May 28, 2024. We predict that we will continue to have greater engagement and reach.







EXTRA: Applications

One of the goals of this test was to have this done by my senior show date: May 18-19, 2024. I wanted to have a fun interactive element for my show booth.





Some social media recognition on TikTok and Instagram.




TikTok links: 

more can be found under:

#SuperPowerPersonalityTest
#SuperPowerTest
#SuperPersonalityTest


Some Instagram story posts:






END:  Conclusion

Overall, it was a fun project to work on. Although this project was extremely last-minute, we made it work! :) The research and creative process of creating this test was fascinating– if I had more time to make another test I would. I am satisfied with the resuslts and I am happy that people are having fun with it.










If you made it this far, thank you so much for viewing my work! Have an amazing day or night :)<3