Screenshots
See it in action.
⤢
⤢
⤢
A dual-application SaaS platform for marine mast protection products — featuring an immersive 3D hero with animated sailboat, particle rain, bloom effects, product configurator, and a full admin dashboard.
A marine product company needed a customer-facing e-commerce platform with product configuration capabilities and a B2B admin dashboard for operations. No existing system handled order management, dynamic pricing, or client management for this niche.
Two applications sharing one backend: a landing page with an immersive 3D hero (animated sailboat, rain particles, bloom effects), interactive product configurator with real-time pricing, and a Vue-based admin dashboard with analytics, order management, and CRM features.
GLTF sailboat model with wireframe glow overlay, dynamic water surface, 200+ rain particles with physics, and bloom post-processing.
Mast size selection (S/M/L/XL), custom dimensions, real-time price calculation, and multi-step checkout with Stripe & PayPal.
Hardware detection with static WebP fallback, code splitting, geometry optimization (128→64 segments), and delta-time clamping.
Vue 3 + Inertia.js dashboard with 6-month revenue trends, product distribution, top clients, order filtering, and bulk invoice export.
Unique referral codes, commission tracking, earnings dashboard, and debounced server-side validation during checkout.
Single vessel or bulk fleet purchasing with size/quantity selection, multi-currency support (EUR/USD), and order status workflows.