Sreehas Sreejith
← Alla projekt

Case 03 · Bygglovsportalen · Riktig kund

Bygglov som känns enkelt.

Med Bygglovsportalen tar svenska husägare fram sina egna bygglovshandlingar, utan att anlita ingenjörer eller arkitekter. På fyra veckor gav vårt team startupen ett varumärke och en webbplats som får en stressig process att kännas lätt, och grundaren lanserade vår logga och min layout för startsidan.

Kund
Bygglovsportalen AB
Min roll
Designer: UX och UI
Team
Sex personer, på Hyper Island
Tid
4 veckor
Metod
Double Diamond

ProblemBygglov är krångligt och tar tid. Varumärket behövde lova motsatsen, och den gamla webbplatsen gjorde inte det.

Vad vi gjordeEn designgenomgång, en workshop med kunden, intervjuer och enkäter med användare, och sedan ett nytt varumärke och en prototyp för webb och mobil.

ResultatGrundaren sa: ”I don’t like the new design, I LOVE IT!” Vår logga och min layout för startsidan finns nu på den riktiga webbplatsen.

Bygglovsportalens logga bredvid den nya webbplatsen på en dator och en mobil
01 · Utmaningen

En enklare process förtjänar ett varumärke som också känns enkelt.

Att få bygglov i Sverige innebär oftast att betala ingenjörer och arkitekter för ritningar och handlingar. Med Bygglovsportalen kan man ta fram dem själv, utan förkunskaper.

Men varumärket och webbplatsen bar inte det löftet. Om tjänsten kändes lika krånglig som själva bygglovsprocessen skulle den öka just den frustration den byggdes för att ta bort.

Vårt mål: ett varumärke som är okomplicerat, vänligt och lätt att minnas, och en webbplats som fungerar lika bra i mobilen som på datorn.

02 · Upptäcka

En genomgång av det som fanns, sedan en workshop med grundaren.

Diagram från designgenomgången som bedömer namn, logga, typografi, färger, mönster, bilder, animation, illustration och layout
Designgenomgång: varje del av det befintliga varumärket, storleksordnad efter hur mycket den kunde bli bättre.

Jag gjorde en designgenomgång av det befintliga varumärket och webbplatsen, från namn och logga till typografi, färg, bilder och layout, för att hitta de största möjligheterna.

Sedan höll vi en workshop med kunden för att kartlägga målgruppen, sortera varumärkets värderingar i ja, kanske och nej, placera kanaler efter effekt och insats och bestämma varumärkets tonläge.

Bilder från workshopen: karta över målgruppen, värderingar sorterade i ja, kanske och nej, kanaler och reglage för tonläge, samt teamets planeringstavla
Workshopen med kunden: målgrupp, värderingar, kanaler och tonläge, på väggen.
03 · Definiera

Vem den egentligen är till för.

Genom intervjuer och enkäter med Bygglovsportalens kunder lärde vi oss vad som frustrerade dem med tjänsten och processen. Vi gjorde om det till personas och tre olika stylescapes, så att kunden kunde reagera på riktiga riktningar i stället för abstrakta ord.

  1. Gör-det-självare, 30 till 55 årBor ofta i förorten eller på landet och vill göra det själva.
  2. Upptagna och stressadeHar inte tid att sätta sig in i processen efter jobbet.
  3. Oroliga för pengarna”Är det värt det?” och ”Gör jag rätt?”
  4. Mobilen först”Kan jag göra det i mobilen?” kom upp om och om igen.
04 · Utveckla & leverera

Från pappersskisser till ett varumärke och en fungerande prototyp.

Vi började på papper och skissade startsidan och de viktigaste sidorna tillsammans. Sedan gjorde jag om skisserna till digitala wireframes för webb och mobil.

Därefter designade jag den detaljerade prototypen, byggd på det nya varumärket: en resa steg för steg från idé till börja bygga, med Bygglovsportalen som steget i mitten som tar fram dina handlingar.

Vi testade den med en mindre grupp användare och förbättrade den utifrån deras feedback innan vi lämnade över.

Pappersskisser, grå digitala wireframes för dator och mobil, och de färdiga sidorna kopplade i en prototyp i Figma
Pappersskiss → wireframe → prototyp, sammankopplade i Figma.
05 · Varumärket

En byggingenjör som förklarar saker vänligt.

Vi gav varumärket en persona: en erfaren ingenjör som älskar att hjälpa människor utan förkunskaper. Tonen är varm, trygg och uppmuntrande. Färgerna är lånade från byggarbetsplatsen, med namn som Tegel, Gräsmatta, Cement och Asfalt.

Bygglovsportalens ordmärke med ett hus i stället för A:et, i färg, på mörk och vit bakgrund och på t-shirts
Loggan: ett hus gömt i ”portalen”.
Varumärkets färger Tegel, Mjuk tegel, Cement, Gräsmatta, Mjuk gräsmatta och Asfalt, typsnittet Barlow, ikoner och bilder
Färger, typsnittet Barlow, ikoner och bilder.
Varumärkets persona och tonläge: lätt och positiv, varm och optimistisk, trygg och trovärdig, uppmuntrande och informativ
Persona och tonläge.
Bygglovsportalens nya startsida på en dator och en mobil
Prototypen på dator och mobil. Platshållartexter lämnades åt kundens eget innehållsteam.
06 · Resultat

Från en rörig, rosa sida till en lugn start med tydlig vägledning.

Före: Bygglovsportalens gamla rosa webbplats med en nedräkning. Efter: den nya designen med en tydlig toppsektion och en resa i fem steg
Före och efter, på dator och mobil.
Vad kunden sa
“You have exceeded my expectations! The inputs you have shared after your findings are valuable! I don’t like the new design, I LOVE IT!”
Ertan DazdarevicErtan DazdarevicVD & grundare, Bygglovsportalen

Sedan lanserade Bygglovsportalen arbetet: vår logga och startsidans struktur och layout som jag designade är nu en del av den riktiga webbplatsen. Se bygglovsportalen.se ↗

07 · Vad jag lärde mig

Min smak är inte varumärkets smak.

Eftersom jag kommer från Indien var min första instinkt starka, livfulla färger. Projektet lärde mig att låta varumärkets värderingar och tonläge göra det valet, inte mina egna preferenser.

Att jobba med en varumärkesstrateg, en innehållsstrateg och två affärsstrateger visade mig hur mycket starkare design blir när den börjar med en gemensam förståelse av verksamheten och slutar hos de människor som ska använda den.

Team: Janika Schweizer (teamledare), Ebba Fälth (varumärke), Michelle Job (innehåll), Trishita Saha och Yuuka Furuya (affär), och jag (design). Kurs: Designing for Brand and Business Value, Hyper Island, med Lindsay Tingstrom, Design Manager på Volvo Cars, som branschansvarig.

Vårt team med Bygglovsportalens grundare framför en skärm som visar den nya loggan
Presentationsdagen, tillsammans med kunden.