It's rare to get to work with an iconic brand that also happens to be protecting the future of nature. Viget was therefore honored to help the U.S. arm of World Wildlife Fund, the largest independent conservation organization on the planet, modernize its online presence and contribute to its mission of improving the balance between people and nature.

What we did

Information Architecture

Over the years, WWF has published thousands of pages of amazing content. But as their site grew, so did the need for a better approach and underlying system for relating and structuring this material. Viget worked with WWF to rigorously architect their content and establish formal ties between the many pieces of the natural world and their organization. An important aim of this effort was to empower WWF to publish their captivating material in a more comprehensive and efficient way.

User testing, ranging from open card sorts to tree tests, helped solidify our decisions, particularly around the site's navigation. The broader result of this work is an expansive yet structured site that is tested and more natural to visitors.

Data-driven Decisions

Alongside Viget's UX designers, the marketing team combed through Google Analytics and SiteCatalyst data to better understand activity on the existing site and how that could inform the redesign. The team then pulled this data into Omnigraffle and laid it on top of the current sitemap to fully visualize (and help communicate to WWF) where users were going. Bright green areas signify popular pages. This view helped us better understand user behavior and identify resources that either should not be migrated over to the new site or should be absorbed into other areas or pages.

Information Design & Storytelling

When an organization has as much content across various subjects as WWF does, it's a challenge to help visitors both understand and care. Viget spent considerable effort organizing all this content and developing a storytelling strategy and persuasive page design that encourage engagement, understanding, and user action.

The overall storytelling approach focuses on five central areas of WWF's efforts: species, places, habitats, threats, and industries. These pages' compelling text and stunning visuals draw users in, then point users to other pages detailing WWF's specific projects and initiatives as well as ways users can take action.

We encouraged WWF to let the stories speak for themselves. While relevant calls to action and links to related content are incorporated throughout the site, they do not overwhelm users or clutter the pages.

Accessible Content

WWF was keen from the start on creating a responsive site design, both to better serve users' needs and to serve as an innovative model for other non-profit sites. They wanted to enter content once and have that content display appropriately across browsers of different widths and across devices — those of today and of the future.

The redesigned does just that. The site looks and performs beautifully at multiple breakpoints, from the iPad to the Nexus 7 to the iPhone to whatever next year's hotness will be.

Photo Management

Photography is instrumental to WWF's message and efforts. The organization publishes images to the site daily and regularly receives new assets from the field. A key part of building the CMS was creating a variety of photo management tools to make working with this rich (and often filesize-heavy) content as easy as possible.

To aid in reuse of photos across species, stories, places and all other pages, the CMS automatically scales and crops an uploaded image into numerous sizes. All WWF has to do is pick which photo they'd like to use in a particular slot, and the system does the rest. WWF can also use the CMS to manually crop images to one of several fixed aspect ratios to ensure the resulting image is presented in the best way possible.