TOP

A Dynamic and Interlinked End-Of-Year Report

The Action Lab Annual Report Website
Homepage mockup displayed on laptop screen

The Action Lab approached me to create their annual report with a compelling challenge: how do you transform a traditional static document into something that captivates readers and drives deeper engagement with the organization's mission? Rather than settling for a report that simply communicates yearly accomplishments, they wanted to create an experience that would inspire audiences to explore further and stay connected to their work. Extensive linking to supplementary content and resources was central to this vision.

Overview

My Role

Web Design | Webflow Development

Timeline
December 2024
Client

The Action Lab

The Team
Tools Used

Figma | Webflow | Airtable

GIF of a decorative loading animation

The Solution

Rather than creating another static PDF document, I proposed developing the annual report as an interactive website. This digital-first approach offered a more engaging and accessible experience that could reach mobile and tablet users through responsive design.

Desktop views of a "year in numbers" section and standard content section

Desktop views of profiles of "Artist in Action" fellows and the intro to e Power to Win initiative

Key Features & Benefits

Enhanced Navigation

The web format allowed me to implement an intuitive navigation menu and interactive table of contents, letting readers jump directly to sections of interest rather than scrolling through pages of content.

Dynamic Visual Elements

I incorporated animated elements throughout the report to maintain reader engagement and bring the organization's impact stories to life.

GIF showing decorative animation on scroll revealing the year's numbers
Lightweight but engaging animations

Responsive Design

The report was built to be fully responsive, providing an optimal viewing experience across devices - from desktop computers to tablets and smartphones.

Mobile views of the hero section and two sections of standard content with text and photos
Fully responsive design for optimized viewing on any device

Seamless Integration

The report was designed with extensive cross-linking capabilities, featuring direct links back to The Action Lab's main website, connections to external news coverage, and easy access to supporting documents hosted on platforms like Canva and Google Docs.

Visual Identity

We embraced a fun, funky retro color palette that reflected the organization's innovative spirit while maintaining professionalism. Strategic use of photography helped break up dense text sections and provided visual context for the organization's work and impact.

Results

The interactive format transformed what is traditionally a static document into an engaging digital experience. Since launch, the report has generated hundreds of page views, with over 60 percent representing actively engaged viewers who spent meaningful time exploring the content. Average engagement time exceeded typical web benchmarks, demonstrating that readers were genuinely interacting with the material rather than simply skimming.

Readers could easily navigate to relevant sections, explore supporting materials, and connect the annual report content to the broader organization ecosystem through integrated linking. This project demonstrated how thoughtful digital design can breathe new life into traditional corporate communications, making important organizational information more accessible and engaging for stakeholders.

Mobile views of many pages including home, Our Work, About, and Updates,

More Case Studies