Neuer Look für mehr Erfrischung

Zum 75. Jubiläum hat Libella nicht nur ein neues Flaschendesign präsentiert, sondern auch seinen Auftritt überarbeitet. Passend zum neuen Claim haben wir eine neue Website entwickelt, die Libella als fruchtige Erfrischung inszeniert. 

Unser Ziel war es, die Erfrischungsmomente mit Libella erlebbar zu machen. Passend zur Zielgruppe haben wir Szenarien entwickelt, die solche Libella-Momente auf eine vertraute und emotionale Weise vermitteln und Libella als erfrischenden Begleiter präsentieren. 

Die neue Ausrichtung machte auch eine ganz neue Ansprache erforderlich. Gemeinsam mit dem Kunden entwickelten wir die Tonalität und überarbeiteten auf dieser Basis alle bestehenden Texte.

Um das Gefühl von Erfrischung direkt auf den Screen zu bringen und spürbar zu machen, wurde die gesamte Seite vor einer „Eiswürfel-Wand“ aufgebaut. Ein trendiger Glass-Effekt für die Textkästen sorgt zusammen mit dem abstrakten Hintergrund für räumliche Tiefe. Gleichzeitig bietet er trotz des sommerlichen, bunten Designs eine gute Lesbarkeit und vermittelt sofort ein frisches Gefühl – fast so, als würde man durch ein Glas mit seinem Lieblingsgetränk in die Sommerhitze schauen.

Die neue Produktdarstellung ist dynamisch und fruchtig-frisch. Aus den Flaschen und unterschiedlichen Elementen der Etiketten entstanden neue Frucht-Vignetten für jedes Produkt. Sie unterstreichen die frischen, natürlichen Inhalte der Libella-Getränke und heben die Produkte gestalterisch hervor.

Die Visualisierungen für die unterschiedlichen Erfrischungsmomente darstellen entstanden durch Composings mit dem Produkt.

Die Seite wurde in WordPress realisiert. Mit Elementor und ausgewählten Plugins entstand ein zeitgemäßes Weberlebnis, das nicht nur visuell überzeugt, sondern auch smart funktioniert. Das System wurde individuell auf das Projekt zugeschnitten – für eine bequeme Content-Pflege und flexible Inhaltsgestaltung.

Eine Besonderheit des Projekts sind die Sticky-Elemente. Fast alle Texte werden in Boxen platziert, während durch die Sticky-Funktion ein Parallax-Effekt mit den Bildern entsteht. Diese Technik bringt nicht nur mehr Bewegung auf die Seite, sondern schafft auch eine besondere Verbindung zwischen mehreren Content-Elementen innerhalb der Spaltenpaare.