Seasats — Ocean Technology Website Recreation Study

Independent frontend recreation and restoration study. This is an implementation exercise, not a commissioned brand project. Original design and brand assets belong to the credited reference.

My focus on Seasats was bringing ocean technology to life through clear product storytelling and interactive exploration.

I worked with HTML, CSS and JavaScript, including Three.js for the mission globe. I connected the hero videos, capability sections and vessel galleries, then organised product images, hotspot media and specification PDFs for reliable local loading.

The detailed work was making complex information easy to explore. I brought together 29 missions with category filters, mapped trails and detailed dialogs. I completed four Lightfish configurations with independent x-ray views, seven specifications and matching downloads, then connected Quickfish hotspots and the three-vessel comparison.

I refined keyboard focus, menu and dialog dismissal, touch targets and mobile tooltips. I also added reduced-motion and JavaScript-disabled reading alternatives, and connected the 31-item press archive to publisher articles.

I checked desktop, tablet and narrow mobile layouts, then tested globe controls, mission filters, product variants, comparison tabs and media. The result is a responsive showcase that makes a technical product range easier to understand and browse.

Original visual design and brand assets: Seasats. Original reference: https://www.seasats.com/