Bannerbild för Wåhlin Arkitekter med orange bakgrund och vit logotyp.

Wåhlin Arkitekter

62.1%
Besökarökning
20.4%
Ökning i SEO-poäng
12%
Tillgänglighetsökning

Zero Folks hade nöjet att skapa en ny, iögonfallande webbplats för Wåhlin Arkitekter – en Stockholmsbaserad arkitektbyrå som sedan 1994 har specialiserat sig på samtida och innovativ design. Byrån är känd för sitt minimalistiska och funktionella uttryck och har ett brett utbud av projekt inom bostäder, kommersiella byggnader och offentliga miljöer. Bland deras mest uppmärksammade verk finns Torekov House och äldreboendet Slipstenen. OBS: Detta är ett portfolio-projekt från en av våra teammedlemmar som föregår Zero Folks.

Länk till kunden
Visual sample from projectVisual sample from project

Projektmål

  • En ljus och uttrycksfull webbplats som tydligt sticker ut bland arkitektbyråers sajter
  • Implementera befintliga varumärkesfärger och designfilosofi
  • Lyfta fram både tidigare och nuvarande kunder för att visa byråns bredd och mångsidighet
En tonad bild av slutprodukten som skapades för kunden, en uttrycksfull och modern webbplats.

Utmaningar

Webbplatser har mycket gemensamt med arkitektur. De måste kombinera struktur och hållbarhet med form och funktion. De har dessutom en adress, vilket gör dem tillgängliga för allmänheten att både beundra och granska.

Att skapa en webbplats som lyfter fram en omfattande portfölj utan att ta över uppmärksamheten kan vara en utmaning, särskilt när målgruppen består av olika typer av beställare med skilda behov. Större aktörer, som regioner och koncerner, söker arkitektbyråer som balanserar budget och funktionalitet, medan privatpersoner ofta söker en partner som delar deras estetiska värderingar.

Eftersom portföljer förändras över tid behövde vi också ta fram en flexibel design som fungerade med varierande bildkvalitet. Projekt för större uppdragsgivare hade ofta professionellt fotograferat material, medan mindre bostadsprojekt inte alltid hade samma resurser. Det är vanligt att portföljer innehåller blandad visuell dokumentation, men det är en viktig faktor att ta hänsyn till i designprocessen.

Exempel på bilder från kundprojekt och inspiration som användes i projektet.

Strategi

Efter ett par kreativa workshops med kunden hade vi en tydlig bild av projektets omfattning och kunde lägga upp en plan:

  • Arbeta nära grundaren för att analysera webbplatserna hos Sveriges 20 största arkitektbyråer
  • Ta fram och få återkoppling på enkla wireframes med varierande projektbilder
  • Utveckla befintliga varumärkesresurser med fokus på typografi, mikrointeraktioner, sidövergångar och hover-effekter

Under projektet testade vi flera visuella uttryck – allt från romerska kolonner till rå brutalism. Vi visste dock redan att Wåhlin Arkitekter är kända för sin enkelhet och funktionalitet, så all visuell överlast riskerade att försvaga den känslan. Därför landade vi i ett av de första koncepten vi tog fram, som satte arkitekturens mest grundläggande form i centrum: rektangeln.

Även om byggnader existerar i tre dimensioner börjar allt i två. Kvadrater och rektanglar är så grundläggande som det kan bli, men också de mest använda formerna för att skapa utrymme. För att webbplatsen inte skulle konkurrera med byråns verk använde vi just dessa enkla former som bärande element.

Att använda rutor som grund för webbdesign är inget nytt, men designers försöker ofta bryta sig loss från det för att skapa mer organiska former. I det här fallet valde vi istället att omfamna symmetrin, styrkan och stabiliteten som rektangeln förmedlar. Det blev helt rätt val, eftersom kunden kände att det speglade deras minimalistiska och kubistiska estetik.

Bilder från processen med att ta fram utseendet och känslan för webbplatsen.

Konklusion

När projektet avslutades kunde vi stolt leverera:

  • En visuellt stark webbplats som visar upp Wåhlin Arkitekters portfölj
  • Ett bibliotek med skräddarsydda Lottie-animationer
  • Ett noggrant utvalt set av mikrointeraktioner och animationer som harmonierar med den minimalistiska estetikens uttryck
Stiliserad bild av slutprodukten, webbplatsens startsida.
No items found.