JARII · Landingpage mit Vorbestell-Liste
Eine Landingpage mit Bewegung, die beim Aufruf keine fremden Dienste lädt
JARII entwickelt einen Strohhalm, der Start ist vor 2027 geplant. Bis dahin hat die Website eine Aufgabe: Besucher tragen sich in die Vorbestell-Liste ein. Sie ist seit 26. Oktober 2026 unter jarii.eu online.
Ausgangslage
Ein Produkt in Entwicklung und eine Liste, die vor dem Start wachsen soll
Vor dem Start gibt es noch nichts zu kaufen. Die Website soll Interessierte und Clubs in eine Liste bringen, mit denen JARII danach persönlich spricht.
Ziel
Eine Seite, ein Ziel: der Eintrag in die Liste
Wer die Seite öffnet, soll schnell verstehen, worum es geht, und sich mit Name und E-Mail eintragen können. Clubs und Bars wählen dabei ein eigenes Segment.
Was wir gebaut haben
Bewegung aus Code statt Video
-
Im ersten Bildschirm steht nur das Logo. Beim Scrollen fährt eine Kapsel zur anderen, eine farbige Fläche schiebt sich über die Seite und das Logo wandert in die Kopfzeile.
-
Danach dreht sich der Halm und taucht ins Glas, fünf Karten erklären dabei der Reihe nach die Anwendung. Der Halm ist als Code gezeichnet: keine Bildfolge, keine Videodatei, bei jeder Bildschirmgröße scharf.
-
Wer am Gerät „Bewegung reduzieren“ eingestellt hat, sieht alle Inhalte ohne Animation untereinander.
-
Nach der Einleitung steht „Auf die Liste“ in der Kopfzeile, auf dem Handy als Leiste am unteren Rand. Die Leiste verschwindet, solange das Formular sichtbar ist.
-
Eine eigene Faktenseite mit Quellen und Hilfe-Nummern und eine FAQ, die auch als strukturierte Daten für Suchmaschinen im Quelltext steht.
Technik und Messwerte
Gemessen am 2. November 2026
- Lighthouse mobil, Leistung
- 100
- LCP mobil
- 1,38 s
- Verbindungen zu fremden Domains beim Aufruf
- 0
- Cookies
- 0
- Lighthouse 13.5.0, mobil, Median aus drei Läufen: Leistung 100, Barrierefreiheit 100, Best Practices 100, Suchmaschinen 100. LCP 1,38 s, TBT 0 ms, CLS 0.
- Verbindungen zu fremden Domains beim Aufruf, auf der Startseite und der Faktenseite: 0. Cookies: 0.
- Die Content-Security-Policy lässt Skripte und Stile nur von der eigenen Domain zu, ohne unsafe-inline. Schriften und die Animationsbibliothek liegen ebenfalls auf der eigenen Domain.
- Noch offen: Das Formular sendet an Formspree, einen Dienst mit Sitz in den USA. Die Verbindung entsteht erst beim Absenden.
- Hosting: Vercel (Vercel Inc., USA).
Erstgespräch
Welcher Ablauf kostet Sie heute die meiste Zeit?
Wir sagen Ihnen, welcher Ablauf sich bei Ihnen zuerst lohnt. Ohne Verpflichtung.