Cinematic-Landing-Page-Konzept für eine fiktive Luxus-Immobilien-Agentur in der Schweiz. Frame-Scrubbing-Hero, gekippte 3D-MapLibre-Karte und ROI-Rechner auf einer Seite.
Überblick
Ein Demo-Projekt, das beweist, dass zwei Schwergewichts-Techniken auf einer Seite in Produktionsqualität koexistieren können. Image-Sequence-Canvas-Scrub für den Hero, 3D-MapLibre mit eigenen Pin-Shadern für die Karte. beides ohne Scroll-Einbussen.
Was es kann
- 192-Frame Scroll-Scrubbing-Cinematic-Hero
- Gekippte 3D-MapLibre-Karte mit eigenen Pin-Shadern
- ROI-Hypotheken-Rechner mit Live-Updates
- Property-Cards mit Depth-on-Scroll
- Mobile-aware Fallbacks
Highlights
- Unter 420 KB gzippter JS für das ganze Erlebnis
- Zwei Schwergewichts-Techniken auf einer Seite ohne Ruckler
- Als Bewerbungs-Muster gebaut, nicht als Kundenprojekt
