Work

Robert Wood Johnson Foundation

Building the Digital Home for a Culture of Health

The Challenge

Dismantling health inequity is no easy feat. RWJF, however, knows the way forward. But they cannot get there alone. After formally launching the Culture of Health initiative in 2015, the Foundation tapped us to create an engaging, empowering digital platform for encouraging action and collaboration.

The Outcome

Together, we redesigned CultureOfHealth.org as a powerful resource for policymakers, civic leaders, educators, care providers and organizers working to improve public health. Rich with interactive data and in-depth case studies, the site offers proven, actionable solutions for strengthening communities.

Industry:

Services:

Building a Culture of Health requires bold vision, leadership and collaboration.

RWJF NS 212

From Vision to Action
The data is clear—where you live affects how long you live. RWJF’s cutting-edge research has demonstrated time and again how social determinants like food access and housing affordability affect overall well-being. How could we make that knowledge more accessible, discoverable and engaging for a broad, diverse (and often overtasked) audience?

Human-Centered Design
We hosted the Foundation’s Creative and Research, Evaluation and Learning teams for a series of co-creation workshops to empathize with our users, strategize around site goals and generate ideas for translating their extensive knowledge into web-friendly content. We had a long haul ahead of us; building alignment early would prove critical to our success.

RWJF NS 114
RWJF NS 136

From Complexity to Clarity
While we can’t simplify complex ideas, we can make them more understandable. Public health is complex—there are no simple answers to solving early onset diabetes, chronic stress or opioid addiction. But there are paths forward. First we have to clear the way, then guide our followers step by step.

By getting in a room with the brainiacs at RWJF, spending time with the research ourselves and—this part is important—speaking directly to our users, we developed a cohesive strategy for clarifying and organizing content intuitively, creating an overall more productive, positive user experience.

RWJF NS 133

76

user surveys, captured via intercept and representing all audience segments, helped us understand what site visitors needed most from CultureOfHealth.org: a clear explanation of the vision and Action Framework, as well real-life examples of effective, community-level interventions.

197%

increase in success finding key information on the site by using conversational, action-oriented page names like "What We're Learning" and "Why Equity Matters." We conducted three rounds of tree testing to validate the new information architecture and labeling conventions.

Co H Gradient Photo1

A Call to (Inter)Action
One of the first design tasks on our to-do list: bring the Action Framework to life. We created a simple graphic, showing the four core tenets of healthy communities, each one equally weighted and intrinsically connected to equity. On the site, the graphic does double duty, functioning as a navigation menu, driving visitors to learn more about each topic.

Clearing the Path
Using the Core Model, we created clear journeys through different areas of the site, leveraging user needs and Foundation goals to develop useful, compelling content and intentional forward paths. Simple animations and interactions help keep visitors on track and engaged, every step of the way.

Setting the Pace
Understanding the high stakes and often limited bandwidth of public health projects, we embraced the principles of progressive disclosure. To avoid information overload, we balanced clean visuals and streamlined copy to keep things digestible, letting visitors choose to go deeper at will.

Co H Website 2up v2
Health is a human right.

Co H Gradient Photo4

Co H Charts 7

Vivid Visualizations
After poring through hundreds of pages of research, we figured out a few flexible structures for representing so much data. No need to reinvent the wheel—we opted for clean, crisp charts that revealed more precise detail on hover.

Pushing the Palette
We followed existing brand guidelines while finding ways to push the visual language to new heights. For instance, we optimized accents for web and used them as consistent color codes across all charts, helping visitors quickly parse data.

The Road Ahead

Since launching the revitalized CultureOfHealth.org, RWJF and Firebelly have continued our partnership, creating end-to-end conference experiences, interactive environments and simple, effective tools for sharing the Foundation’s vision and vast resources with the world. With every new project, we learn more about how to be better collaborators and accomplices in the path toward equity. In turn, we get to evangelize for human-centered design with one of the nation’s most powerful voices in public health. As always, the work continues.