Our mission was to transform the British Heart Foundation's digital presence into a platform as vital as its mission. The challenge was to create a user experience that was both deeply empathetic and incredibly effective. We needed to simplify complex, life-saving information, streamline the path to support and donations, and use design to tell the powerful, human stories behind the research. The project's success would be measured not just in clicks, but in impact, with every design choice serving the ultimate goal of fighting heart and circulatory disease.

Our project was built on a bold, one-week design sprint in February 2025 to coincide with Heart Month. This rapid timeline was a strategic decision to deliver a high-impact solution at a critical moment for the charity. We followed a rigorous process: Empathy-First Discovery: We began with an in-depth analysis of user needs, focusing on creating a stigma-free environment and a seamless emotional journey. Agile Prototyping: We used Figma to rapidly prototype key user flows, allowing for quick iteration and collaborative feedback from the BHF team. Unified Development: The final build was executed entirely in Framer. This enabled us to maintain a single, cohesive codebase and create a dynamic, interactive experience where design and functionality were perfectly in sync.

Our design was a direct reflection of the BHF's core values which are brave, compassionate, and unwavering. Every element was carefully crafted to inspire hope and action. A Living Typography: We anchored the visual identity with BHF Beats, a custom typeface designed to evoke the flow of the circulatory system. Its unique character added warmth and personality, making a serious topic feel approachable. Authentic Storytelling Through Imagery: The photography strategy moved away from traditional stock imagery. Instead, we used authentic, unposed moments that captured the raw human emotion behind the BHF's mission, building a powerful visual connection with the audience. The Beacon of Red: The brand's signature red, #ED002D, was used strategically as a call to action and a beacon of hope, guiding users through the site and underscoring the urgency of the charity's work.

The redesigned website delivered on its promise, providing the BHF with a powerful new digital platform. The project successfully streamlined their navigation, made life-saving information more accessible, and revitalized the brand's online presence, creating a highly effective tool that continues to drive donations and community engagement.