ARCHDEVS
3D · E-Commerce · SaaS

MOP — Impermeabilizare Marină

O platformă SaaS cu două aplicații pentru produse de protecție a catargelor marine — cu un hero 3D imersiv cu barcă cu pânze animată, ploaie de particule, efecte bloom, configurator de produse și un dashboard admin complet.

Tip
E-Commerce + Admin SaaS
Motor 3D
Three.js / R3F
Aplicații
Landing + Dashboard
Status
Producție
Provocarea

Produsele marine merită o experiență imersivă.

Problema

O companie de produse marine avea nevoie de o platformă e-commerce pentru clienți cu capabilități de configurare a produselor și un dashboard admin B2B pentru operațiuni. Niciun sistem existent nu gestiona managementul comenzilor, prețuri dinamice sau gestionarea clienților pentru această nișă.

Soluția Noastră

Două aplicații care partajează un backend: o pagină de prezentare cu un hero 3D imersiv (barcă cu pânze animată, particule de ploaie, efecte bloom), configurator interactiv de produse cu prețuri în timp real și un dashboard admin bazat pe Vue cu analiză, gestionare comenzi și funcționalități CRM.

Funcționalități Cheie

3D întâlnește comerțul.

Hero 3D Imersiv

Model GLTF de barcă cu pânze cu suprapunere wireframe luminoasă, suprafață dinamică a apei, peste 200 particule de ploaie cu fizică și post-procesare bloom.

⟨/⟩

Configurator de Produse

Selecție dimensiune catarg (S/M/L/XL), dimensiuni personalizate, calcul preț în timp real și checkout multi-pas cu Stripe & PayPal.

Performanță Optimizată

Detectare hardware cu fallback WebP static, code splitting, optimizare geometrie (128→64 segmente) și delta-time clamping.

Dashboard Admin

Dashboard Vue 3 + Inertia.js cu tendințe venituri pe 6 luni, distribuție produse, top clienți, filtrare comenzi și export facturi în masă.

Program de Referral

Coduri unice de referral, urmărire comisioane, dashboard câștiguri și validare server-side debounced în timpul checkout-ului.

Comandă Flotă

Achiziție individuală sau în masă cu selecție dimensiune/cantitate, suport multi-valută (EUR/USD) și fluxuri de stare comenzi.

Stack Tehnic

Arhitectură cu două aplicații.

Landing (3D)

React 19React Three FiberThree.jsDreiVite 7Tailwind v4

Animație

Framer MotionLenisBloom Post-Processing

Dashboard

Vue 3Inertia.jsVite 7Tailwind v3

Backend

LaravelREST APIMySQL

Plăți

StripePayPalMulti-currency

Design

RoundexPoppinsGlass MorphismNavy + Papaya

Ai un proiect similar?

Hai să construim următoarea ta platformă împreună.

Contactează-neVezi Mai Multe Proiecte