Lillhagens Mikrobageri

(Omdesign av webbplats, 2025)

Omdesign av mitt eget bageris webbplats med ett mer användarcentrerat angreppssätt.

(tidsåtgång)
2 veckor
(min roll)
UX-designer
(fokus)
Omdesign av webbplats, köpupplevelse online
En laptop på ett träskrivbord som visar Lillhagens Mikrobageris nya startsida: logotyp, meny och ”Välkomna till Lillhagens Mikrobageri!” över en bild på nybakat bröd.

(projektets bakgrund)

Ett hembageri på nätet

År 2024 startade jag Lillhagens Mikrobageri, ett litet hembageri i Lillhagen, med en enkel Canva-webbplats som digital katalog.

Den visade upp mina produkter och uppfyllde Livsmedelsverkets krav på märkning och information, men erbjöd varken direktkontakt eller e-handel.

(vändpunkten)

En splittrad kundresa

När jag gått över till UX gick jag tillbaka till mitt företags kontaktytor. Kunderna fick lämna webbplatsen för att beställa via Instagram eller mejl och sedan betala med Swish, vilket skapade friktion och avhopp.

Den här proaktiva omdesignen förvandlar en statisk informationssida till en sammanhängande köpupplevelse från början till slut.

(granskning)

Problemområden

Splittrad konvertering

Ingen knapp för att beställa eller kontakta direkt; användarna fick hoppa över till sociala medier.

Visuell hierarki

Rörig information gömde förvaringsanvisningar och allergener.

Manuellt arbete

Beställningar krävde meddelanden fram och tillbaka.

Den gamla Canva-webbplatsen: logotyp, menyknappar och en sektion med Surdegsbröd med bilder, namn och priser på bröden.
Den gamla Canva-webbplatsens beställningssida: täta textblock med beställningsvillkor, upphämtning och företagskunder samt kontaktuppgifter.

(den nya versionen)

Från varukorg till bekräftad

Ett kassaflöde från varukorg till betalning, med Swish, Sveriges mest betrodda mobila betalmetod, samt kortbetalning. En välbekant mental modell minskar oron i kassan.

Renare produktkort, ett filtrerbart Sortiment och ett fält för ”Särskilda önskemål” där man kan skriva till bagaren. Produktinformationen följer Livsmedelsverkets riktlinjer i en lugnare layout.

Den nya Sortiment-sidan: filterknappar (Alla produkter, Surdegsbröd, Mjukbröd, Fikabröd, Julbröd) ovanför ett rutnät med sex brödkort, vart och ett med bild, pris, länken ”Se detaljer” och knappen ”Lägg till”.
Produktmodalen för Rustikt surdegsbröd: bild, beskrivning, ingredienser, vikt, ett textfält för ”Specialönskemål”, priset 59 kr och knappen ”Lägg till i varukorg”.
Den nya webbplatsens varukorg, ”Din brödkorg”: två bröd med antalsväljare och priser, totalt 160 kr, och knapparna ”Fortsätt handla” och ”Gå till kassan”.

(visuell identitet)

Ett uppfräschat UI

  • Ny logotyp: förenklad för skalbarhet och igenkänning.
  • Intuitiv navigering: välbekanta ikoner för varukorg, sök och pilar.
  • Tydlig hierarki & CTA:er: tydligt åtskilda primära och sekundära knappar.
  • Typografi: EB Garamond för rubriker, Inter för UI och brödtext.
  • Skorpa#545454
  • Råg#80685C
  • Mjöl#FFFFFF
  • Havre#99867D

(reflektion)

Slutsats

Största framgången

En statisk digital meny blev ett fullt fungerande e-handelskoncept.

Kraften i UX

En vacker webbplats är värdelös om användarna inte vet hur de ska handla.

Vad jag skulle göra annorlunda

A/B-testa om fältet för särskilda önskemål påverkar konverteringen.

Avslutande tanke

Bageriet har stängt, men den här omdesignen håller dess anda vid liv.

Nyfiken på hur det var att driva ett eget bageri? Jag berättar gärna allt!

säg hej →