Et brand mangler ikke altid flere grafiske idéer. Ofte ligger råmaterialet allerede i logoet, typografien, farverne og de små former, som organisationen bruger igen og igen.
Da jeg skulle omsætte en kundeanbefaling fra Læremiddel.dk til en serie LinkedIn-cards, var opgaven derfor ikke at opfinde et nyt udtryk. Den var at få de eksisterende dele til at arbejde sammen i et nyt format.
Resultatet blev seks sammenhængende cards og en roligt animeret video. Begge dele blev skabt af de brand-assets, der allerede fandtes på Læremiddel.dk.
En lang anbefaling skulle have en form
Udgangspunktet var en anbefaling fra Louise Stjerne Madsen, kommunikationsmedarbejder hos Læremiddel.dk og UCL. Hun beskrev både den færdige hjemmeside, den tekniske og visuelle sparring og oplevelsen af samarbejdet.
Citatet var for langt til ét card. Det kunne til gengæld deles naturligt i fire sammenhængende dele uden at ændre et eneste ord. Hvert citat fik sit eget card og sin egen pointe:
- Ansvaret for udvikling og levering.
- Den tekniske styrke og blikket for visuelle løsninger og webkommunikation.
- Sparringen om teknik, funktionalitet og design.
- Den samlede anbefaling.
De fire citatcards kunne godt stå alene. Men de begyndte midt i historien. Derfor tilføjede jeg et startcard, som sætter scenen, og et slutcard, som samler pointen og leder videre til hele casen om Læremiddel.dk.
Fire citater blev dermed til en serie på seks cards med en begyndelse, en midte og en afslutning.
Brandet lå allerede i delene
Før designarbejdet samlede jeg de originale filer og værdier fra Læremiddel.dk’s aktive visuelle udtryk:
- det hvide Læremiddel.dk-logo som SVG
- den blå-lilla gradient fra hjemmesidens top
- de organiske doodles, der bruges på tværs af sitet
- Fraunces til de markante overskrifter og citater
- Work Sans til labels, tællere og afsender
- de eksisterende blå, lilla, lyse og mørke farver
Logoet blev brugt som originalfil. Typografien blev indlæst fra de rigtige fontfiler, og doodlerne blev hentet fra det eksisterende illustrationsunivers. Der blev ikke tegnet et nyt logo eller forsøgt at efterligne brandet med en tilfældig skrifttype og en farve, der så nogenlunde rigtig ud.
Det lyder som en detalje. Men det er ofte forskellen på grafik, der blot bruger de rigtige farver, og grafik, der faktisk føles som en del af brandet.
Seks cards – én skabelon
De seks cards blev ikke designet som seks enkeltstående billeder. De blev bygget som variationer af den samme skabelon i formatet 1080 × 1350 pixels.
Placeringen af logo, tæller, citat, afsender og God Kommunikations mærkat er gennemgående. Tælleren og logo-mærkatet bruger samme afrunding, så serien får mere ro. Citatets størrelse kan justeres inden for et fast spænd, men den typografiske rytme og hierarkiet ændrer sig ikke.
Variationen kommer primært fra indholdet og doodlerne. Hvert card bruger en ny form fra Læremiddel.dk’s eget univers. De ligger stort og diskret i baggrunden, så serien skifter karakter uden at skifte identitet.
Læremiddel.dk er den tydelige visuelle hovedafsender. God Kommunikation står som et mindre, lyst mærkat. Det afspejler opgaven: Cardsene handler om mit arbejde, men de udspringer af kundens hjemmeside og kundens ord.
En fungerende version før en lang specifikation
Arbejdet var AI-assisteret. En AI-assistent hjalp med at finde og organisere de lokale brand-assets, bygge skabelonen i HTML og CSS og eksportere konkrete versioner, som jeg kunne vurdere.
Det afgørende var ikke en løs besked om at lave noget “i Læremiddel.dk-stil”. Assistenten fik de originale filer, det godkendte citat og nogle tydelige rammer for format, afsender og hierarki. På den måde blev AI brugt til at arbejde systematisk med et eksisterende brand – ikke til at gætte sig til et nyt.
Den første retning bestod af fire rene citatcards i Læremiddel.dk’s udtryk. Derefter afprøvede vi en mere opdelt version, hvor God Kommunikations lyse flade fyldte mest, mens Læremiddel.dk’s gradient og doodles lå i et smallere sidefelt.
Den version gjorde God Kommunikation tydeligere, men den gjorde serien mindre naturlig som del af Læremiddel.dk’s univers. Den blev derfor gemt som et fravalgt alternativ, og arbejdet fortsatte med den rene retning. Her blev start- og slutcardet tilføjet, hjørnerne gjort ens, og hierarkiet justeret på tværs af alle seks cards.
Fordelen ved den fungerende prototype var, at valgene kunne vurderes på rigtige billeder. Det var lettere at sige “den rene version er bedre” end at forsøge at beskrive hele løsningen på forhånd.
De samme assets kunne også bevæge sig
Da serien fungerede som stillbilleder, blev den også lavet som en MP4. Her viste det sig igen, at mere bevægelse ikke nødvendigvis giver et bedre resultat.
I den første animation bevægede doodlerne sig for hakkende og tog opmærksomhed fra citaterne. Bevægelsen blev derfor gjort enklere: Cards, tekst og logoer står stille, mens doodlerne glider roligt mod højre og samtidig skalerer en smule op.
Videoen blev samtidig forlænget, så hvert citat fik mere læsetid. Bløde overgange gennem en mørk flade binder de seks scener sammen, uden at teksterne flyder ind over hinanden.
Det krævede ikke nye illustrationer. Animationen opstod ved at give de eksisterende brand-assets en ny, men afdæmpet funktion.
En praktisk metode til at arbejde med brand-assets
Processen kan bruges langt ud over denne case:
- Find originalerne. Saml logoer, fonte, farver, illustrationer, baggrunde og eksisterende grafiske mønstre.
- Giv hvert asset en rolle. Beslut, hvad der skal bære identiteten, hvad der skal skabe variation, og hvad der kun skal fungere som diskret afsender.
- Lås indholdet først. Godkendte citater og navne bør være på plads, før typografi og linjeskift finjusteres.
- Byg én skabelon. Faste regler for format, placering, afstande og hierarki gør det lettere at skabe en serie, der hænger sammen.
- Afprøv tidligt. En konkret første version giver et bedre grundlag for feedback end en lang beskrivelse af den tænkte løsning.
- Skab variation inden for systemet. Skift doodle, beskæring eller indhold – ikke hele designsproget fra billede til billede.
Et godt sæt brand-assets er altså mere end en mappe med et logo og nogle farvekoder. Det er et lille visuelt system, som kan bruges på tværs af hjemmeside, sociale medier, præsentationer og video.
Starter I også forfra hver gang?
Hvis I allerede har et visuelt brand, men alligevel begynder med et tomt dokument, hver gang der skal laves et opslag eller en præsentation, mangler I måske ikke et nyt design. I mangler en god skabelon og nogle få klare regler for, hvordan jeres eksisterende assets skal arbejde sammen.
God Kommunikation kan hjælpe med at omsætte et eksisterende brand til brugbare digitale formater og genanvendelige skabeloner. Kontakt mig, hvis I vil have mere ud af det visuelle materiale, I allerede har.