Digitalt design · 04

Brand & identitet

En identitet, der er genkendelig, og som virker digitalt først.

Kontakt os

Sådan arbejder vi med brand & identitet

Logo, farver, typografi, tone og billedsprog. Vi udvikler identiteter, der fungerer på en skærm, i en annonce og på en bil, og som kan vokse med virksomheden. Ydelsen findes, fordi mange webshops og B2B-virksomheder er vokset hurtigere end deres udtryk: logoet er fra 2012, farverne bruges forskelligt i shop og annoncer, og nye medarbejdere kan ikke finde ud af, hvad der er rigtigt.

Vi starter med positionering: hvem I sælger til, hvad I vil kendes for, og hvad konkurrenterne ser ud som. Derefter tegner vi to til tre retninger som rigtige flader, en produktside, en Meta-annonce, en mail, i stedet for logoer på hvid baggrund. Den valgte retning udvikles til et komplet system med tokens i Figma, så designsystem, web og annoncer kan bygges direkte på identiteten.

I står med logo i alle formater, farver med kontrastværdier, typografi med licenser, billedsprog med eksempler, tone of voice og en brandguide, der kan følges af både interne og bureauer. Alt ligger i Figma og som eksporterede filer. Vi leverer retningslinjer og skabeloner, så identiteten bruges rigtigt af alle fra den første dag.

Hvornår det giver mening

  • Logo og farver bruges forskelligt i shop, annoncer og præsentationer, og ingen kan sige, hvad der er den rigtige version.
  • I er vokset fra et enkelt produkt til flere brands eller kategorier, og udtrykket dækker ikke det, I sælger i dag.
  • I skal have ny webshop eller nyt website, og det nuværende udtryk er ikke værd at bygge videre på.
  • Jeres kunder er B2B, og udtrykket ligner en discountbutik, eller omvendt.

Det får du

  1. Strategisk afsæt og positionering
  2. Logo, farver og typografi
  3. Billedsprog og tone of voice
  4. Brandguide og skabeloner
Kontakt os

Sådan foregår det

  1. Workshop og positionering

    Tre timers workshop med ledelsen om kunder, konkurrenter og det, I vil kendes for. Vi analyserer konkurrenternes udtryk og skriver principper og et kort brief, som I godkender, før vi tegner.

  2. Retninger vist på rigtige flader

    Vi udvikler to til tre retninger og viser hver som en produktside, en annonce, en mail og et visitkort, ikke som logo på hvid baggrund. I vælger én retning, eventuelt med elementer fra en anden.

  3. Udvikling af det fulde system

    Den valgte retning udvikles til logo i alle varianter, farvesystem med kontrast, typografi, billedsprog, ikonstil, bevægelse og tone of voice. Alt bygges som tokens og komponenter i Figma og testes i mørk tilstand og små formater.

  4. Brandguide, skabeloner og overlevering

    Brandguiden skrives i Figma og som PDF, skabeloner til præsentationer, social og mails bygges, og logofiler eksporteres i alle formater. Vi gennemgår systemet med jeres team og eventuelle bureauer.

I dybden

Positionering før form

En identitet uden en beslutning om, hvad virksomheden skal kendes for, bliver smag. Vi starter med en workshop om kunder, konkurrenter og det, I gør anderledes, og skriver det ned som tre til fem principper, som alle designvalg måles mod. Vi ser på konkurrenternes farver og udtryk, så I ikke ender med samme blå som de tre største i branchen. Principperne bruges senere, når nogen spørger, om en kampagne "ligner os".

Logo, farver, typografi og tone som ét system

Logo, farver, typografi og tone, der hænger sammen på web, i annoncer, mails, præsentationer og emballage. Kunderne skal kunne kende jer uden at læse navnet. Farver defineres med kontrastværdier og roller, typografi vælges med webfonte og licens til alle flader, og tone of voice skrives som konkrete eksempler: sådan skriver vi en fejlbesked, en ordrebekræftelse, en annonce. Hvert element testes på de flader, I faktisk bruger.

Designet til skærme først

