Applied Ocean Sciences

I designed and built the full website for Applied Ocean Sciences, a company developing cutting-edge ocean tech.

One of the most important pages is the BOREALIS product page, built with a CRO-first approach to drive pre-orders and make information easy to access.

CRO Highlights

🧭 Sticky Section Navigation

A sticky secondary nav bar (desktop + mobile) lets users jump to key sections instantly using anchor links—no endless scrolling, especially on mobile.

📌 Persistent Pre-Order CTA

• Desktop: Pre-order button is stickied to the top of the page.
• Mobile: Button becomes a sticky bottom bar for easier access with thumbs.
• Reduces friction and keeps the action visible at all times.

💳 Stripe Integration

Pre-orders are processed directly through Stripe. Seamless and fast checkout.

Page Structure: CRO-Optimized

The content was designed to guide users through a clear narrative:

1. What is BOREALIS?
   Quick overview of the product and what it does.
2. The Problem
   Pain points in marine monitoring: cost, complexity, device compatibility, and short deployments.
3. How BOREALIS Solves It
   Each challenge matched with a solution: ultra-low power, modular design, Bristlemouth ecosystem, and onboard edge processing.
4. Applications
   Real-world use cases for ocean monitoring and research.
5. Technical Specs
   Cleanly presented for decision-makers and engineers.
6. Bristlemouth Ecosystem
   Highlights compatibility, modularity, and future-proofing.
7. CEO Webinar
   Embedded video explaining BOREALIS—adds trust and depth.

Outcome

A product page that informs, builds trust, and drives action. Every element—from layout to CTA placement—is designed to convert.

‍