Website Redesign
Roselle Camba
Mehrnoush Eidipour
Bréno Garret
Marissa Newman
the problem
There are two primary reasons why individuals feel hesitant to donate to non-profit organizations, such as the Ocean Conservation Society.
Lack of knowledge they have about the cause.
Where their contributions actually go.
the solution
Re-design the navigation flow and site elements on the Ocean Conservation Society’s website. This allows improved accessibility to information and the online donation process for visitors. These changes will allow research and conservation efforts to prosper.
Process
User Insights
Affinity Diagram
User Person
Current Site Analysis
User Flow
User Research
Information Architecture
Lo-Fi & Hi-Fi Prototype
Style Guide
Hi-Fi Prototype
This is the high-fi prototype. View full site: OCS Prototype
View mobile site: OCS Mobile Prototype
CURRENT SITE ANALYSIS
This is the current site for the Ocean Conservation Society. Our team broke down some of the major user experience problems, including the placement of icons, the confusing navigation, and outdated design.
User Research
Survey
We conducted a small survey looking at donation behaviors for non-profit organizations. To better gauge how to support marine animal organization.
User Insights
Most replied caring about marine life, and for the 44.4% of respondents that have donated to marine conservation, they felt that their donations made very little impact due to a lack of follow-up.
66.7% of respondents need reassurance when donating via detailed info behind a cause and where proceeds go.
55.6% of respondents reported preferring a streamlined donation process, otherwise they gradually lose interest in donating.
Affinity Diagram
Breaking down the data gathered from the surveys and interviews into specific topics to understand our user.
User persona
This is the ideal user for the website. It explains who he is, his needs as a user and what he expects when lands on the website.
information architecture
Our team used the current site’s navigation as a guide. We put all the topics we thought were important and reorganized it in a way that was easier to navigate.
Lo-Fi Prototype
This is our lo-fi prototype using our new navigation. We also created a mobile version and tested this mock site to ensure an ideal user experience.