Identiteten designes til skærme, hvor den lever mest: responsiv, tilgængelig og med bevægelse som en del af udtrykket. Logoet har en version til 32 pixel favicon og en til messevæg, farverne opfylder WCAG AA på tekst, og vi definerer, hvordan identiteten opfører sig i mørk tilstand, i en Meta-annonce på 1080x1350 og i en mail, der ikke må bruge webfonte. Print følger, men er ikke udgangspunktet.

Brandguide og skabeloner, der kan følges

En identitet uden regler smuldrer. Vi leverer et system med eksempler, så både interne og bureauer bruger den ens. Brandguiden ligger i Figma med tokens og komponenter, og som PDF til dem, der ikke bruger Figma. Dertil skabeloner i PowerPoint eller Google Slides, Canva-skabeloner til social og mailskabeloner i Klaviyo, så de flader, der produceres oftest, er rigtige fra start.

Fejl, vi ofte finder

  • Logo valgt på hvid baggrund i en præsentationEt logo, der ser rigtigt ud på en slide, kan være ulæseligt som favicon, i en Shopping-annonce eller på en mørk emballage. Vi tester alle logoforslag i de mindste og mest krævende flader, før I vælger, og leverer versioner til hver.
  • Brandfarver, der ikke opfylder kontrastkravEn lys accentfarve på hvid tekst giver knapper, som ældre kunder ikke kan læse, og som fejler WCAG-krav. Vi definerer for hver farve, hvor den må bruges, og tilføjer mørkere varianter til tekst og knapper, så identiteten holder uden at bryde tilgængelighed.
  • Identitet uden regler for de flader, der produceres dagligtBrandguiden dækker logo og farver, men ikke hvordan en Meta-annonce, et nyhedsbrev eller en produktside skal se ud. Det er der, identiteten smuldrer. Vi leverer skabeloner og eksempler for de fem til ti flader, jeres team producerer hver uge.

Sådan måler vi effekten

  • Andel af flader (shop, mails, annoncer, præsentationer), der følger brandguiden ved kvartalsvis gennemgang
  • Genkendelse i simpel brandtest: andel af testdeltagere, der identificerer jer uden logo
  • Tid fra brief til godkendt kampagnemateriale, før og efter skabeloner

Rammer

Pris
Fra 60.000 kr.
Varighed
7–9 uger
Hvem
Brand-designer, UI-designer og strateg
Kontakt os

Eksempel: Zederkof A/S

Zederkof A/S sælger til forhandlere og havde et udtryk, der stammede fra en tidligere, mindre virksomhed. Logo, farver og typografi blev brugt forskelligt på website, i kataloget og i annoncer. Vi holdt en workshop om positionering over for forhandlere, viste tre retninger som produktside, annonce og præsentation, og udviklede den valgte til et komplet system med tokens i Figma. Brandguiden blev leveret sammen med skabeloner til præsentationer og annoncer. Identiteten bruges nu på B2B-webshoppen, websitet og i Meta- og Google-annoncer uden lokale fortolkninger.

Se det i praksis

Cases

Sokkeposten

Sokkeposten

Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.

Se alle cases
Bolighuset Werenberg A/S

Bolighuset Werenberg A/S

Et digitalt sats på e-handel, der gav pote. Se vores arbejde for Werenberg, og hvordan vækstkurven blev stejl med en stabil og udviklingsdygtig webshop.

t.i.n.g. shop

t.i.n.g. shop

Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.

Rigtig Kaffe A/S

Rigtig Kaffe A/S

All-around design, udvikling, branding, strategi og søgemaskineoptimering

Poetzsch Padborg

Poetzsch Padborg

Avanceret Google Tag Manager setup til konverteringstracking

Ofte stillede spørgsmål

  • Ikke nødvendigvis. Ofte er det systemet omkring logoet, der mangler. Vi vurderer det ærligt.

  • En komplet identitet med positionering, logo, farver, typografi, billedsprog og brandguide koster fra 60.000 kr. En opdatering af et eksisterende brand med bevaret logo fra 35.000 kr.

  • En workshop på tre timer i starten med ejer eller ledelse, og to gennemgange undervejs, hvor I vælger retning. Resten klarer vi, men beslutningerne skal træffes af jer.

  • Ja. Fra identitet og logo til retningslinjer og skabeloner, og vi sørger for, at det virker digitalt først.

  • Ja, alt design lever i Figma med komponenter og tokens, som udviklere kan bruge direkte.

Næste Motion & animation →