Cabin Boy

Cabin Boy needed a launch website that introduced its premium tinned seafood, expressed the brand’s personality, and encouraged visitors to join its mailing list.

Dramatic ocean imagery, textured graphics, animated backgrounds, and detailed product photography were central to the experience. The development challenge was to deliver that visual richness while keeping the page fast and responsive, especially on mobile.

I developed a responsive journey from the cinematic opening into the brand story, product collection, and email signup. Dark backgrounds, cream lettering, distressed typography, and red calls to action carry the nautical identity throughout the site.

The video implementation serves separate assets for mobile screens and uses poster images before playback is ready. The story video loads when its section enters view, keeping that additional media out of the initial loading path.

Lazy-loaded WebP images defer product and supporting imagery until needed. Explicit image dimensions help maintain a stable layout as content loads.

Autoplay is disabled for visitors requesting reduced motion, using data saver, or reporting very slow connections. These choices preserve the cinematic presentation while prioritizing a fast initial experience.

In two days, I delivered a distinctive launch website with immersive video, responsive product presentation, and a clear path to joining the mailing list.

Google PageSpeed Insights recorded 100/100 mobile performance and 99/100 desktop performance. Both versions scored 100 for accessibility, best practices, and SEO in the automated audits.

Under simulated slow 4G conditions, the mobile test recorded a First Contentful Paint of 0.8 seconds, a Largest Contentful Paint of 1.1 seconds, and zero milliseconds of Total Blocking Time.