A21 Campaign
Visualizing the fight
Against trafficking.
![Visualizing the fight against trafficking.](https://assets-global.website-files.com/5f5d041dc83a72a230e0090b/60a0bc2734e04983a74a0707_A21%20Payoff1.jpg)
This project is a hypothetical website redesign for A21 Campaign, a non-profit dedicated to ending human-trafficking in all its forms. After analyzing the organization’s current website, it was decided that a refresh was needed to develop a unique brand identity, emphasize the gravity of the issue, and visually craft a compelling narrative.
Tactile paper textures and hand-drawn brush strokes give the site a personal touch, complemented by potent, human-centered imagery. The GT Sectra family was chosen as the primary typeface for its sharp angles and calligraphic style, adding a layer of sophistication which counterbalances the more hand-done elements of the brand.
Digital Experience
Informative
Human-centered
Engaging
Basis Grotesque
An audit of A21’s brand and website revealed that the current website is rather safe, with a corporate style that lacks the authenticity and engagement necessary for the organization. It was decided that a redesign was needed with a greater focus on educating the audience through visuals and storytelling.
![An audit showing pain points of the organization's current website.](https://assets-global.website-files.com/5f5d041dc83a72a230e0090b/6099fa51fc7df869b1ceab4e_A21%20Process%20Audit-min.png)
The new site emphasizes humanity at every turn, using words and stories as a foundation, supported by subtle interactions along the way to make the experience feel sincere and tangible. Calls to action are succinct and purposeful, guiding users through the immersive journey.
![Two desktop webpages, one explaining the problem of human trafficking and the other revealing what personal actions can be taken](https://assets-global.website-files.com/5f5d041dc83a72a230e0090b/60a0baa467e8ec6bb4a31191_A21%20Web%20Mockup.jpg)
![Mobile home page](https://assets-global.website-files.com/5f5d041dc83a72a230e0090b/60995d2b2d95b56459048fec_A21%20Mobile%201.png)
![Mobile donation page](https://assets-global.website-files.com/5f5d041dc83a72a230e0090b/609964613609e8a36212e5ed_A21%20Mobile%203.png)
![Mobile menu](https://assets-global.website-files.com/5f5d041dc83a72a230e0090b/60995d3a96c1d2c264bdef17_A21%20Mobile%202.png)