Produkt-Landingpage «LO Pure»

Lista Office LO

Branche
Möbelindustrie

Projekttyp
Landingpage LO Pure

Umfang

  • Konzeption
  • Kreation
  • Technische Realisierung

Zum Ergebnis

Auftraggeber

Lista Office LO ist ein Schweizer Hersteller von Einrichtungslösungen. Das Unternehmen entwickelt, produziert und vertreibt hochwertige Möbelsysteme mit Fokus auf Ergonomie, Funktionalität und Design.

Mit dem «LO Pure» hat Lista Office LO einen Sitz- und Steharbeitsplatz im Programm, der mit cleveren Details überzeugt.

 

Ausgangslage

Um die Funktionen des Tisches auch online erlebbar zu machen, hat uns Lista Office LO beauftragt, eine Landingpage zu entwickeln, die die besonderen Eigenschaften des Tisches hervorhebt.

Wir haben im Kreativ-Team schnell erkannt, dass eine scrollbare Video- oder Bildsequenz, die an geeigneten Positionen Detailinformationen bereitstellt, gegenüber statischen Detailfotos und Teaserblöcken einige Vorteile bietet. Die Benutzung ist intuitiv und der «Joy of Use» kommt dabei nicht zu kurz – ideal für eine Promotionkampagne, die auch in Social-Media-Kanälen beworben wird.


Nutzerzentriertes Storytelling: Die wichtigsten Produktfeatures zur richtigen Zeit am richtigen Frame platzieren – ohne die Nutzer zu überfordern.

Unsere Herausforderungen

Intuitive Steuerung ermöglichen: Nutzerinnen und Nutzer sollen die Sequenz millimetergenau vor- und zurückbewegen können – ohne Ruckeln.

Performance auch mobile gewährleisten: Schnelle Ladezeiten bei hoher visueller Qualität (Desktop & Mobile)

 

Unsere Vorgehensweise

  • Sequenz-Extraktion: Aus dem LO-3D-Video wurden die aussagekräftigsten Abschnitte selektiert und in optimierte Sequenzen überführt
  • Scroll-Scrubbing: Exakte Frame-Zuordnung zum Scroll- bzw. Swipe-Fortschritt – so kann man «zeitlich» präzise vor- und zurückspulen.
  • Infopoints & Labels: An Keyframes erscheinen modulare Text-/Icon-Overlays (z. B. «Soft-Start», «Kabelmanagement», «Memory-Funktion»), die bei Bedarf weiterführende Details aufklappen.
  • Sales-fokussierte Implementierung: Klarer CTA mit Aktionspreis-Badge

Planen Sie ein ähnliche Landing Page? Wir finden gemeinsam die passende Lösung für Sie.

Jetzt Kontakt aufnehmen

Unsere Lösung

Wir setzen auf eine scrollbare Video-Sequenz, die Micro-Interactions nutzt und kontextbezogene Infopoints einblendet. Das ist:

  • intuitiv (keine Lernkurve)
  • performant (je nach Device wird automatisch das passende optimierte Format ausgewählt)
  • visuell präzise (Details sind im gewünschten Moment sichtbar)
  • kampagnentauglich (funktioniert hervorragend in Social-Teasern und Paid Ads als "Scroll-to-explore").

Um zu einer optimalen Lösung zu kommen waren viele Feineinstellungen und Tests erforderlich. Insgesamt war der technische Aufwand aber durchaus überschaubar.

 

Die Mehrwerte für unseren Auftraggeber

  • Höhere Involvierung: Interaktives Erkunden steigert Verweildauer und Feature-Verständnis.
  • Klarer Fokus: Features erscheinen im richtigen Kontext, ohne die Seite mit Textwänden zu überladen.
  • Kampagnenfit: Ideal für Promotionzeiträume – lässt sich schnell adaptieren und in Social-/Paid-Kanälen teasern.

Wir sind der Meinung, dass diese Technologie vor allem für Informationsanbieter, die bereits über aussagekräftiges Videomaterial verfügen, eine effektive und erlebnisorientierte Lösung für Produktpräsentationen ist.

Projektdetails

Unsere Leistungen
Eingesetzte Technologien
  • ScrollVideo.js