Project

COAST OBSERVATORY

Type

Educational Platform

Deliverables

Brand Identity

Marketing

Website Design

Year

2025

Collaborators

oneeightoneone

samurai

rodo dendron

mahuliena

ayscha

Project team

Maya Lin

Olivia Reyes

Ethan Cole

Jasmine Park

Sofia Alvarez

Chloe Bennett

Noah Brooks

Liam Carter


Amelia Clarke

Freya Bennett

Isla Morgan

Oliver Hughes

Ethan Patel

Brooklyn, NY Team, Manchester, UK Team

Coast Observatory partnered with katto to design a digital educational platform focused on ocean research, climate awareness, and coastal ecosystems. The challenge was to translate complex scientific information into an accessible and emotionally engaging experience without oversimplifying the content. The project combined UX design, creative strategy, and motion-driven storytelling into a structured web experience. The goal was to create a system where education feels exploratory rather than instructional.

Coast Observatory partnered with katto to design a digital educational platform focused on ocean research, climate awareness, and coastal ecosystems. The challenge was to translate complex scientific information into an accessible and emotionally engaging experience without oversimplifying the content. The project combined UX design, creative strategy, and motion-driven storytelling into a structured web experience. The goal was to create a system where education feels exploratory rather than instructional.

Coast Observatory partnered with katto to design a digital educational platform focused on ocean research, climate awareness, and coastal ecosystems. The challenge was to translate complex scientific information into an accessible and emotionally engaging experience without oversimplifying the content. The project combined UX design, creative strategy, and motion-driven storytelling into a structured web experience. The goal was to create a system where education feels exploratory rather than instructional.

Image 02 for “COAST OBSERVATORY”, 2026
Image 03 for “COAST OBSERVATORY”, 2026

The research phase focused on understanding how scientific institutions communicate complex environmental data to general audiences. Many systems prioritize accuracy but fail to create emotional engagement or accessibility. References included marine research institutes, climate visualization tools, and interactive science publications. The goal was to bridge the gap between data and understanding. This phase defined a need for clarity without reduction, ensuring complexity remains intact but readable.

The identity system was designed around clarity, rhythm, and informational structure. Typography became the primary tool for organizing knowledge. Color and layout were derived from oceanic gradients and navigational charts, creating a subtle connection to maritime environments. The result is a system that feels informative, calm, and structured.

The platform was designed as an exploratory journey through layered information. Users move through topics such as climate change, marine life, and coastal systems at their own pace. Motion and transitions were used to guide attention between data sets and narratives without overwhelming the user. The experience balances education with engagement, making complex topics more approachable.

Scientific data was translated into visual systems that emphasize comprehension over decoration. Charts, diagrams, and interactive elements were designed for clarity. Each visualization adapts across devices while maintaining structural consistency. This ensures that data remains accessible in both detailed and simplified views.

Coast Observatory becomes an educational platform that transforms scientific communication into an accessible digital experience. The final system strengthens understanding while preserving the depth and integrity of the original research.

Our Work

Newsletter

Get the latest news from onetwoo design office.

Newsletter

Get the latest news from onetwoo design office.

We would like to thank to our partners

_New York City

We would like to thank to our partners

_New York City

We would like to thank to our partners

_New York City

Create a free website with Framer, the website builder loved by startups, designers and agencies.