Ova – Premium-Brillenmarke
Eine dunkle, filmisch anmutende Ein-Seiten-Website für eine Konzept-Brillenmarke: Sticky-Scroll-Szenen, eine vierfarbige Kollektion und maßgeschneiderte perspektivische Schriftzüge.
Die Aufgabe
Ova ist eine Konzeptmarke für Premium-Brillen: transparentes Kobalt-Acetat, Scharniere aus poliertem Stahl und honigfarbene Gläser. Die Landingpage sollte ebenso hochwertig wirken wie das Produkt – minimalistisch, dunkel, wobei jeder Bildschirm wie eine Seite in einem Mode-Lookbook gestaltet ist – und dennoch verkaufsfördernd sein: Sie sollte die Fassung und die Kollektion präsentieren und zur Warteliste führen.
Die Idee
Die Seite basiert auf Kontrasten: tiefes Schwarz, ein kräftiges Kobaltblau und große weiße Schrift. Jeder Bildschirm ist eine eigenständige Szene, die am Viewport haftet und sich beim Scrollen verändert, sodass sich die Seite eher wie ein Kurzfilm als wie ein langer Scroll anfühlt. Farbe wird sparsam eingesetzt und hat immer einen Grund: Blau, Orange, Weiß und Grün sind die vier Farben der Kollektion.
Erster Bildschirm
Ein halbbildschirmgroßes Porträt, die vertikal angeordnete Markenlinie in der eigens entworfenen Schrift und zwei Schaltflächen. Die Seite öffnet sich mit dem bereits angezeigten Foto; die Brille erscheint dann auf dem Gesicht, ein sanftes blaues Leuchten schwebt im Hintergrund und alle paar Sekunden zieht ein kurzer Glitch durch das Bild.
Design
Die Fassung dreht sich vor Ihren Augen, während Sie scrollen: von vorne, im Dreiviertelprofil, im Profil, hinter ihr steht das Wort „Cobalt“ in riesiger Schrift. Dann schwenkt die Kamera zu den Details – dem Fünf-Barrel-Scharnier und dem Stahlkern des Bügels – mit einem langsamen Parallax-Effekt innerhalb jedes Bildes.
Kollektion
Vier Fassungen in vier Farben auf einer seitlich verlaufenden Schiene. Mit jedem Schritt ändert sich der Hintergrund des gesamten Bildschirms: blau, orange, weiß, grün. Ein Fingertipp auf eine Karte öffnet ein Produkt-Popup mit der vollständigen Beschreibung, den Merkmalen mit Symbolen, den Größen und dem Preis.
Stimmung
„Wear your light“ ist in perspektivischer Schrift dargestellt. Die Zeilen rollen beim Scrollen nacheinander ein und wechseln die Farbe entsprechend den vier Farben der Kollektion, wobei der Rahmen darüber liegt.
Geschichte
Die Geschichte eines Brillengestells – von der Werkbank über die Verpackung bis hin zum Geschäft – wird auf einem horizontalen Streifen erzählt, der durch das vertikale Scrollen gesteuert wird. Das Menü folgt dir und hebt den Abschnitt hervor, in dem du dich gerade befindest.
Warteliste
Der letzte Bildschirm vereint das Formular und die Fußzeile: Wähle eine Farbe aus, gib eine E-Mail-Adresse an, und darunter befindet sich die vollständige Fußzeile mit Links. Das Porträt vom ersten Bildschirm schließt die Seite ab.
Mobil
Auf dem Smartphone behält jeder Bildschirm seine Darstellung bei: Das Burger-Menü öffnet ein Vollbildmenü, die Kollektion passt selbst auf einem iPhone SE auf einen Bildschirm, und die Schrift passt sich der Bildschirmhöhe an.
Ergebnis
Eine hochwertige One-Page-Markenwebsite, auf der das Produkt im Mittelpunkt steht: eine Akzentfarbe pro Bildschirm, große Schrift und Animationen, die den Rahmen hervorheben, anstatt die Seite nur zu verzieren.
