Lillhagens Mikrobageri

(Web redesign, 2025)

Redesigning my own bakery’s website with a more user-centric approach.

(duration)
2 weeks
(my role)
UX Designer
(focus)
Web redesign, online shopping experience
A laptop on a wooden desk showing the new Lillhagens Mikrobageri start page: logo, menu and “Välkomna till Lillhagens Mikrobageri!” over a photo of fresh bread.

(project context)

A home bakery, online

In 2024 I founded Lillhagens Mikrobageri, a boutique home bakery in Lillhagen, with a simple Canva website as a digital catalogue.

It showcased my products and met Livsmedelsverket transparency rules, but offered no direct communication or e-commerce.

(the pivot)

A fragmented journey

After moving into UX, I revisited my business’s touchpoints. Customers had to leave the site to order via Instagram or email, then pay via Swish, creating friction and drop-offs.

This proactive redesign turns a static information hub into an end-to-end shopping experience.

(audit)

Pain points

Fragmented conversion

No direct order or contact button; users jumped to social media.

Visual hierarchy

Cluttered info hid storage instructions and allergens.

Manual effort

Orders relied on back-and-forth messaging.

The old Canva website: logo, menu buttons and a Surdegsbröd section with photos, names and prices of the sourdough breads.
The old Canva website’s order page: dense blocks of text with order terms, pickup and business customers, plus contact details.

(the new version)

From cart to confirmed

A checkout flow from cart to payment, including Swish, Sweden’s most trusted mobile payment method, plus card options. A familiar mental model reduces checkout anxiety.

Cleaner product cards, a filterable Sortiment and a “Special request” field to message the baker. Product info follows Livsmedelsverket standards in a calmer layout.

The new Sortiment page: filter pills (Alla produkter, Surdegsbröd, Mjukbröd, Fikabröd, Julbröd) above a grid of six bread cards, each with a photo, price, “Se detaljer” link and “Lägg till” button.
The product detail modal for Rustikt surdegsbröd: photo, description, ingredients, weight, a “Specialönskemål” text field, the price 59 kr and a “Lägg till i varukorg” button.
The new website’s basket, “Din brödkorg”: two breads with quantity controls and prices, a total of 160 kr, and the buttons “Fortsätt handla” and “Gå till kassan”.

(visual identity)

A UI refresh

  • Logo redesign: simplified for scalability and recognition.
  • Intuitive navigation: familiar icons for basket, search and arrows.
  • Clear hierarchy & CTAs: distinct primary and secondary buttons.
  • Typography: EB Garamond for headings, Inter for UI and body.
  • Crust#545454
  • Rye#80685C
  • Flour#FFFFFF
  • Oat#99867D

(reflection)

Conclusion

Key achievement

A static digital menu became a fully functional e-commerce concept.

The power of UX

A beautiful website is useless if users don’t know how to buy.

What I’d do differently

A/B test whether the special-request field affects conversion.

Final thought

The bakery has closed, but this redesign keeps its spirit alive.

Curious about how I owned a bakery business? I can tell you everything!

say hej →