WWF Redesign

Species List Redesign

In this case study, I undertake a comprehensive redesign of the World Wildlife Fund (WWF) website's species directory, with a focus on improving its information architecture to enhance user experience

Figma Link
Product Overview
The redesigned WWF species list offers a revitalized user experience crafted to engage and educate users deeply about wildlife. The enhanced list features intuitive navigation, rich visual content, and interactive elements, making learning about different species informative and enjoyable. Each species is presented with engaging narratives and essential facts, fostering an emotional connection and a deeper understanding of their conservation status and threats. The new design also highlights actionable steps for users to get involved in conservation efforts, including donation options and symbolic adoptions.
Problem Statement

The current species list on the WWF website fails to fully engage users due to its impersonal presentation, limited interactivity, and lack of comprehensive information. Users need help to form a personal connection with the species listed, which hampers their learning experience and reduces their motivation to contribute to conservation efforts.

Goals

This project aims to revitalize the WWF species list by creating an engaging, interactive experience that encourages exploration and learning. We plan to enhance information accessibility with comprehensive, easy-to-understand details on each species, supplemented by storytelling and visual elements to foster a deeper emotional connection with wildlife.

Design Process
To enhance the WWF website's species list, we employed a user-centered design process that began with empathizing with our users through extensive research, including surveys, interviews, and usability testing. This helped us define the key areas of improvement, such as enhancing personal connection and providing more comprehensive information. The ideation phase involved brainstorming creative solutions and developing concepts that were then transformed into both low and high-fidelity prototypes. These prototypes underwent rigorous testing and iterative refinement, ensuring they met user needs and preferences.
Target Audience

The target audience includes wildlife enthusiasts looking for conservation activities and the general public interested in understanding and contributing to wildlife preservation, as well as prospective donors and supporters who play a crucial role in conservation through financial contributions and symbolic animal adoptions.

User Research
The primary objective was to understand user perceptions and interactions with the existing species list on the WWF website. We aimed to identify areas for improvement to make the list more engaging and informative, thereby encouraging learning and donations.
Emily
Age 29, a Graphic Designer who enjoys wildlife photography in her spare time
Jane
Age 32, a Middle School Teacher who enjoys gardening in her spare time
Juan
Age 26, a Software Engineer who enjoys Scuba Diving and Marine Conservation in his spare time.
Key Insights

Enhance the visual appeal of the website by incorporating compelling imagery and infographics to better illustrate conservation data and engage users. Update the website with a modern, responsive design to improve overall usability, especially for mobile users, ensuring a seamless experience across all devices. Implement stronger storytelling techniques and clear calls to action within the content to emotionally connect users and encourage active support for conservation efforts.

Empathy Map
User Persona
Pain Points

Challenging Navigation

Users struggle to find specific information, indicating a need for improved website navigation and more intuitive organization of content.

Lack of engaging Content

Users struggle to find specific information, indicating a need for improved website navigation and more intuitive organization of content.

Lack of engaging Content

The current species list lacks personal and emotional appeal, crucial in fostering a deeper connection and empathy toward wildlife conservation.

Sketches/Low-fidelity Wireframes

Side by Side Comparison

Orginal Species Directory

:The previous iteration of the species directory page on the WWF website presented a utilitarian approach that prioritized basic textual information. It solely allowed users to sort species by common name, scientific name, and conservation status. The lack of visual elements made the page less engaging, and the minimal sorting options provided a rigid and cumbersome user experience. This text-heavy layout without images or interactive components failed to capture the attention of visitors and did not effectively communicate the urgency of wildlife conservation. It was not conducive to learning or inspiring action, key objectives for the WWF.

Updated Species Directory

The revamped species directory page is a significant leap forward in both functionality and visual appeal. By incorporating high-quality images for each species, the directory now offers a vibrant and immersive experience that draws users in. The additional sorting filters, including habitat, geographical location, and specific threats, empower users to tailor their exploration and gain insights into the conservation landscape. This richer, image-centric design not only makes the directory more aesthetically pleasing but also transforms it into a powerful educational tool that better aligns with the WWF's mission to engage and inform the public about the plight of endangered species.

High Fidelity Screens

Species Directory

I've designed informative animal cards displaying the name, scientific name, a color-coded conservation status icon, a visual representation of the animal, and a 'view profile' button for further details.

