I många år har du använt samma logotyp på skylten, visitkorten och fakturorna. Sedan öppnar du webbplatsen: logotypen är lite suddig, färgerna skiljer sig från skylten och typsnittet känns främmande. Tänker du "det här ser inte ut som mitt företag" är du inte ensam. Det händer förvånansvärt ofta, även på helt nya webbplatser.
Besökarna känner det också, ofta utan att kunna säga varför. Den som jämför din sida med din Instagram, din skylt eller din broschyr och undrar "är det här samma ställe?" tänker sig för två gånger innan hen ringer. I den här artikeln förklarar jag vad visuell identitet är, hur du ser om din webbplats har ett problem och vad du ska ge din webbdesigner.
Vad är visuell identitet?
Visuell identitet är allt som gör ditt företag igenkännbart med en blick: logotypen, färgerna, typsnitten och stilen på dina foton. Ser det enhetligt ut känner människor igen dig och får intrycket av ett ordnat, pålitligt företag. Ser samma delar olika ut överallt faller det intrycket samman.
Där förtroende är extra viktigt, till exempel hos en klinik, syns det ännu tydligare. En patient som öppnar din webbplats före bokningen vet ännu inget om läkaren; det enda hen har att gå på är hur omsorgsfull sidan ser ut. Detsamma gäller en advokat, ett hotell eller en hantverkare.
De fem vanligaste problemen
När jag tittar på mina kunders webbplatser dyker det här upp om och om igen:
- En suddig eller ojämn logotyp. När en liten bildfil förstoras flyter kanterna ut. Det syns direkt på de skarpa skärmarna i nyare mobiler.
- En något avvikande färgton. Det marinblå på skylten och det marinblå på webbplatsen är kanske inte samma. Ofta har färgen bara beskrivits "ungefär" för designern.
- Ett främmande typsnitt. Stilen på visitkortet och stilen på webbplatsen är helt olika.
- En logotyp som går sönder i mobilen. Den klipps av, sticker ut åt sidan eller blir oläsbar på den lilla skärmen.
- Ett utseende som ändras från sida till sida. Startsidan är noggrant gjord, men tjänste- eller kontaktsidan ser ut att vara gjord av någon annan.
Vad du kan kontrollera själv
Logotypen är det mest synliga elementet på sidan; är logotypen på webbplatsen suddig eller ofullständig märker besökaren det på första sekunden. Med en kopp kaffe kan du göra den här rundan på din egen sida:
- Lägg dem bredvid varandra. Ställ ditt visitkort eller ett foto av skylten intill din startsida. Ser färgerna och logotypen ut att tillhöra samma företag?
- Titta i mobilen. Studera logotypen noga. Är den skarp, helt synlig, och leder ett tryck på den till startsidan?
- Besök tre, fyra sidor. Startsidan, en tjänstesida, kontaktsidan. Är färger, typsnitt och knappar likadana?
- Kolla flikikonen. I webbläsarfliken bredvid sidans namn ska det finnas en liten ikon. Är den tom eller visar webbläsarens standardikon är det en förbisedd detalj.
- Kolla delningsförhandsvisningen. Skicka webbadressen till dig själv på WhatsApp. Visar det lilla kortet din logotyp och en snygg bild?
Stör två, tre saker dig på rundan stör de dina besökare också.
Vad ska du ge din webbdesigner?
Det som kostar mest tid när en webbplats byggs är en logotyp som kommer ofullständig eller i dålig kvalitet. Ha följande redo:
| Vad | Varför det behövs |
|---|---|
| Logotypens originalfiler | Filer som inte försämras vid förstoring ("vektorfiler") håller sidan skarp |
| Logotypversioner för ljus och mörk bakgrund | Så att den går att läsa även i ett mörkt avsnitt |
| En version med enbart symbolen | För det lilla utrymmet i mobilen och i webbläsarfliken |
| Exakta värden för dina företagsfärger | Så att skyltens färg förs över exakt |
| Namnen på dina typsnitt | För att passa visitkortet och webbplatsen |
| En grafisk profil, om du har en | Så att alla regler finns på ett ställe |
Att be den som gjorde logotypen, eller ditt tryckeri, om de här filerna är oftast mycket enkelt. Är den enda filen du har en liten bild som kom via WhatsApp, säg det till designern redan från början; då kan logotypen behöva ritas om.
Om du saknar grafisk profil
De flesta små företag har ingen formell grafisk profil, och det är helt okej. En enkel start räcker: vilken logotyp, vilka två, tre färger, vilket typsnitt. Din designer kan tillsammans med dig fastställa det under projektets första dagar. Den lilla regeluppsättningen gör att varje sida som läggs till senare håller samma stil.
Är din nuvarande logotyp gammal eller av låg kvalitet kan det vara ett alternativ att förnya den samtidigt som webbplatsen. Men gör inte en radikal varumärkesändring bara för att webbplatsen förnyas; dina kunder minns dig kanske just för det utseende de känner. Det är värt att diskutera det beslutet med en specialist.
Vad specialisten gör
När din visuella identitet förs över till webbplatsen tar specialisten hand om:
- Att logotypen placeras i lämpliga format på rätt ställen på sidan
- Att dina företagsfärger används enhetligt på alla sidor
- Att typsnittet läggs in så att det laddas snabbt och är lättläst
- Att logotyp och layout kontrolleras i mobil, surfplatta och dator
- Att flikikonen och bilden som visas när sidan delas i sociala medier tas fram
- Att samma utseende bevaras när nya sidor läggs till
Vad du ska fråga din designer
- Vilket filformat använder ni för min logotyp, och förblir den skarp på stora skärmar?
- Matchar ni mina färger exakt mot skylten?
- Hur kommer logotypen att se ut i mobilen?
- När jag eller någon annan lägger till en ny sida senare, hur håller sig utseendet enhetligt?
- Ingår flikikonen och delningsbilden?
Vanliga frågor
Påverkar visuell identitet min placering på Google?
Det finns ingen direkt effekt på placeringen. En indirekt effekt är möjlig: en omsorgsfull och pålitlig sida hjälper besökaren att stanna kvar och höra av sig. En onödigt stor logotypfil kan dessutom göra sidan långsam, vilket kostar kunder.
Vad gör jag om min logotyp håller låg kvalitet?
Fråga först den som ursprungligen gjorde den, eller ditt tryckeri, efter originalfilen. Går den inte att hitta måste logotypen ritas om, vilket oftast är ett kort jobb. Att lösa det innan bygget startar sparar tid.
Varför ser färger lite olika ut på olika skärmar?
Varje skärm har egna färginställningar. Små skillnader är normala och går inte att ta bort helt. Det viktiga är att webbplatsen är enhetlig i sig och att den digitala motsvarigheten till skyltens färg definieras rätt.
Behöver jag en separat logotyp för mobilen?
Det hjälper ofta. En lång logotyp kan bli oläsbar på en liten skärm; då används en version med enbart symbolen eller en förkortad variant. Det ändrar inte din logotyp, utan anpassar den till det lilla utrymmet.
Sammanfattning
Din webbplats utseende är som en osynlig medarbetare; den ger många människor ett första intryck i ditt namn varje dag. Att se till att logotyp, färger och typsnitt ser rätt ut är ett litet arbete, men det påverkar förtroendet direkt. Vill du att webbplatsen ska spegla ditt varumärke kan du läsa mer om min tjänst bygga hemsida.