THE MARINE MAMMAL CENTER
TMMC hero mockup
CLIENT
The Marine Mammal Center
ROLE
UI/UX Designer, Experience Designer
TOOLS & SOFTWARE
Figma, Adobe Suite · Rhino 3D, Keyshot, Blender
TEAM
Team of 5
TIME FRAME
6 weeks

Turning quiet observers
into active advocates.

A tablet-led exhibit for The Marine Mammal Center, turning curiosity into empathy and measurable donations.

01. The Problem

TMMC is a health facility for sea mammals. Daily visitors come to observe, but they leave unmoved.

Improving the visitor experience to build real connection and compassion is crucial to sustaining the center's mission.

51.5%
Come after recommendations from friends and family
64.3%
Want to learn what TMMC actually does
78.6%
Expect a zoo experience, not a hospital
02. Our Mission

The world's largest marine mammal hospital reopened in June 2022. Our job was to make people care.

We focused on the center's social impact, raising awareness of their marine conservation and ocean health work to inspire real action and drive more adoptions.

How might we

Cultivate empathy among visitors through captivating narrative, and design impactful call-to-action elements for their experience at The Marine Mammal Center?

03. The Solution

A story-driven tablet, paired with a habitat installation.

// 01

Explore the patients' unique stories

Visitors discover star patients' stories by tapping the bubbles, seeing how TMMC rescues animals through personalized choices in the story flow.

// 02

Adopt your favorite patients

Moved by the story? A symbolic adoption directly supports marine mammals like Bogey, making a real difference.

// 03

Leave with meaningful takeaways

After adopting, visitors get a warm thank-you from patients and the center, along with photos to share or keep as memories.

Physical touchpoint

Habitat installation

An art installation built from real materials showcases the marine mammals' habitat, with tablets embedded in the environment so visitors can explore rescue stories while fully immersed.

Sausalito, CA · Exhibit prototype

Habitat Installation Touchpoint

installation

Habitat Installation

Installation overview
01 / 06
Overview
04. Design Process

How did we get here?

We ran qualitative and quantitative research with visitors and stakeholders to understand how they see TMMC's mission and goals.

“

We wanted to see what it's like: the rescue process, what happens once the animal is admitted, and what their diagnosis is.

Visitor interview #1
“

I flipped over the adoption cards on the fence and saw dates from 10-15 years ago. Are these animals even still here?

Visitor interview #2
“

We're trying to reverse what human activity has done. Visitors want individual stories, how humans caused it, what NOT to do.

Stakeholder, TMMC
05. Key Identified Gaps

Three pain points visitors face at The Marine Mammal Center.

The center has plenty of learning resources, but the visitor journey leaves too much to chance. Three consistent gaps came up across interviews.

// 01

Guidance

Without clear thematic guidance during the visit, it's hard for people to leave with a lasting impression.

// 02

Empathy

The current storyline doesn't help visitors understand or feel connected to the mammals.

// 03

Donations

Visitors are open to donating, but they want to clearly understand where their money goes and why it matters.

06. Solution Explorations

Rapid prototyping, tested with 42 participants.

Five directions explored in parallel, from low-tech pledges to AR and live tracking, each stress-tested against empathy, guidance, and donation outcomes.

1st exploration

1st exploration

Early concept sketch anchoring the visitor journey, a narrative spine to test what moved people most.

AR Tour Guide

AR Tour Guide

Augmented reality across the center. Subtle animations bring artifacts and patient stories to life.

Live Location

Live Location

GPS-tracked mammals after release, followed on a live map from rescue to ocean.

Pledge Wall

Pledge Wall

An interactive commitment display with a global map for gathering visitor information and intention.

Story Dashboard + Installation

Story Dashboard + Installation

Final

Tablets embedded in a habitat installation, with adoption and stories in one flow. Selected as the final concept for build-out.

07. Final Direction

Story Dashboard + Art Installation.

Chosen based on time and budget constraints. From research, we grounded the experience in real-life stories (age, species, diagnosis, rescue and release locations) so every tap brings a visitor closer to one animal's journey.

08. User Flow + IA

Mapping the visitor journey, rescue → release.

Mapping the visitor journey, rescue → release.
09. Layout Explorations

Iterating on hierarchy and visual density.

Iterating on hierarchy and visual density.
10. Final Screens

Built for touch, designed for empathy.

Final screen 1
01 / 21
Screen 01 / 21
11. Learnings

Eight things this project changed about how we design.

01
Narrative beats information
Story-first flows moved people more than factual labels. People remember Bogey, not statistics.
02
Physical context amplifies digital
Tablets embedded in the habitat created deeper immersion. The environment is part of the interface.
03
Constraint clarifies the concept
Story Dashboard won not because it was most ambitious, but because it fit 6-week constraints while meeting all 3 goals.
04
5 parallel prototypes > 1 deep dive
Rapid parallel exploration tested with 42 participants surfaced insights a sequential process couldn't.
05
Donation intent follows emotional investment
Visitors were open to donating only after connecting to a specific animal. Empathy before ask.
06
The exit moment is as important as the entry
The thank-you photo and patient message shaped how visitors talked about TMMC afterward.
07
Stakeholder language unlocks design insight
"We're trying to reverse what human activity has done" reframed the HMW. Best brief came from listening, not designing.
08
Physical-digital handoff needs its own QA
Mistakes in Rhino/Blender installation model cascaded into UI. Hybrid projects need explicit alignment checkpoints.