Health Equity Foundation Annual Report

Email me at jlo2006@gmail.com

View

Web Design, Print

The task was to design a dynamic, interactive annual report that encapsulates the foundation’s work in improving health equity across California. Bold fonts, empowering visuals, and dynamic interactions embodied the foundation’s vibrant ethos and philosophy. Smooth scrolling and playful animations ensured a lively user experience, where every movement and color pop feels intentional, guiding users through a story-driven, empowering journey. A balance was struck between offering a clear linear pathway—reflecting the start-to-finish nature of an annual report—and giving users the flexibility to quickly navigate between key sections for a seamless experience.

View Site

Agency

@SPINX Digital

What I Did

Art Direction & Design

Web Design

Motion Design

Print Design

Landing Page

The landing page is a visual manifesto—featuring large, bold sections that echo the grandeur of outdoor print campaigns while feeling right at home in a digital environment. A dynamic photo gallery captures the foundation’s activities, while color-coded sections introduce key stories and subpages. Calls to action are prominent, seamlessly guiding users deeper into the report. This page serves as both an introduction and a navigational hub.

Nested Menu

To provide a stand-alone experience while keeping the annual report on the main foundation site, a bottom-left nested menu was introduced. This secondary navigation offers quick access to key sections and acts as a fixed companion throughout the user’s journey, enabling seamless transitions between pages.

Subpages

The subpages are where content takes center stage. Each of the nine sub-pages continues the playful, energetic design established on the landing page, incorporating subtle animations and movement that delight users without detracting from the reading experience. The challenge was to balance interactivity with readability, ensuring users remain engaged while navigating text-heavy sections. The solution: intentional animations that guide the eye, creating an enjoyable yet focused reading experience.

Print-Ready Annual Report

In translating the digital experience to a print PDF version, we maintained the foundation’s vibrant, energetic aesthetic. The design is clean and bold, with large fonts and strong color usage ensuring that the report remains engaging even in static form. The PDF retains the usability and legibility required for print, while still reflecting the playful energy of the web version, ensuring a cohesive brand experience across formats.

The 2024 annual report successfully blends dynamic interactivity with vibrant design to reflect the foundation’s mission of improving health equity. The final product offers an immersive experience that is both playful and informative.

View Site

Next Project

Financial Data Platform