Gröna Bladet

En ny kryddwebbshop för Gröna Bladet, byggd i Webflow

Vi gjorde om och byggde upp Gröna Bladets webbplats som en komplett kryddwebbshop i Webflow – onlineförsäljningen växte från runt 10 i månaden till mer än 400 ordrar i månaden.

Kunden

En värld av kryddor

Gröna Bladet säljer kryddor, kryddblandningar och vegetariska mixer från hela världen – ”en värld av kryddor”. Vi kände redan varumärket väl: vi har formgett förpackningarna, burkarna med grönt lock och refillpåsarna som syns överallt på den nya webbplatsen.

Gröna Bladets produktsida och webbshop på två iPads bredvid kryddburkarna och refillpåsarna (mockup)
Produktsidan och webbshoppen, bredvid förpackningarna vi formgav (mockup).

Utmaningen

En gammal webbplats som inte kunde sälja

Gröna Bladet hade en webbplats, men den höll inte samma kvalitet som produkterna – och den var inte byggd för att sälja online. De behövde:

  • En riktig webbshop med ett stort sortiment, storlekar och priser
  • En webbplats som inspirerar till matlagning, inte bara en produktlista
  • Ett uttryck som matchar förpackningarna på hyllan
  • En plattform som teamet kan uppdatera själva

Vårt arbetssätt

Formgiven, byggd och fylld – allt på ett ställe

Vi tog hand om hela projektet:

  • UI/UX-design för varje sida
  • Utveckling i Webflow, så att teamet kan redigera produkter, recept och nyheter utan en utvecklare
  • Webbshoppen: produkter, kategorier, storlekar och priser, med Klarna- och kortbetalning och leverans med DHL
  • Innehåll och bilder: produktbilder, recept, texter och de handritade linjeillustrationerna

Uttrycket kommer direkt från förpackningarna: djup skogsgrön, en mjuk salviagrön bakgrund, en varm antikva och botaniska linjeteckningar av örter, vitlök och stjärnanis.

Fyra sidor från Gröna Bladets webbplats sida vid sida: startsida, shop, produkt och recept
Startsida, webbshop, produktsida och recept.

Startsidan

Inspiration först

Startsidan öppnar med en hand som plockar färsk grönpeppar och raden ”En värld av kryddor — alltid nya och goda smaker”. Sedan ställer den en enkel fråga – ”Vilken grön måltid är du sugen på?” – med en rullande rad av rätter, följd av varumärkets historia, receptidéer och de nya somaliska kryddblandningarna.

Hela startsidan för Gröna Bladet
Startsidan: hero, måltidsidéer, varumärkets historia, recept och nyheter.

Webbshoppen

Ett stort sortiment, lätt att bläddra i

Shoppen börjar med tre stora dörrar – Kryddor, Vegomixer och Övrigt – sedan ett sökfält och ett luftigt rutnät med varje storlek och pris. Längst ned hjälper tolv illustrerade kategorier – från afrikanska och asiatiska kryddor till bakning och ekologiskt – besökarna att hitta det de letar efter.

Hela webbshopsidan för Gröna Bladet med produktrutnät och kategoriikoner
Webbshoppen: tre huvudavdelningar, sök, produktrutnät och illustrerade kategorier.
Hela produktsidan för Allkrydda hos Gröna Bladet
Produktsida: storlek, pris, ingredienser och liknande produkter.
Hela receptsidan för Gröna Bladet
Recept: huvudrätter, vegetariskt, fika och tillbehör.

Produkter och recept

Produktsidor och recept

Varje produktsida har tydlig produktinformation och ingredienser, och föreslår liknande produkter. Receptdelen – huvudrätter, vegetariskt, fika och tillbehör – ger besökarna en anledning att komma tillbaka, och att prova en ny krydda.

Resultatet

Från 10 köp i månaden till mer än 400 ordrar

Före den nya webbplatsen sålde Gröna Bladet runt 10 produkter i månaden online. I dag hanterar webbshoppen mer än 400 ordrar i månaden – en butik som nu säljer, inspirerar och växer med varumärket.

Det här levererade vi

En komplett kryddwebbshop

  • UI/UX-design för alla sidor
  • Utveckling i Webflow
  • Webbshop med produkter, kategorier och betalningar
  • Recept, texter och produktbilder
  • Botaniska linjeillustrationer
  • Förpackningsdesign för produkterna på webbplatsen

Nästa projekt

Djur Företaget

Hundfoderförpackning i en enda brun färg

Djur Företaget

Låt oss prata

Boka ett möte

Har du ett projekt på gång? Boka ett möte på 30 minuter — berätta vad du vill bygga, så visar vi exakt hur vi kan hjälpa till.

Längd
Videosamtal, 30 minuter
Var
Google Meet eller telefon

 

svensk tid
Välj en dag
Välj en tid

Vi bekräftar tiden via e-post — oftast inom några timmar.