Novel data viz for an unconventional industry


#HUEAREYOU translates the AIGA Census into a language familiar to our work—color. This site visualizes the broad spectrum of priorities, skillsets, and personal values of over 9400 creatives in the design industry. 

I specifically contributed to this website’s logical implementation, novel user flow, and visual cohesion. I also led the interface design for the landing (About) and explore page.

Scroll down to see a design breakdown.
Generate your custom color profile here.





Role
Skills
Team
Tools
Duration

Overall site UX
UI Designer
Visual Designer

UI/UX Design
Data Visualization
Visual Design
HTML/CSS

Jenny Liu
Chris Han
Gary Tang

Figma
Tableau
HTML/CSS/JS
PHP
7 weeks




DESIGN BREAKDOWN

Hi, I’m Elysha—#9AC322 and #PearFamily. Hue are you?


Ever curious about how your values inform your work? Beyond displaying data, #HUEAREYOU is an engaging personality quiz that leads with a bit of introspection. In minutes, generate a unique hex code and and find your family with common ethos in the profession.



1. Enter the Experience


An interactive visualization previews the diverse dataset, debuting the recurring square motif. Some informational context and mouse-responsive interaction guides users to take the quiz.






2. Take the Quiz


Before exploring the AIGA Census in full, get introspective with 6 multiple-choice questions about the design industry and your design ethos.

P.S. — We made this process fun by adding card-flipping and easter egg interactions to tease fun facts from the census!







3. Reveal your Personal Result


#HUEAREYOU generates a customized color profile based on your quiz responses. Scroll to reveal a quote from a famous designer, your unique hex code, color family (people who share your top value), and more.

P.S. — Click on the swatchbook to see a breakdown of your color result based on hue, saturation, and luminance.







4. Explore the Community


How common is your hex code? I shipped the Explore page design, a playground that displays every color as a square swatch. Their sizes represent how common their hex code is in the grander community.

Scroll, click to reveal demographic details, and use the interactive toolbar to fine-tune your exploration of 9,304 data points, 400 possible hex codes, and 16 hue families.







The toolbar is equal parts informative and functional, helping users narrow their exploration of the census while uncovering how their color result came to be. The goal is to inspire users to learn while playing.


Take the quiz for yourself here.
Full process documentation is outlined here.