Pigment

Art Direction
Editorial Design
Data Visualization

Overview

Pigment is a career self-discovery assessment that helps people understand their strengths and find work that suits them. I designed the full assessment and set the visual direction for the website.

Challenges & Solutions

Most assessments on the market look clinical and generic, and the client wanted something “high design” that would stand out from the competition. With no brand guidelines to build on, I developed the visual language from scratch, testing many ways to present the results before settling on a Swiss-inspired system: a strict grid, clear typographic hierarchy and charts that make dense results easy to read.

The shapes from the logo became the four work styles, while the strengths form a colour palette, so every person’s results read like their own set of pigments.

Outcome

Users have reported that they purchased the test specifically because of its design.

Flat lay of Pigment Career Self-Discovery Assessment reports open to the Accelerator results spread, with top strengths, a work-style radar chart and the Understanding Your Style page

Pigment Career Self-Discovery Assessment booklet floating open beside its black cover with bold orange, red, teal and cream geometric shapes

Pigment report open to the Discovering Your Strengths spread, with colour-coded strengths such as Challenge, Emotion, Independence and Confidence

Two phones showing the Pigment assessment on mobile: the black Career Self-Discovery Assessment cover and the Accelerator results screen with top strengths and a radar chart

Hands turning the pages of the Pigment report, from Aligned Career Paths with roles to explore to Work You May Find Draining, on a mint background

Pigment report spread on work you may find draining, with Swiss-style grid layouts for Technical Development, Sales Development and Visual Design roles