Nurturing creative identity with industry data
#HUEAREYOU is a data visualization experience that translates the AIGA 2019 Design Census into a language familiar to our work. This site visualizes the broad spectrum of priorities, skillsets, and personal values of over 9400 creatives in the design industry through the lens of color.
I designed the site’s data-logic architecture, user flow, and visual language. I had the most ownership of the landing and explore page.
Site fully implemented in 2022. 🌈
I designed the site’s data-logic architecture, user flow, and visual language. I had the most ownership of the landing and explore page.
Site fully implemented in 2022. 🌈
My Role: UX & Visual Designer
Skills: UI/UX Design, Data Visualization, Visual Design, HTML/CSS
Skills: UI/UX Design, Data Visualization, Visual Design, HTML/CSS
Team: 1 developer, 2 designers
Tools: Figma, Tableau, HTML/CSS/JS, PHP
Duration: 7 weeks
Tools: Figma, Tableau, HTML/CSS/JS, PHP
Duration: 7 weeks
SITE OVERVIEW
Hi, I’m Elysha—#9AC322 and #PearFamily. Hue are you?
OBJECTIVE
Strengthen creative communities through personal connections to industry data
Strengthen creative communities through personal connections to industry data

1 — Gain Context
Starter questions to look inwards to discover your creative identity.


2 — Take the Quiz
Answer 6 questions about your creative profession and interests.
⋆。°✩ Click on the icons to learn fun facts about the Census data
⋆。°✩ Scroll down and reveal cards that deepen your understanding about the questions’ context




3 — Your Color Profile
Check out your personalized result! A full page with personalized insights about your design values.
⋆。°✩ Open the interactive swatchbook to see the high-level breakdown
⋆。°✩ Peruse the generated swatches, your adjacent color families
⋆。°✩ Get some design inspo generated from your color profile
4 — Explore the Census
Generated from over 9400 creative profiles from the AIGA Design Census, discovert the creative community at large. Your color profile is highlighted.
⋆。°✩ Click on the interactive visualization to read individual color profiles
⋆。°✩ Filter and search the database with the interactive toolbar
⋆。°✩ Click on your personalized hex code to “jump to” your color