Process – steg 1
Research och riktning
Arbetet började med att samla referensbilder och förstå vilka konkurrenter och liknande företag som redan fanns på marknaden. Moodboarden speglar den inledande riktningen kunden visade intresse för: avskalad, gedigen och jordnära.
Process – steg 2
Struktur och strategi
Parallellt med det visuella arbetet tog jag fram en webbplatsstruktur. Syftet var att tänka igenom sidhierarki, navigationslogik och SEO-strategi redan innan designarbetet tog fart på allvar. Strukturen utgick från kundens tjänster och referensobjekt som de viktigaste noderna – de sidor som skulle ge störst synlighet på Google och tydligast kommunicera vad företaget gör.
Process – steg 3
Synlighet som ett gemensamt mål
Kunden hade inte satt upp tydliga mål för webbplatsen inledningsvis. En del av mitt arbete blev att hjälpa honom formulera vad han faktiskt ville uppnå. Tillsammans landade vi i att undersidor för tjänster och referensobjekt skulle vara kärnan i SEO-arbetet - välstrukturerat innehåll som Google kan indexera och som potentiella kunder kan hitta.
Jag genomförde en sökordsanalys och gav råd om hur texterna borde skrivas. Kunden stod själv för det redaktionella innehållet, medan jag implementerade rubrikstruktur och metatexter för att ge sidan en solid teknisk grund.
Jag genomförde en sökordsanalys och gav råd om hur texterna borde skrivas. Kunden stod själv för det redaktionella innehållet, medan jag implementerade rubrikstruktur och metatexter för att ge sidan en solid teknisk grund.
Process – steg 4
Att hitta rätt ton - om och om igen
Det som visade sig bli den största utmaningen var inte tekniken - det var tonen. Kunden kom in med tydliga referensbilder som pekade mot ett avskalat, enkelt formspråk. Jag utgick från det och levererade ett första designexempel. Men under den tid arbetet pågick hade kunden börjat tänka om. Något mer lekfullt, mer eget, mer utmärkande.
Det är en situation de flesta designers känner igen: kunden vet inte exakt vad den vill ha förrän den ser vad den inte vill ha. Jag la undan skissen och lyssnade om. Vad ville kunden egentligen förmedla? Svaret var: att sticka ut.
Det är en situation de flesta designers känner igen: kunden vet inte exakt vad den vill ha förrän den ser vad den inte vill ha. Jag la undan skissen och lyssnade om. Vad ville kunden egentligen förmedla? Svaret var: att sticka ut.
Process – steg 5
Färg, typsnitt och 60-talskänsla
När jag förstod att kunden ville ha karaktär och färg, vände jag mig till deras egna projekt för inspiration. I bilderna de delade syntes ett tydligt mönster: 1950- och 60-talets arkitektur och formgivning. Det gav mig en riktning.
Jag valde tre huvudfärger: grön, gul och röd. Jag lät dem ha varsitt territorium på webbplatsen. Grönt för startsidan och övergripande sidor, gult för referensprojekten, rött för tjänsterna. Färgen berättar var på sidan du befinner dig. Typsnitt och övriga designval hämtade sin känsla från samma era.
Jag valde tre huvudfärger: grön, gul och röd. Jag lät dem ha varsitt territorium på webbplatsen. Grönt för startsidan och övergripande sidor, gult för referensprojekten, rött för tjänsterna. Färgen berättar var på sidan du befinner dig. Typsnitt och övriga designval hämtade sin känsla från samma era.
Lösning & resultat
En sida kunden äger på riktigt
En viktig del av uppdraget var att kunden skulle kunna förvalta sidan på egen hand - utan risk att förstöra designen. Jag använde ACF (Advanced Custom Fields) tillsammans med Oxygen Builder för att skapa ett flexibelt redaktionellt gränssnitt. Kunden kan lägga till referensprojekt, uppdatera texter och byta bilder helt självständigt.
Resultatet blev en webbplats som speglar Tidevarv Byggnadsvårds personlighet: färgstark, gedigen och lite annorlunda. En sida som sticker ut i en bransch som ofta kommunicerar på exakt samma sätt.
Resultatet blev en webbplats som speglar Tidevarv Byggnadsvårds personlighet: färgstark, gedigen och lite annorlunda. En sida som sticker ut i en bransch som ofta kommunicerar på exakt samma sätt.
"Jag kom i kontakt med Matilda genom en vän som rekommenderade henne, jag blev mycket nöjd över hennes hjälp med min hemsida. Professionell, snabb och lyhörd. Behöver jag hjälp i framtiden kommer jag garanterat kontakta henne igen."
- Anton Björklund, Tidevarv Byggnadsvård AB
Reflektion
Vad jag tar med mig
Om jag skulle göra om projektet hade jag lagt mer tid på briefen i början - inte för att kunden var svår att arbeta med, utan för att ett grundligare förarbete hade sparat tid för oss båda. Att iterera design är en naturlig del av processen, men ju mer man vet om kundens verkliga vision tidigt, desto smidigare blir resan.
Det här projektet påminde mig om värdet av att lyssna bortom det kunden säger - och in i vad de egentligen menar.
Det här projektet påminde mig om värdet av att lyssna bortom det kunden säger - och in i vad de egentligen menar.