Racial Wealth Gap Article

visual design, web design, motion graphics, interaction design
View Website Here
Project Objective
To promote awareness of the racial wealth gap by fusing data visualization and journalistic copy
Contributions
  1. Established style guidelines to ensure cohesiveness across sections
  2. Designed each section in Photoshop
  3. Storyboarded motion graphics
  4. Animated key parameters in After Effects
  5. Connected scroll position of reader with playback of each animation using Webflow interactions
  6. Audited for functionality and accuracy
Treatment
Balanced big data with textured, period photos that draw attention to the people impacted by the racial wealth gap.

Colors

Conveyed urgency and contrast by using orange, bruise, and magnolia.

Bruise
#331F29
Orange
#FC4622
Magnolia
#FFFAFF
Webflow
Brand Designer
Apr 2014 - Mar 2015
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
Motion Graphics
Emphasized user experience through motion graphics connected to the scroll position within the web text. As a result, each section's content promotes an experience far exceeding that of a static article.