Derek Castelli

Zero to Three

· nonprofit, education
Type
Development
Context
Agency
Partner
Design Ranch

Brief

Zero to Three is a Washington, DC-based nonprofit ensuring every baby and toddler has a strong start in life. Design Ranch led copywriting and visual design for their 2022 Impact Report; I built the Webflow site that brought the experience to life—shifting from a traditional print annual report to a digital format that could reach a broader audience.

The report, themed "Growing Together," carries readers through fourteen chapters across program highlights, awards, policy wins, and organizational milestones. My work was development in Webflow: translating Design Ranch's designs into the live site, including page transition animations across the full experience.

Problem

Zero to Three had years of rich impact content locked in a print-first format. A static PDF or one long scrolling page would not do justice to the breadth of their work—parenting programs, HealthySteps, Safe Babies, policy advocacy, and more.

The organization also ran a direct-mail campaign with QR codes linking to the digital report. The web experience needed to feel intentional and immersive—not a document dump—while remaining accessible and easy to navigate for board members, donors, and partners arriving from print.

Solution

Design Ranch delivered the full creative direction—copy, layout, and visual design. I developed the chapter-based Webflow experience from their designs: a structured table of contents, animated welcome sequence, and fourteen distinct story sections with page transition animations throughout.

A persistent footer keeps readers oriented—current chapter, quick return to the TOC, and donate CTA—so the report reads like a guided journey rather than a wall of content. The linear format echoes the familiarity of flipping through a print annual report while taking advantage of what the web does well: motion, deep linking, and reach beyond the mailing list.

Specific work

  • Webflow development for the full 2022 Impact Report (from Design Ranch designs)
  • Page transition animations across welcome, TOC, and all 14 content chapters
  • Chapter-based site architecture: welcome, table of contents, and 14 content sections
  • Persistent navigation footer with chapter context and donate integration
  • QR-code-ready digital companion to Design Ranch's direct-mail campaign