The conservation status icons are intuitively color-coded, offering an immediate visual cue of the risk level each species faces, enhancing user understanding at a glance.

Home Screen

In the redesigned animal pages, I've integrated icons that concisely convey key information about each species, alongside a color-coded system for conservation status, providing users with an immediate visual understanding of the risks faced by the animals.

Home Screen

Continuation of the home page showcasing information and facts on the animal.

Filter Bar

The newly introduced filters panel on the species page represents a significant enhancement in user interactivity and information retrieval efficiency. It has been meticulously designed to include a comprehensive suite of sorting options, allowing users to categorize and view species based on multiple criteria: conservation status, animal type, habitat, geographical location, and the specific threats they face.

Final Screens

User Feedback

In the process of revitalizing the WWF website’s species list, I introduced a series of significant improvements, focusing on amplifying user interaction, streamlining access to detailed species information, and nurturing a more profound appreciation and understanding of wildlife. Following the deployment of these updates, I embarked on a comprehensive user feedback session. This session was crucial in evaluating the impact of the enhancements and pinpointing opportunities for further refinement. We actively engaged with our users, soliciting their insights and reactions to the redesigned interface, the new filtering options, and the overall user experience.

Key Insights

Improved Navigation and Accessibility Users noted that the website is now more intuitive and easier to navigate.
Users were impressed with the visuals and design,
"Finding information has become much more straightforward with the new design."
“The website is much easier to navigate now. I can find information on specific animals much faster than before."

Desire for More Detailed Conservation Information
Users were interested in more in-depth content on how they can contribute to conservation efforts."
It would be great to have more detailed information on how our actions can help these species.

Storytelling and Emotional Connection
"The use of storytelling in species profiles was well-received, with users appreciating the personal touch."
The stories about the animals make me feel more connected and concerned about their fate."

Video

Key Takeaways

User Engagement is Crucial Interactive elements, compelling visuals, and storytelling are essential to make the species list more engaging and informative.

Ease of Navigation is Key Simplified and intuitive navigation is vital for users to find information quickly and efficiently.

Emotional Connection Drives Action Creating a personal connection through the content can significantly increase user involvement and willingness to support conservation efforts.

Transparency in Impact Users want to understand how their contributions make a difference, necessitating clear communication about the impact of donations and adoptions.

What I learned

The Importance of User-Centered Design Understanding the user's perspective is critical in creating a website that is not only informative but also engaging and easy to use.

Balancing Information with Engagement Too much information can be overwhelming; it's crucial to present data in an engaging and digestible manner.

Feedback is Invaluable User feedback and testing are indispensable in the design process, providing insights that guide improvements and enhancements.

Conclusion

As part of the effort to improve the WWF website’s species list, I implemented several enhancements aimed at increasing user engagement, improving information accessibility, and fostering a deeper connection with wildlife. Following these updates, we conducted a user feedback session to gauge the effectiveness of these changes and identify areas for further improvement.

Projects

COS X Chris Perani
UX Design
A 24-piece collaboration with COS, bringing macro photography to fashion in over 150 stores worldwide, transforming the hidden details of nature into wearable art.
LEARN MORE
Photography
Photography
A photography portfolio showcasing a collection of technically sophisticated images, each meticulously composed with a focus on precision and detail, highlighting the artistry in technical photography.
LEARN MORE
CCWIP
UX Design
A project focused on redesigning CCWIP's data visualizations, enhancing the representation and accessibility of critical child welfare indicators for clearer, more impactful insights.
LEARN MORE
Geospatial
UX Design
A collaborative storytelling app project, where each group member uniquely crafted their own storytelling experience, exploring diverse and innovative ways to weave narratives through app technology.
LEARN MORE
SF Parks
UX Design
A mobile application designed for San Francisco's parks and recreation, offering users the convenience of reserving their ideal picnic spot across the city's picturesque parks.
LEARN MORE
WWF
UX Design
The redesign of the WWF species page transforms user engagement and conservation education through an intuitive interface with advanced sorting features and detailed species information.
LEARN MORE
Graphic Design
Graphic Design
A visual journey showcasing my creativity, skill, and passion for transforming ideas into engaging, impactful designs.
LEARN MORE
Photogrammetry
Photogrammetry
This collection features experiments with 3D scanning techniques, resulting in the creation of unique and dynamic models, each specifically tailored for augmented reality applications.
LEARN MORE