Onlineshop und Website für Little Lunch

Little Lunch: Vom Onlineshop zur Markenbühne

Wir haben Onlineshop und Website von Little Lunch entwickelt. Heute zeigt der Auftritt das ganze Sortiment der Bio-Marke und führt mit einem Klick dorthin, wo es die Produkte zu kaufen gibt.

Sowas will ich auchlittlelunch.com ansehen
Startseite von littlelunch.com mit Tomatensuppe und dem Claim Die Revolution der Mittagspause

Die Startseite

300.000+

zufriedene Kund:innen laut Little Lunch

4

Kategorien für das ganze Sortiment

6

Filter für jede Ernährungsweise

5

Händler hinter einem einzigen Button

Ausgangslage

Ein Auftritt ohne eigenen Warenkorb

Little Lunch ist als Start-up mit eigenem Onlineshop groß geworden. Inzwischen gibt es die Bio-Suppen, Eintöpfe und Saucen bei vielen Händlern, und der Auftritt kommt ohne eigenen Warenkorb aus.

Die Frage war: Was bleibt übrig, wenn man einem Shop den Warenkorb nimmt? Unsere Antwort: alles, was Lust auf das Produkt macht. Sortiment, Produktseiten und Filter bleiben. Nur der letzte Schritt führt jetzt zum Händler.

Topseller-Bereich auf littlelunch.com mit drei Produkten und den Buttons Online kaufen und Details

Topseller auf der Startseite: „Online kaufen“ statt Warenkorb

Lösung

Der Shop bleibt. Nur die Kasse geht.

01

Produktwelt wie im Shop

High Protein, Suppen und Eintöpfe, Saucen, Brühe: Vier Kategorien und sechs Filter sortieren das Sortiment so, wie man es aus einem guten Shop kennt.

02

Ein Button ersetzt den Warenkorb

„Online kaufen“ steht an jedem Produkt. Ein Klick zeigt, wo es die Sorte gibt, und führt direkt dorthin.

03

Die Marke rückt nach vorn

Große Bühnen auf der Startseite und ein Magazin mit Rezepten geben der Marke den Platz, den vorher Preise und Versandinfos gebraucht haben.

Produktwelt

Jedes Glas bekommt seine Bühne

Jede Sorte steht vor ihrer eigenen Farbe. Das macht die Übersicht bunt, klar und sofort wiedererkennbar. Darüber sitzen Kategorien und Filter.

  • Alle anzeigen
  • Vegetarisch
  • Vegan
  • Proteinreich
  • Mit Fleisch
  • Laktosefrei
  • Glutenfrei
Produktübersicht auf littlelunch.com mit Kategorien, Filter und farbigen Produktkacheln

Die Produktübersicht

Produktseite der Tomatensuppe auf littlelunch.com mit Beschreibung, Button Online kaufen und Bio-Siegeln

Produktseite der Tomatensuppe

Produktseite

Alles, was man vor dem ersten Löffel wissen will

Die Produktseite beantwortet die Fragen in der Reihenfolge, in der sie kommen.

Auf einen Blick

Name, kurze Beschreibung und drei Vorteile stehen ganz oben, direkt neben dem Glas.

Online kaufen

Der Button sitzt dort, wo im Shop „In den Warenkorb“ stand.

Zutaten und Nährwerte

Vollständige Zutatenliste und Nährwerttabelle, ohne dass man danach suchen muss.

Zubereitung

Eine kurze Anleitung zeigt, wie schnell das Essen fertig ist.

Siegel

Die Bio-Siegel sitzen sichtbar am Produkt und schaffen Vertrauen.

Der Weg zum Kauf

Wo gibt es das? Hier.

Die häufigste Frage einer Marke aus dem Regal beantwortet die Website mit einem Klick. Ein Fenster zeigt alle Händler, die das Produkt führen, und verlinkt direkt dorthin.

Händlerauswahl auf littlelunch.com: Amazon, Flink, Picnic, Rewe und Rossmann

Die Händlerauswahl an jedem Produkt

Details

Gründlich bis zur Nährwerttabelle

Zutaten und Nährwerte auf der Produktseite von littlelunch.com

Zutaten und Nährwerte auf der Produktseite

Magazin von littlelunch.com mit Rezepten

Das Magazin mit Rezepten und Food Hacks

Mobil

Gebaut für die Mittagspause am Handy

Wer mittags Hunger hat, schaut aufs Smartphone. Deshalb stehen die Produkte mobil zu zweit nebeneinander, die Buttons sind groß genug für den Daumen und die Produktseite kommt ohne Umwege zum Punkt.

Mehr dazu, wie wir das angehen: Responsive Webdesign.

Mobile Produktübersicht von littlelunch.com

Produktübersicht

Mobile Produktseite von littlelunch.com

Produktseite

Leistungen

Das haben wir für Little Lunch gemacht

  • Onlineshop Konzept, Design und Entwicklung des Shops für die Bio-Marke.
  • Umbau zur Marken-Website Aus dem Shop wird ein Auftritt, der ohne eigene Kasse verkauft.
  • Produktwelt Kategorien, Filter und Produktseiten für das ganze Sortiment.
  • Händler-Verlinkung Ein Button pro Produkt, der zu allen Verkaufsstellen führt.
  • Webdesign Ein Auftritt, der die Farben der Gläser zum Gestaltungsprinzip macht.
  • Entwicklung Technische Umsetzung in WordPress, inklusive Magazin.

Designsystem

Schwarz als Rahmen, Farbe im Glas

Das schwarze Logo und die schwarzen Kästchen der Überschriften halten alles zusammen. Die Farben kommen von den Produkten selbst und von wenigen warmen Tönen für Buttons und Flächen.

  • Schwarz #202020
  • Terrakotta #C3522C
  • Weinrot #9C2238
  • Creme #F8F2EE
  • Gelb #FCE591
  • Limette #C6D85E

Dein Shop soll mehr können?

Ob neuer Onlineshop oder Umbau eines bestehenden: Wir entwickeln Auftritte, die verkaufen. Erzähl uns von deinem Produkt.

Projekt anfragen