Twin Oceans Research Foundation Website Development

A conservation research website built to communicate the science, publish ongoing fieldwork, and convert visitors into active supporters of hammerhead shark protection.

Industry: Marine Conservation & Research · Platform: Webflow Scope: UX/UI Design, Website Design, Webflow Development, CMS Architecture

Twin Oceans Research Foundation is a Panama-based organization focused on the scalloped hammerhead shark, a species listed as Critically Endangered by the IUCN. Their work includes satellite tagging, migration tracking between Panama and the Galápagos, DNA testing of local fish markets, and lobbying for amendments to Panama's shark finning laws.

The foundation needed a website that could do several things at once: explain the science without dumbing it down, make the conservation crisis feel immediate, publish research updates, support merchandise sales, and convert visitors into petition signers, newsletter subscribers, and donors. The audience ranges from marine biologists and policymakers to concerned citizens and potential sponsors. That's a wide gap to bridge with one site.

The work focused on making the mission tangible and the science accessible without losing the weight of the subject.

Video-first atmosphere: Background video of hammerhead sharks runs across multiple pages, putting visitors in the water from the first scroll. The footage isn't decorative. It grounds every section of the site in the reality of what's at stake.

Narrative structure over information dump: The homepage follows a deliberate arc. What we do, why we do it, who we are. Each section builds on the last. Visitors move from understanding the problem to meeting the team to taking action, in that order.

Live migration tracking: A dedicated page presents satellite tracking data of tagged sharks. This is the centerpiece of the site's credibility. It turns abstract research into something a visitor can follow, share, and come back to check on.

Research-to-action pipeline: The site surfaces petitions, legislative proposals, and newsletter signups alongside the research content. The ask comes after the context, not before it. By the time a visitor reaches a CTA, they've already understood why it matters.

Blog as research log: The CMS-powered blog functions as a field journal. Tagging expeditions, satellite updates, DNA test results, legislative developments. It gives the site an ongoing quality that static nonprofit sites don't have.

Merchandise as support mechanism: A merch section lets visitors contribute financially through product purchases. It's positioned as support, not shopping. The framing reinforces the mission rather than treating commerce as a separate concern.

Team as credibility layer: The team section introduces marine biologists, veterinarians, students, and sponsoring organizations with photos and roles. For a small foundation, showing the people doing the fieldwork builds trust faster than institutional language.

The Webflow build balances an immersive feel with the practical needs of an active research organization.

Video backgrounds across pages creating an underwater atmosphere without compromising load times

Navigation with animated lettering that sets the visual tone from the first interaction

Drag interactions and scroll-triggered elements that give the site a layered, tactile quality

CMS-driven blog supporting field updates without needing developer involvement for new posts

Merchandise page with product imagery, pricing, and external checkout integration

Petition and newsletter CTAs placed at moments of engagement, not as overlays

Team carousel with member profiles linking to individual author pages

Responsive layout that holds the visual quality across devices

Statistics and data woven into the narrative sections to reinforce urgency with evidence

The site gives Twin Oceans Research Foundation a public presence that matches the quality of their fieldwork.

The migration tracking page creates a reason to return. Visitors come back to follow tagged sharks, which compounds engagement over time.

The narrative homepage structure moves visitors from awareness to action without relying on aggressive fundraising tactics.

The blog gives the foundation a publishing rhythm that keeps the site current and supports SEO around shark conservation and Panama marine policy.

The merch section provides a low-friction revenue channel that reinforces the organization's identity.

The site positions a small foundation alongside larger conservation organizations in terms of how it presents online.

The site works because it treats the audience as capable of caring about the science, not just the sentiment. It earns engagement by being specific, current, and honest about the problem, then makes it easy to act on that understanding.