
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?
Make “Donate/Support” CTAs
Show ways to donate to the organization
List our partners with a brief description of their work
Allow users to discover more about our partners
DESIGN DECISIONS
• “Support” CTA Button in menu
• Adding organization logo as a Home icon
• Shifting hamburger menu to the left
• Eliminating the “wall of text”
• Showcasing the ways to donate
• Include a Donate CTA to attract the end-user
• Establishing typography hierarchy
• Including a summary of each organization
• Giving people a chance to visit the organization
REFLECTIONS
Induction into the Orcasound Hacker Hall of Fame!
Simplified Process = Increased Conversion
Visual Storytelling Enhances Emotional Connections