Det är väldigt vanligt att er grafiska profil är skapad med trycksaker i åtanke. Men i verkligheten möter din målgrupp oftast ditt varumärke digitalt – i mobilen, på datorn eller surfplattan. Och där håller det inte att logotypen blir så liten att det inte går att utröna vad det står, att knapptexter har radbrytningar på webbplatsen, eller att färgerna skiftar beroende på skärm.

Det finns en lösning, och det kallas en digital identitet. Det ena ska dock inte utesluta det andra, den ”klassiska” grafiska profilen skall självklart fortfarande finnas kvar. Men nu är det på tiden att den får en digital komplettering.

I artikeln kommer du att få tre exempel på delar som kan ingå i en digital identitet:

Designsystem, för att hålla ordning
Responsiv logotyp som passar alla lägen
Knappar, CTA:er och andra interaktiva objekt

1. Designsystem: ordning och reda, pixel för pixel

Ett designsystem är mer än en grafisk profil. I designsystemet samlar och systematiserar man designval, element och interaktiva komponenter på ett sätt som gör det lätt att vara konsekvent utöver hela den visuella identiteten och användarupplevelsen. På mobilen. På desktop. I kampanjer. I appar. Det kan vara allt från layout till typografi, färger, ikoner, knappar och animationer.

Med ett designsystem blir det också lättare att återanvända element. När nytt innehåll ska produceras, en ny landningssida ska tas fram eller funktion i en app ska utvecklas, hämtar man elementen direkt från systemet i stället för att skapa dem på nytt. Det här gör att man spar tid i arbetet och kan arbeta mer effektivt.

Att jobba med designsystem underlättar också samarbetet hos designers, innehållsproducenter eller utvecklare. Alla har tillgång till samma komponenter och när en del i systemet uppdateras sker ändringen för alla, samtidigt. Det här säkerställer att designen blir konsekvent oavsett vem som utför arbetet eftersom risken att någon följer ett gammalt, utdaterat designdokument elimineras.

Nackdelar med designsystem

Kan vara tidskrävande: Förutom att implementeras behöver designsystemet också underhållas då ni troligtvis kommer att vilja uppdatera er digitala identitet då och då för att hålla er i framkant gentemot era konkurrenter.
Ger mindre utrymme för kreativitet och utforskande: ”Om allt redan är bestämt, vad ska jag som designer då designa?”. Det kanske är en fråga många ställer sig som arbetar med designsystem. När redan bestämda element återanvänds blir det mindre plats för eget tänkande.

Fördelar med designsystem

Effektivare arbetsflöde som ger tid till mer: Ni slipper börja från ruta ett varje gång ett nytt projekt ska påbörjas. Arbetsflödet under projektets gång blir också mer effektivt då ni återanvänder redan framtagna element och designval samt har bestämda regler att förhålla er till.
Lättare att få en överblick över designen: När allt finns samlat på ett och samma ställe blir det enklare att jämföra och kvalitetssäkra alla bitar, istället för att behöva navigera bland flera platser och system för att hitta allt material.
Förändringar blir smidigare: Eftersom allt utgår från samma kärna behöver ni bara göra ändringar på ett ställe vilket sedan kommer att uppdateras på alla platser där, exempelvis, den färgen eller knappen används.

Vill du lära dig mer om designsystem och hur ni kan komma i gång? Läs den djupgående guiden från Figma.

2. Responsiv logotyp för alla lägen

En logotyp ska kunna leva och vara tydlig i både stort och smått, horisontellt och staplat, i header och favicon. Ingen ska behöva chansa på vilken version som gäller – det ska vara definierat, testat och redo att användas.

Rätt detaljnivå för rätt storlek

Rent estetiskt sett kanske det känns rätt att ha små detaljer som smyckar logotypen för att förstärka designen. Viktigt att tänka på att dessa kommer försvinna eller bli otydliga när logotypen används i mindre format. Att ha flera varianter av logotypen med olika mycket eller lite detaljer är därför väldigt användbart. Exempelvis blir det nästan omöjligt att läsa något på en favikon i en webbläsare, där fungerar en liten symbol bäst.

Kvadratisk eller rektangulär?

Det här är mer eller mindre en standard redan och du känner säkert till detta. Men gör logotypen i flera format så att ni först och främst har en som är rektangulär och en som är kvadratisk. Detta säkerställer att ni har en logotyp som passar de flesta typer av layouts och kan ta upp så mycket eller lite plats som den behöver. Kanske behöver ni ha en som är mer cirkulär också? Återigen, fundera på hur logotypen kan komma att användas och designa därefter.

Gör justeringar men behåll kärnan

När man tar fram en responsiv logotyp i olika varianter går det att ta ut svängarna men ändå hålla sig inom ramarna för varumärkets identitet. Ni kan forma om och antingen lägga till, byta ut, eller ta bort element beroende på vad som passasr ändamålet bäst. Behåll dock kärnan i er identitet så att logotypen alltid symboliserar samma sak, till exempel genom att behålla samma färgschema och samma typsnitt.

3. Boxar, knappar, CTA:er och annat du vill att folk ska klicka på

En knapp är inte bara en färgad rektangel. Det är en handling. Ett beslut. En inbjudan. Och det ska märkas. Bra CTA:er är tydliga, konsekventa och designade för att funka – oavsett var användaren befinner sig.

https://weareadaptable.com/insights/digital-brand-identity/

Kontakta oss