Science Fiction Bokhandeln

E-handel, UX/UI-design, Visuell riktning
Om

Science Fiction Bokhandeln är Sveriges butik för fantastik: science fiction, fantasy, skräck, manga, spel och prylar, med butiker i Stockholm, Göteborg, Malmö och Linköping. Den gamla e-handeln hade gjort sitt och skulle ersättas av en ny plattform.

Jag är själv stamkund i Malmöbutiken, så jag kände redan varumärket när de hörde av sig.

Utmaningen

Jag hade 50 timmar på mig att ta fram en ny visuell riktning, bygga ett UI-kit och designa så många sidor som möjligt. Byrån Trebits skulle sedan bygga sajten och använda kitet på resten av sidorna själva.

Grunden måste alltså vara tydlig nog att stå på egna ben, och samtidigt kännas som SF-bokhandeln och inte som vilken bokhandel som helst.

Min roll
  • Visuell riktning och UI-kit: header, meny, produktkort, knappar, filter, modaler, brickor och färgpalett.
  • Kärnflöden: startsida, kategorisida, produktsida, kassa, artikel- och eventsidor.
  • På produktsidan delade jag upp Handla online och Boka och hämta i butik i två tydliga val, med lagersaldo per butik.
  • Mailmallar för orderbekräftelse och konto, som Trebits sedan använde för hela utskicksserien.
  • UX-audit av den byggda sajten före lansering: avvikelser från designen, tillgänglighet och fokus samt en bugg i varukorgen.
  • Nu är sajten live, och i samma veva flyttade Malmöbutiken till en större lokal.
Kund
Science Fiction Bokhandeln
Period
2026
Roll
Lead designer
Tjänster
UX/UI-design, UI-kit, UX-audit
Startsidan på sfbok.se på desktop i mörkt läge med svart sidhuvud, gul topprad, sökfält och en stor puff för The Wandering Inn.
Kampanjsidan för Tolkien på desktop med gul rubrikbild, kort introtext, filter och produktkort med rabattbrickor.
Produktsidan för Hobbiten på desktop med två tydliga val: Handla online och Boka och hämta i butik i Malmö.