AlbaCreation

KALIBR

Website für eine lizenzierte Schießschule: ein WebGPU-3D-Hero, Online-Buchung, Preisrechner und ein Prüfungstrainer.

Herausforderung

Eine Schießschule brauchte eine Premium-Website, die Vertrauen schafft und Anfragen generiert: Ausbildung für Zivilisten und Sicherheitskräfte, Zertifizierung, Sportsektionen, Schießstand-Miete. Dazu Online-Buchung, transparente Preise und Prüfungsvorbereitung — ohne Anrufe während der Geschäftszeiten.

Lösung

Next.js 16 und React 19 mit einem dunklen Premium-Theme. Der Hero ist eine GPU-3D-Szene (React Three Fiber / WebGPU mit WebGL-Fallback): ein beleuchtetes Gewehr und eine Patrone mit Schusszyklus. Online-Buchung und Rückruf über API, ein monatlicher Slot-Kalender, ein interaktiver Preisrechner und ein Prüfungstrainer mit Übungs- und Prüfungsmodus. Terminplan- und Anfragen-Admin auf Drizzle + Neon Postgres, vollständiges SEO-Markup (Schema.org, Sitemap, OG) und ein Modus für Sehbehinderte.

Ergebnis

Ein live geschaltetes Produkt auf voskres-calibr.ru: Anfragen gehen online ein und landen in Telegram, der Manager pflegt den Terminplan im Admin, und der 3D-Hero samt Premium-Optik hebt die Schule ab. Alles ist skalierbar vorbereitet — Inhalte und Preise werden über die Datenschicht bearbeitet.

Stack

Next.js 16React 19TypeScriptReact Three FiberWebGPUTailwind v4DrizzleNeon Postgres

Galerie

WebGPU-3D-Hero-Szene
WebGPU-3D-Hero-Szene
Interaktiver Preisrechner
Interaktiver Preisrechner
Prüfungstrainer: Übungs- und Prüfungsmodus
Prüfungstrainer: Übungs- und Prüfungsmodus

Brauchen Sie ein ähnliches Projekt?

Projekt besprechen