Desktop-Ansicht fürs iPhone
Damit du die drei Varianten am Telefon so beurteilen kannst, wie sie am Rechner aussehen. Alles unten ist bei 1440px Desktop-Breite aufgenommen.
Wozu das hier: Die Live-Seiten (a/b/c im Paket) würden auf deinem iPhone die Mobil-Fassung zeigen — du siehst dann nicht, worüber entschieden wird. Deshalb hier je ein Scroll-Video und die komplette Seite als ein Bild in Desktop-Breite. Die Mobil-Fassung liegt trotzdem darunter, aufgeklappt.
Mobil-Check ist gelaufen, Ergebnis für alle drei: kein horizontaler Overflow (0px), kein Tap-Ziel unter 44px. Variante c lässt 11 Elemente bewusst über die rechte Kante laufen (die Kurve) — ohne Scroll-Bleed. Optimiert ist mobil damit noch nicht, nur unbeschädigt: der echte Mobil-Feinschliff kommt in der Bauphase, nicht am Wegwerf-Prototyp.
Variante a
Scroll-Video · Desktop 1440px
14 Sekunden durch die ganze Seite. Tippen zum Starten, Zeitleiste zum Springen.
Mobil-Fassung ansehen
Variante b
Scroll-Video · Desktop 1440px
14 Sekunden durch die ganze Seite.
Mobil-Fassung ansehen
Variante c
Scroll-Video · Desktop 1440px
14 Sekunden durch die ganze Seite.
Mobil-Fassung ansehen
Worauf es ankommt: Die drei unterscheiden sich fast nur am Signature-Element — dem Satz, der auf einer Kurve läuft. Trägt die Form Bedeutung, oder ist es Deko auf einer Welle? Alles andere (Slab-Skelett, Kiesel-Fotos, der eine dunkle Vertrauens-Slab, Schriftgrößen, Finale) ist bei allen dreien identisch, weil du es gelockt hast.