Locale-safe bilingual architecture
French and English content can differ while automated parity checks prevent structural drift.
Ocean Owl
Ocean Owl is the public identity of Whisper eF, a French marine-technology company developing high-performance electric hydrofoil vessels. I lead the connected digital experience around it: brand application, UX/UI, AI-assisted implementation, motion, analytics, releases and the supporting communication system.
Complex technology made clear
Foils, performance, efficiency and modular vessels become understandable visual decision journeys.
Modular vessel portfolio system
Specifications, configurations and commercial use cases are structured to evolve with new vessels.
Adaptive cinematic media pipeline
Separate desktop and mobile encodes, posters and deferred loading balance visual impact with speed.
Responsive interaction system
Desktop motion and hover, mobile navigation, sliders and touch behavior are designed independently.
Privacy-first measurement
Anonymous first-party events capture sources, devices, languages and meaningful actions.
Client-owned analytics dashboard
A protected view turns raw behavior into useful visit, interest and campaign intelligence.
Search & AI discoverability layer
Localized metadata, schema, hreflang, sitemaps and AI-readable context expose the right facts.
Production-safe release workflow
Staging, noindex isolation, automated checks and protected deploy paths reduce release risk.
Technology stack
Astro
Static-first bilingual website architecture
TypeScript
Typed configuration and automated tests
HTML5
Semantic pages and structured content
CSS
Responsive visual system and motion
JavaScript
Navigation, interactions and analytics
PHP
First-party collection and private dashboard
OVHcloud
Client staging, production and redirects
GitHub Actions
Private source control and continuous checks
Playwright
Desktop and mobile journey verification
Vite
Fast local development and production builds