Skip to main content

Wikimedia Foundation

Open source media nonprofit

The Wikimedia Foundation is the nonprofit behind your favorite open source content, creating free and accessible knowledge banks on sites like Wikipedia and Wikinews. The Wikimedia team needed a new interactive website to demonstrate their impact and gratitude for the thousands of voices that contributed to over 5 billion articles on Wikipedia and their other open source projects. Each year their Annual report website receives millions views from around the globe.

Visit Wikimedia's Annual Report
Aurora borealis as seen from above
A page from Wikimedia website showing images and text
A page from Wikimedia website showing images and text
Thank you deeply for this work. We love this site. We are excited to share it with the world. You made it stunning and engaging and original. THANK YOU.
Zachary McCuneGlobal Audiences, Wikimedia Foundation
Global Audiences

The Plan

In prior site analytics, it was apparent that most of the Wikimedia Foundation Annual Report visitors landed on the homepage and stayed there, so the team opted for a longer home scroll to enhance the site usability. The journey of allowing the site to look attractive and natural was a task requiring thoughtful approach and collaboration of designers and developers.

Wikimedia website screen. The text is fading in and says
Wikimedia website screen. The text is fading in and says

Bringing it to Life

We worked through several iterations with our design partners at Public, SF to successfully map out what would best tell the brand story. Our goal was to create awesome animations without overwhelming the quality content, and find a way to enhance the story while not distracting users.

We architected various animations throughout the pages, highlighting the impact of the foundation and showcasing the donors that make their work possible. We started with static mockups and worked as a team to suggest how the interface could be animated, then tweaked the timing of the UI animations until the flow felt just right.

The real magic in this site is the movement, so we encourage you to have a look at the real deal!


  • Static Site

Our Role:

  • Responsive Front-End Development
  • Graphic Design
  • Strategic Direction

Thinking about a project?