I designed a narrative-first Webflow site that turns environmental data into stories.
The homepage uses a scrolling impact timeline, each scroll section pairs a key climate metric with the corresponding Commons Earth project, connecting the abstract (carbon tonnes, hectares protected) to the concrete (the communities and ecosystems affected).
Visual hierarchy does the heavy lifting: data visualisations sit alongside project photography so the numbers always have a human context.
The project directory was the most technically involved piece. Each funded initiative gets a structured CMS page with location mapping, funding stages, impact metrics with progress bars, and partner attribution. I built the CMS schema so the team can add new projects with standardised data fields, the design layer handles rendering consistently regardless of which fields are populated.
A custom corporate-style-guide system ensures every page, template, and CMS-collection item stays on-brand as the team scales their content. I also built the site with a component-based architecture that lets Commons Earth repurpose sections (the impact timeline, the project cards, the funding progress module) across different campaigns without rebuilding.