Frisch. Laut. Digital: Der UK-Launch von poppi.

poppi brauchte zum Eintritt in den britischen Markt eine Website für eine junge, designaffine Zielgruppe. Der Auftritt sollte die lebendige Markenwelt vermitteln und zugleich Orientierung im Sortiment bieten. Die Aufgabe begann deshalb bei einer gestalterischen Frage: Wie bekommt jede Geschmacksrichtung ihren eigenen Charakter, ohne dass die Website auseinanderfällt?

Unsere Antwort verbindet einen gemeinsamen Rahmen mit viel Raum für die Produkte. Farben, Dosen und Früchte prägen die Seiten. Wiederkehrende Strukturen helfen dabei, sich zwischen den einzelnen Geschmacksrichtungen zurechtzufinden.

Strawberry Lemon, Raspberry Rose, Orange, Lemon Lime und Wild Berry erhalten jeweils eine eigene visuelle Welt. Die Produktseiten greifen die Farben und Zutaten ihrer Sorte auf. So lässt sich die Vielfalt des Sortiments bereits im Design entdecken.

Hinter diesen unterschiedlichen Auftritten stehen flexible Templates und Module. Die Informationsarchitektur bleibt nachvollziehbar: Produktinszenierung, Zutaten und weitere Produktinformationen finden innerhalb eines gemeinsamen Systems ihren Platz. Gestaltung und Orientierung wurden zusammen entwickelt.

Wir setzten die Website auf Drupal um und legten ihre Struktur modular an. Inhalte und Produkte können innerhalb dieser Struktur gepflegt und erweitert werden. Für die Redaktion steht damit eine gemeinsame technische Grundlage hinter den individuellen Produktwelten.

Die Templates übersetzen die Gestaltung in wiederverwendbare Bausteine. Das ist der Creative-Engineering-Gedanke in diesem Projekt: Wir denken den visuellen Auftritt und seine technische Umsetzung gemeinsam. Der gestalterische Spielraum für eine Sorte wird Teil der Website-Struktur.

Die Gestaltung baut auf einer klaren Content-Struktur auf. Wireframes ordnen die Inhalte, bevor Farben, Bildwelten und Interaktionen ausgearbeitet werden. Die Projektansichten zeigen diesen Weg von der Seitenstruktur zum fertigen Design.

Responsive Webdesign überträgt den Auftritt auf Desktop und Smartphone. Nutzer:innen können das Sortiment erkunden, eine Geschmacksrichtung näher ansehen und die Geschichte der Marke kennenlernen. Interaktive Elemente greifen den spielerischen Ton von poppi auf; die Produktinformationen bleiben Teil der Nutzerführung.

Entstanden ist eine Drupal-basierte Markenwebsite mit einem eigenständigen Auftritt für jede Geschmacksrichtung. Sie verbindet die Produktwelt mit der Markenstory und schafft eine modulare Grundlage für die weitere Content-Pflege.

Unsere Leistungen reichten von Website-Konzeption und Content-Struktur über UX/UI, Interaction Design und Produktinszenierung bis zur Drupal-Entwicklung. Dazu gehörten responsive Gestaltung, modulare Templates und die Integration der Inhalte.

Die poppi UK Website ansehen (öffnet in neuem Tab)

Eine gemeinsame technische Struktur kann unterschiedliche Produktpersönlichkeiten tragen. Dafür muss schon in der Konzeption klar sein, was wiederkehrt und was sich verändern darf: Informationen, Module, Farben, Bilder und Interaktionen.

Bei poppi haben wir diese Entscheidungen über UX, Design und Entwicklung hinweg verbunden. So wird aus einer Reihe einzelner Produktseiten eine Markenwelt mit einer gemeinsamen redaktionellen Grundlage.