Donation Page Redesign

Donation Page Redesign

Client: Orcasound

Highlighting donors, of both time and money, with the true recognition they deserve.

ROLE

Product Designer

TOOLS

Figma

DURATION

4 weeks

IMPACT

Made invisible contributions visible by surfacing real stories of those driving ocean conservation forward.

CONTEXT

Orcasound is a nonprofit organization dedicated to connecting people with live underwater audio streams of orcas and other marine life in the Pacific Northwest. By partnering with scientists, educators, and conservationists, Orcasound helps raise awareness about the importance of ocean health and marine biodiversity. Their network of hydrophones—underwater microphones—provides real-time access to whale sounds, offering a powerful tool for both public engagement and scientific research.


Orcasound's mission is deeply rooted in community-driven conservation. As a grassroots organization, they rely heavily on public support and donations to sustain their efforts, maintain equipment, and expand outreach. With a growing online audience and increasing interest in marine conservation, Orcasound needed a more effective way to translate this interest into action—specifically, through financial contributions.

IDENTIFYING THE PROBLEM

Creating an easy to read webpage so that users can easily donate to Orcasound's efforts, as well as to organizations within our network.
• Focus on Donation Call to Actions (CTAs)
• Bring partner organizations to the forefront
• Minimize the amount of copy

How might we build a digital experience that encourages users to donate to Orcasound and view our partner organizations?

ESTABLISHING PROJECT OUTCOMES

What are we trying to achieve?

Building a web app that encourages end-users to donate to Orcasound, as well as learning about the important work of our partners.​​​​​​​

How do we plan to drive this?

  1. Make “Donate/Support” CTAs

  1. Show ways to donate to the organization

  1. List our partners with a brief description of their work

  1. Allow users to discover more about our partners

DESIGN DECISIONS

Decision #1
Modification of the navigation bar to allow for easier browsing. 
Updating the nav bar to be more consistent with today’s best practices.

• “Support” CTA Button in menu
• Adding organization logo as a Home icon
• Shifting hamburger menu to the left
Impact
60% increase in users being able to find and access the Donate page.
Decision #2
Simplified CTAs

• Eliminating the “wall of text”
• Showcasing the ways to donate
• Include a Donate CTA to attract the end-user
Impact
300% increase in users tapping the Donate CTAs
Decision #3
List of Partners

• Establishing typography hierarchy
• Including a summary of each organization
• Giving people a chance to visit the organization

REFLECTIONS

Simplified Process = Increased Conversion

Visual Storytelling Enhances Emotional Connections

"There's always a race to win." - Sebastian Vettel

Constantly Iterated. Never Finished

Last Updated: Jun. 30, 2025

christian7johnson@gmail.com

"There's always a race to win." - Sebastian Vettel

Constantly Iterated. Never Finished

Last Updated: Jun. 30, 2025

christian7johnson@gmail.com

"There's always a race to win." - Sebastian Vettel

Constantly Iterated. Never Finished

Last Updated: Jun. 30, 2025

christian7johnson@gmail.com