EINE TOLLE BÄCKEREI
25 August, 2026LIEVIE hat bereits vieles, was eine starke Marke ausmacht. Die Marke hat einen unverwechselbaren Charakter, sorgfältig ausgewählten Kaffee, handgefertigte Keramik, Kaffeealternativen, Matcha und, vielleicht am wichtigsten, eine Geschichte, die von Neugier, Handwerk und Menschen geprägt ist. Die Produkte selbst haben Persönlichkeit und auch das Erlebnis vor Ort bei LIEVIE fühlt sich wie etwas an, das man entdecken möchte.
Die Chance bestand darin, genau dieses Gefühl auch in die digitale Erfahrung zu übertragen. Der bestehende Shop hatte bereits alle wichtigen Zutaten, aber sie haben nicht immer als eine klare Customer Journey zusammgespielt. Produkte, Markengeschichte, Cafés und die Menschen hinter LIEVIE könnten jeweils eine stärkere Rolle dabei spielen, Besuchern zu vermitteln, was die Marke besonders macht und was sie als Nächstes tun können.
Mein Ansatz war daher nicht, der Website einfach nur einen neuen Look zu geben. Ich wollte neu darüber nachdenken, wie der Shop kommuniziert, wie Besucher herausfinden, was zu ihrem Geschmack passt oder was ihnen einfach gefallen könnte und wie die verschiedenen Teile der LIEVIE-Geschichte miteinander verbunden sind. Schließlich ist nicht jeder ein Kaffeeexperte und nicht jeder weiß genau, wonach er sucht, wenn er einen Specialty-Coffee-Shop oder dessen Online-Shop besucht. Die Website sollte Besucher an die Hand nehmen, ihnen Orientierung geben und ihnen einen Grund geben, sich für die Marke zu interessieren.
Ohne diese Geschichte kann Kaffee schnell einfach zu einem weiteren Specialty Coffee werden. Das Ziel war es, eine digitale Erfahrung zu schaffen, die Besuchern hilft, den Unterschied zu verstehen, herauszufinden, was zu ihnen passt und den Weg vom konkreten Bedarf bis zum Kauf intuitiv zu gestalten – ohne dabei den Charakter und die Wärme zu verlieren, die LIEVIE ausmachen.
→ Was bisher da ist:
Die aktuelle Website nutzt ein Bilderkarussell, das hauptsächlich Informationen über die verschiedenen verfügbaren Kaffeesorten vermittelt. Die CTAs sind jedoch sehr klein und können leicht mit dem normalen Text im Banner verwechselt werden. Dadurch ist nicht auf Anhieb erkennbar, dass es sich um interaktive Elemente handelt.
Außerdem wird der erste Bereich der Homepage, über die ersten 6–8 Scrolls hinweg, von sich wiederholenden visuellen Inhalten dominiert. Dadurch wird die Nutzererfahrung schwerer zu überblicken und zu scannen. Statt Schritt für Schritt ein Bild von der Marke zu vermitteln und Besucher zum nächsten Schritt zu führen, wiederholt die Homepage im Wesentlichen dieselbe Botschaft.
Auf den ersten Blick vermittelt die Website eher die Botschaft: „Du willst guten Kaffee? Wir haben guten Kaffee.“
★ Was ich gemacht habe:
- ✓Logo und Navigation von LIEVIE stärker hervorgehoben, damit sie klar sichtbar bleiben und nicht im Hintergrund des Hero-Bereichs untergehen;
- ✓Die Botschaft im Hero-Bereich vereinfacht, um zu vermitteln, dass LIEVIE für mehr als nur Kaffee steht. Gleichzeitig habe ich einen klaren und gut sichtbaren CTA eingesetzt, der Besucher dazu einlädt, die Cafés, die Community und die Geschichte hinter LIEVIE zu entdecken;
- ✓Die Produktauswahl bewusst reduziert, mit einer kuratierten Auswahl an Kaffeebeuteln und einer kleinen Auswahl an handgefertigter Keramik. Statt Besucher mit zu vielen Optionen zu überfordern, wollte ich genug Abwechslung schaffen, um Interesse zu wecken und gleichzeitig die Entscheidungsfindung einfach zu halten;
- ✓Kaffee und Keramik als Teil derselben Erfahrung präsentiert, anstatt sie als voneinander getrennte Produktkategorien zu behandeln;
- ✓Eine klare visuelle und inhaltliche Hierarchie geschaffen, die Besucher auf natürliche Weise vom LIEVIE-Erlebnis über den Kaffee bis hin zur handgefertigten Keramik führt.
→ Was bisher da ist:
Die aktuelle Website setzt die Homepage mit zwei Bannern für Khoi Coffee und Drip Coffee fort, die Besucher jeweils zu weiteren, auf Kaffee fokussierten Bereichen führen. Darauf folgt eine Auswahl an Khoi-Coffee-Produkten und weiter unten ein „Beyond the Bean“-Banner. Die CTAs in diesen Bannern sind sehr dezent und können leicht übersehen werden.
Nach „Beyond the Bean“ folgen zwei weitere CTAs. Einer führt zum selben Ziel wie das „Beyond the Bean“-Banner, während der andere in eine sehr ähnliche Richtung führt und Besucher schließlich zu den Bereichen für Accessories und Matcha weiterleitet.
Dadurch wird die Erfahrung zunehmend repetitiv und die verschiedenen Wege überschneiden sich. Gleichzeitig wird weniger klar, was LIEVIE noch zu bieten hat und wohin die einzelnen CTAs tatsächlich führen. Noch wichtiger ist, dass die Website Besucher nicht wirklich danach führt, wo sie sich gerade in ihrem Entscheidungsprozess befinden. Stattdessen werden hauptsächlich Links präsentiert und die Nutzer sollen selbst entscheiden, worauf sie klicken. Die Website hilft ihnen dabei kaum zu verstehen, was für sie als Nächstes relevant sein könnte.
Wenn ein Besucher bereits sechs oder acht Mal nach unten gescrollt hat, befindet er sich bereits in einer anderen Phase des Entscheidungsprozesses. Wenn ihm bereits kaffeebezogene Banner und Produkte gezeigt wurden und er darauf nicht reagiert hat, wird es die Customer Journey wahrscheinlich nicht weiterbringen, ihm einfach noch mehr Links zu anderen kaffeebezogenen Bereichen zu zeigen. An diesem Punkt braucht er möglicherweise mehr Kontext, Orientierung oder eine andere Möglichkeit, das Angebot von LIEVIE zu entdecken.
Die Chance bestand daher nicht einfach darin, mehr Produkte oder mehr Links hinzuzufügen, sondern die Website stärker auf die Bedürfnisse der Besucher auszurichten – ihnen dabei zu helfen, ihre Möglichkeiten zu verstehen, herauszufinden, was zu ihnen passt und eine Alternative zu entdecken, wenn Kaffee nicht das Richtige für sie ist.
★ Was ich gemacht habe:
- ✓ Die sich wiederholenden kaffeefokussierten Banner durch einen Bereich „Not sure which one to pick?“ ersetzt, der Besuchern, die keine Kaffeeexperten sind, einen einfachen Weg bietet, herauszufinden, welcher Kaffee zu ihrem Geschmack passen könnte, anstatt sie einfach aus einer Liste von Produkten wählen zu lassen.
- ✓ Die Produktentdeckung zu einem geführten Erlebnis gemacht, bei dem Merkmale wie Röstgrad, Säure, Körper und Geschmacksnoten genutzt werden, um die Unterschiede zwischen den Kaffees verständlicher zu machen und eine fundiertere Entscheidung zu ermöglichen.
- ✓ Or, are you not a coffee person?“ als zweiten Weg eingeführt, da Besucher, die bereits mehrere kaffeefokussierte Bereiche gesehen haben, möglicherweise nach etwas ganz anderem suchen.
- ✓ Kaffeealternativen, Matcha und Accessories ergänzt, um diesen Besuchern einen klaren nächsten Schritt zu bieten, anstatt sie erneut zu einem kaffeebezogenen Bereich zu schicken. Gleichzeitig wird so deutlich, dass LIEVIE für mehr als nur Kaffee steht.
- ✓ Die Auswahl bewusst fokussiert und übersichtlich gehalten, anstatt alle verfügbaren Produkte zu präsentieren. Das Ziel war, genügend Auswahl für weitere Entdeckungen zu bieten, ohne erneut die Entscheidungsüberforderung zu erzeugen, die an anderen Stellen der Homepage entsteht.
- ✓ Klare Wege auf Basis der unterschiedlichen Bedürfnisse der Besucher geschaffen, indem die bisherigen, sich überschneidenden CTAs durch eine Customer Journey ersetzt wurden, die Besuchern entweder dabei hilft, den passenden Kaffee zu finden oder etwas anderes zu entdecken, das ihnen gefallen könnte.
→ Was bisher da ist:
Die aktuelle Website setzt die Homepage mit einem weiteren Banner zu Kaffeealternativen fort, wobei wieder dieselbe dezente CTA-Gestaltung wie in den vorherigen Bereichen verwendet wird. Darauf folgt eine Auswahl an Produkten aus dem Bereich Kaffeealternativen. Anschließend folgen zwei weitere Banner, diesmal für Ceremonial Matcha und Matcha Accessories, gefolgt von Produkten aus beiden Kategorien.
Weiter unten führt ein weiteres Banner zur Keramik-Kollektion, bevor die Homepage schließlich zu einem Bereich über die LIEVIE Cafés mit Standorten und Adressen übergeht. Danach endet die Seite mit dem Footer.
Dadurch entwickelt sich die Homepage nach und nach zu einer langen Abfolge von Bannern und Produktkollektionen, wobei jede neue Kategorie auf nahezu dieselbe Weise eingeführt wird. Kaffeealternativen, Matcha, Accessories und Keramik bekommen jeweils eigene Banner und Produktbereiche, wobei ihre jeweilige Rolle innerhalb der gesamten Customer Journey kaum voneinander unterschieden wird. Statt wie eine bewusst aufgebaute Journey zu wirken, beginnt die Seite eher wie ein Katalog zu wirken, in dem eine Kategorie einfach auf die nächste folgt.
Außerdem wird die Möglichkeit verpasst, die späteren Bereiche der Homepage dafür zu nutzen, stärker zu vermitteln, was LIEVIE besonders macht. Zu diesem Zeitpunkt hat ein Besucher bereits Kaffee, Kaffeealternativen, Matcha, Accessories und Keramik gesehen. Anstatt weiterhin Produkte im gleichen Format vorzustellen, könnte dieser Teil der Seite die verschiedenen Elemente zusammenführen und eine wichtigere Frage beantworten: Warum LIEVIE?
★ Was ich gemacht habe:
- ✓ Die Homepage deutlich verkürzt, indem ich die wiederholenden Banner und Produktbereiche entfernt habe, die bereits früher in der Customer Journey behandelt wurden. Statt Besucher immer wieder durch dieselben Arten von Inhalten scrollen zu lassen, wollte ich die Homepage fokussierter und bewusster strukturieren.
- ✓ Einen „So, get to know us“-Bereich eingeführt als letzten Inhaltsbereich vor dem Footer, um mit der Geschichte von LIEVIE ein besseres Verständnis für die Marke hinter den Produkten zu schaffen.
- ✓ Die Geschichte von LIEVIE als letzte Möglichkeit genutzt, eine Verbindung zur Marke aufzubauen und die Conversion zu unterstützen, insbesondere bei Besuchern, die bereits durch die Bereiche für Kaffee, Kaffeealternativen, Matcha und Accessories gescrollt haben, ohne ein Produkt gefunden zu haben, das sie zum Kauf überzeugt. An diesem Punkt geht es möglicherweise nicht mehr darum, das richtige Produkt zu finden. Zu verstehen, wofür LIEVIE steht, woher die Marke kommt und was sie besonders macht, könnte der entscheidende Faktor sein, der die Marke selbst zur richtigen Wahl macht.
- ✓ Die visuelle und inhaltliche Überlastung reduziert, indem ich eine Homepage mit zu vielen Bannern, Produktgrids und sich wiederholenden Bereichen vermieden habe. Das Ziel war, die Navigation einfacher und weniger ermüdend zu gestalten und gleichzeitig unnötige Inhalte zu reduzieren, die zu längeren Ladezeiten und einer insgesamt weniger effizienten Website beitragen könnten.
- ✓ Einen klareren Überblick darüber geschaffen, wofür LIEVIE stehtindem ich die verschiedenen Elemente der Marke zusammengeführt habe, ohne Besucher dazu zu zwingen, weiterhin durch jede einzelne Kategorie zu scrollen.
Das große Ganze
Das Ziel dieses Redesigns war nicht, mehr Inhalte, mehr Produkte oder mehr Möglichkeiten zum Klicken hinzuzufügen. Es ging darum, die bestehende Geschichte von LIEVIE verständlicher zu machen und die Navigation intuitiver zu gestalten.
Mir war von Anfang an bewusst, dass diese Website in erster Linie ein Shop ist, und genau das habe ich bei der Neugestaltung berücksichtigt. Aber ein Shop sollte nicht einfach nur als Produktkatalog funktionieren. Er sollte auch Gründe für eine Conversion schaffen – Vertrauen aufbauen, den Wert der Produkte vermitteln und Besuchern einen Grund geben, sich für die Marke hinter den Produkten zu entscheiden.
Für LIEVIE bedeutete das, sich von einer langen Abfolge aus Werbebannern und Produktkategorien zu lösen und stattdessen einen bewussteren Ablauf zu schaffen: die Marke vorstellen, Besuchern dabei helfen, den richtigen Kaffee zu finden, Alternativen anbieten, wenn sie nicht nach Kaffee suchen und ihnen schließlich einen Grund geben, sich mit LIEVIE selbst zu verbinden.
Das Ergebnis ist eine kürzere und fokussiertere Homepage, auf der jedes Element eine klarere Funktion hat und die Produkte durch die Geschichte dahinter ergänzt werden. Letztendlich geht es nicht nur darum, Besuchern dabei zu helfen, ein Produkt zu finden. Es geht darum, ihnen genügend Gründe zu geben, sich für den Kauf bei LIEVIE zu entscheiden.