Clinton Foundation
Bringing clarity to complexity for a Presidential Foundation.
Project Type
Visual Identity, Web Design
Studio
Radish Lab
Role
Design Director
Clinton Foundation
Bringing clarity to complexity for a Presidential Foundation.
Project Type
Visual Identity, Web Design
Studio
Radish Lab
Role
Design Director
Clinton Foundation
Bringing clarity to complexity for a Presidential Foundation.
Project Type
Visual Identity, Web Design
Studio
Radish Lab
Role
Design Director
Introduction
The Clinton Foundation came to us with some tough questions: How could their website capture President Clinton’s lifetime of public service, and bring clarity to the impact of six different arms of the Foundation? We knew we needed to approach this complex, highly-visible project with nuance and precision.
We met in Little Rock, Arkansas, the home of the Clinton Presidential Library and Museum, to kick off this project. Through interviews and focus groups, we gathered insights from high-level stakeholders, including the CEO of the Foundation, multiple Executive Directors of smaller organizations, the Museum Director, and the President and his personal staff. Once we had a clear sense of everyone’s needs, we began to create a vision for how the Foundation’s audiences could connect with and explore their work and impact.
Introduction
The Clinton Foundation came to us with some tough questions: How could their website capture President Clinton’s lifetime of public service, and bring clarity to the impact of six different arms of the Foundation? We knew we needed to approach this complex, highly-visible project with nuance and precision.
We met in Little Rock, Arkansas, the home of the Clinton Presidential Library and Museum, to kick off this project. Through interviews and focus groups, we gathered insights from high-level stakeholders, including the CEO of the Foundation, multiple Executive Directors of smaller organizations, the Museum Director, and the President and his personal staff. Once we had a clear sense of everyone’s needs, we began to create a vision for how the Foundation’s audiences could connect with and explore their work and impact.
Introduction
The Clinton Foundation came to us with some tough questions: How could their website capture President Clinton’s lifetime of public service, and bring clarity to the impact of six different arms of the Foundation? We knew we needed to approach this complex, highly-visible project with nuance and precision.
We met in Little Rock, Arkansas, the home of the Clinton Presidential Library and Museum, to kick off this project. Through interviews and focus groups, we gathered insights from high-level stakeholders, including the CEO of the Foundation, multiple Executive Directors of smaller organizations, the Museum Director, and the President and his personal staff. Once we had a clear sense of everyone’s needs, we began to create a vision for how the Foundation’s audiences could connect with and explore their work and impact.
Approach
The Clinton Foundation excels in identifying tough problems, and in bringing people together to help solve global issues, from climate change to the opioid crisis. The President holds a deep commitment to the well-being of people in the U.S. and around the world and a belief that diverse groups of people make the best decisions.
Given the clear and resonant ethos of the work: “Putting People First,” we determined that this tagline would be front-and-center to the website, and serve as the users’ first invitation to explore more deeply. We used the signature handwriting and inky lines for a personal touch at varied scales for dynamic textures and patterns.
The creative solution
Copy lorem ipsum
Approach
The Clinton Foundation excels in identifying tough problems, and in bringing people together to help solve global issues, from climate change to the opioid crisis. The President holds a deep commitment to the well-being of people in the U.S. and around the world and a belief that diverse groups of people make the best decisions.
Given the clear and resonant ethos of the work: “Putting People First,” we determined that this tagline would be front-and-center to the website, and serve as the users’ first invitation to explore more deeply. We used the signature handwriting and inky lines for a personal touch at varied scales for dynamic textures and patterns.
The creative solution
Copy lorem ipsum
Approach
The Clinton Foundation excels in identifying tough problems, and in bringing people together to help solve global issues, from climate change to the opioid crisis. The President holds a deep commitment to the well-being of people in the U.S. and around the world and a belief that diverse groups of people make the best decisions.
Given the clear and resonant ethos of the work: “Putting People First,” we determined that this tagline would be front-and-center to the website, and serve as the users’ first invitation to explore more deeply. We used the signature handwriting and inky lines for a personal touch at varied scales for dynamic textures and patterns.
The creative solution
Copy lorem ipsum
Building a cohesive story for the Foundation
We needed some connective tissue to help the audience understand exactly what the Clinton Foundation specifically focuses on, but also didn’t want to overwhelm users with the details.
We undertook a collaborative process to consolidate and rename the Foundation’s areas of thematic impact. This process helped us to better organize the existing programs and to drive the site’s search engine optimization (SEO) value by clustering content into the following areas:
Leadership and Public Service
Celebrating and supporting the next generation of leaders across the country and around the world.
Climate Change and Disaster Recovery
Responding to the climate crisis and advancing resiliency efforts worldwide.
Education and Health Equity
Partnering with communities to remove barriers to improved health and educational opportunities for children and families.
Economic Inclusion and Development
Helping people create better futures for themselves, their families, and their communities.
Building a cohesive story for the Foundation
We needed some connective tissue to help the audience understand exactly what the Clinton Foundation specifically focuses on, but also didn’t want to overwhelm users with the details.
We undertook a collaborative process to consolidate and rename the Foundation’s areas of thematic impact. This process helped us to better organize the existing programs and to drive the site’s search engine optimization (SEO) value by clustering content into the following areas:
Leadership and Public Service
Celebrating and supporting the next generation of leaders across the country and around the world.
Climate Change and Disaster Recovery
Responding to the climate crisis and advancing resiliency efforts worldwide.
Education and Health Equity
Partnering with communities to remove barriers to improved health and educational opportunities for children and families.
Economic Inclusion and Development
Helping people create better futures for themselves, their families, and their communities.
Building a cohesive story for the Foundation
We needed some connective tissue to help the audience understand exactly what the Clinton Foundation specifically focuses on, but also didn’t want to overwhelm users with the details.
We undertook a collaborative process to consolidate and rename the Foundation’s areas of thematic impact. This process helped us to better organize the existing programs and to drive the site’s search engine optimization (SEO) value by clustering content into the following areas:
Leadership and Public Service
Celebrating and supporting the next generation of leaders across the country and around the world.
Climate Change and Disaster Recovery
Responding to the climate crisis and advancing resiliency efforts worldwide.
Education and Health Equity
Partnering with communities to remove barriers to improved health and educational opportunities for children and families.
Economic Inclusion and Development
Helping people create better futures for themselves, their families, and their communities.
Clarifying information through navigation
The Foundation’s site had made it challenging, even for those familiar with the work, to find what they were looking for: from a resource, to an event registration form, or information about a specific program. There was a lot of content to work with across the Foundation’s programs and arms, which provided a challenge and an opportunity for developing the information architecture and sitemap.
To improve the navigation experience, we stripped back the content we had to work with, removing outdated pages like old program pages and blog posts. Then, we developed a robust, responsive mega menu with a consistent structure to allow users to more intuitively find what they are looking for.
Clarifying information through navigation
The Foundation’s site had made it challenging, even for those familiar with the work, to find what they were looking for: from a resource, to an event registration form, or information about a specific program. There was a lot of content to work with across the Foundation’s programs and arms, which provided a challenge and an opportunity for developing the information architecture and sitemap.
To improve the navigation experience, we stripped back the content we had to work with, removing outdated pages like old program pages and blog posts. Then, we developed a robust, responsive mega menu with a consistent structure to allow users to more intuitively find what they are looking for.
Clarifying information through navigation
The Foundation’s site had made it challenging, even for those familiar with the work, to find what they were looking for: from a resource, to an event registration form, or information about a specific program. There was a lot of content to work with across the Foundation’s programs and arms, which provided a challenge and an opportunity for developing the information architecture and sitemap.
To improve the navigation experience, we stripped back the content we had to work with, removing outdated pages like old program pages and blog posts. Then, we developed a robust, responsive mega menu with a consistent structure to allow users to more intuitively find what they are looking for.
Infusing the brand with humanity
From a design perspective, we challenged ourselves to translate the idea of “putting people first” into compelling visuals, and to infuse warmth and approachability into the color palette and design.
To accomplish this, we introduced custom-designed assets throughout the website, including: personalized, handwritten elements; an inviting color palette; vibrant photos and video reels of the Clintons; soft transitions and animations; and icons that balance organic shapes and crisp line work.
Infusing the brand with humanity
From a design perspective, we challenged ourselves to translate the idea of “putting people first” into compelling visuals, and to infuse warmth and approachability into the color palette and design.
To accomplish this, we introduced custom-designed assets throughout the website, including: personalized, handwritten elements; an inviting color palette; vibrant photos and video reels of the Clintons; soft transitions and animations; and icons that balance organic shapes and crisp line work.
Infusing the brand with humanity
From a design perspective, we challenged ourselves to translate the idea of “putting people first” into compelling visuals, and to infuse warmth and approachability into the color palette and design.
To accomplish this, we introduced custom-designed assets throughout the website, including: personalized, handwritten elements; an inviting color palette; vibrant photos and video reels of the Clintons; soft transitions and animations; and icons that balance organic shapes and crisp line work.
Ensuring accessibility for all users
Another important part of the work was figuring out how to make a more intuitive user experience for the Clinton Foundation’s key audiences.
We needed to tailor the website to the Clinton Foundation’s audiences. We took particular care to ensure that older adults would find it to be user-friendly, and that the website would meet WCAG AA Accessibility standards. We undertook a thorough audit and development process, with particular consideration for font sizing, and accessibility of interactions.
Ensuring accessibility for all users
Another important part of the work was figuring out how to make a more intuitive user experience for the Clinton Foundation’s key audiences.
We needed to tailor the website to the Clinton Foundation’s audiences. We took particular care to ensure that older adults would find it to be user-friendly, and that the website would meet WCAG AA Accessibility standards. We undertook a thorough audit and development process, with particular consideration for font sizing, and accessibility of interactions.
Ensuring accessibility for all users
Another important part of the work was figuring out how to make a more intuitive user experience for the Clinton Foundation’s key audiences.
We needed to tailor the website to the Clinton Foundation’s audiences. We took particular care to ensure that older adults would find it to be user-friendly, and that the website would meet WCAG AA Accessibility standards. We undertook a thorough audit and development process, with particular consideration for font sizing, and accessibility of interactions.
Building a robust design system
Finally, we wanted to help the Foundation’s website users to dig into the programmatic content in an engaging and dynamic way. We built a bespoke microsite for each program area, drawing connections across the program areas to ensure that the pages were interactive and unique.
To ensure that the full site experience could be maintained and expanded post-launch, we built maximum flexibility into the website through a robust module library, which would allow their team members to continue to spin up custom, designed pages as the site evolves.
Building a robust design system
Finally, we wanted to help the Foundation’s website users to dig into the programmatic content in an engaging and dynamic way. We built a bespoke microsite for each program area, drawing connections across the program areas to ensure that the pages were interactive and unique.
To ensure that the full site experience could be maintained and expanded post-launch, we built maximum flexibility into the website through a robust module library, which would allow their team members to continue to spin up custom, designed pages as the site evolves.
Building a robust design system
Finally, we wanted to help the Foundation’s website users to dig into the programmatic content in an engaging and dynamic way. We built a bespoke microsite for each program area, drawing connections across the program areas to ensure that the pages were interactive and unique.
To ensure that the full site experience could be maintained and expanded post-launch, we built maximum flexibility into the website through a robust module library, which would allow their team members to continue to spin up custom, designed pages as the site evolves.
“Radish Lab has been a trusted partner in helping us reimagine a new digital home and approach for engaging our partners and audiences in the story of the Foundation’s work and impact.”
— Clinton Foundation
“Radish Lab has been a trusted partner in helping us reimagine a new digital home and approach for engaging our partners and audiences in the story of the Foundation’s work and impact.”
— Clinton Foundation
“Radish Lab has been a trusted partner in helping us reimagine a new digital home and approach for engaging our partners and audiences in the story of the Foundation’s work and impact.”
— Clinton Foundation
Credits
Project Team
Dylan Demanski, Senior Strategist
Will Halcomb, Designer
Partners
Elise Barnes, Francesca Ernst
Typefaces
Alright Sans, Okay Type
Credits
Project Team
Dylan Demanski, Senior Strategist
Will Halcomb, Designer
Partners
Elise Barnes, Francesca Ernst
Typefaces
Alright Sans, Okay Type
Credits
Project Team
Dylan Demanski, Senior Strategist
Will Halcomb, Designer
Partners
Elise Barnes, Francesca Ernst
Typefaces
Alright Sans, Okay Type