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.
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.
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!
- Responsive Front-End Development