The Tobacco Atlas is a multimedia experience that aims to engage, inform, and empower advocates through education and outreach. The goal: Turn readers into active participants in the tobacco control conversation.
The World Lung Foundation, in partner with the American Cancer Society, sought to create an interactive Tobacco Atlas as a critical resource to guide the discussion on tobacco abuse. They turned to Atlantic Media Strategies to create a call-to-action narrative organized by topics, and supported by datasets and data visualizations. Users can also learn more about tobacco data in their countries. As design lead, I worked closely with our UX Architect to translate spreadsheets of raw data into easily navigable user experience that is relevant and useful. This includes the ability for people to download the graphics and the supporting raw data.
World Lung Foundation
UX & Visual Design at Atlantic Media Strategies
Zach Kalman, UX Architect
Ashley Balcerzak, Editorial Lead
Nate Luzod & Russell Vea, Development
The hero on homepage
A bold statement that speak directly to advocates, policy makers, and others who can affect change to start the conversation.
All content was organized into five topics: Harm, Market, Industry, Solutions, and Related Challenges. Color themes were used to represent each topic – a repeatable design pattern throughout the site. To meet the browsing needs of advocates and policy makers, the static graphics are displayed in bite-sized, easy-to-consume data cards grouped by topics on the homepage.
Topic pages that support data content based on taxonomy
A dynamic template for each chapter topic that displayed non-data graphics, data visualizations, interactive map, facts, and quotes from the printed book. Each piece of data content included sources and downloadable raw data.
Viewing the global data in context
Interactive maps live within the topic chapter pages in order to contextualize the data. The map allow users to interact with multiple data sets with a filtering system. Clicking on each country brings forth specific data for that country.
Modular non-data graphics and data visualizations
To unify and simplify all the various sized graphics into a cohesive, consistent look, we created three different sized modules to house them. The graphics were grouped into full-width, half-width short and half-width long modules so that they can be scaled easier at different screen sizes. In addition, accompanying each data cards are resources including downloadable raw data, high res images, and sources.