Ikoner og illustrationer gør komplekst indhold lettere at forstå og giver brandet karakter. Vi udvikler sæt, der passer til identiteten og skalerer på tværs af flader. Ydelsen findes, fordi de fleste sites bruger et gratis ikonsæt blandet med et andet gratis ikonsæt og et stockbillede, så kategorier, fordele og trin i en proces ser ud som hos alle andre og ikke altid betyder det samme.
Vi starter med at kortlægge, hvor ikoner og illustrationer bruges: kategorinavigation, USP-lister, guides, tomme tilstande, fejlsider, mails og annoncer. Derefter definerer vi stil og regler for streg, form, farve og detaljegrad og tegner et grundsæt i Figma eller Illustrator. AI bruges til idéer og variationer, men den færdige stil styres af en illustrator, så sættet er konsistent. Alt leveres som vektor og som komponenter i designsystemet.
I står med et ikonsæt på typisk 40–80 ikoner, illustrationer til nøglesider og en retningslinje, der gør det muligt at tegne nye i samme stil. Filerne ligger som SVG, optimeret til web, og som Figma-komponenter med farvetokens. Udvikleren får et sprite eller en ikonkomponent, og marketing kan bruge sættet i mails, annoncer og præsentationer.
Vi gennemgår shop, mails, annoncer og præsentationer og lister alle steder, hvor ikoner og illustrationer bruges eller mangler. Listen prioriteres, så grundsættet dækker det, der bruges oftest.
Tre til fem ikoner og én illustration tegnes i to stilretninger udledt af identiteten. Vi viser dem i kontekst, på en kategoriside og i en mail, og I vælger retning.
Grundsættet på 40–80 ikoner og illustrationer til nøglesider tegnes i den valgte stil på fælles grid. Undervejs gennemgår vi delleverancer med jer, så justeringer sker tidligt.
SVG optimeres, PNG og EPS eksporteres, ikonerne lægges som komponenter i Figma med tokens, og udvikleren får sprite eller komponent. Retningslinjen med grid, regler og eksempler afleveres.
Ikoner og illustrationer i én stil, der passer til identiteten og kan bruges på web, i apps og i kommunikation. Stilen udledes af logo, typografi og farver: stregtykkelse, der matcher skriftens vægt, hjørner, der matcher knappernes radius, og en farvebrug, der følger tokens. Vi tegner tre til fem prøveikoner og én illustration som stilprøve, I godkender, før hele sættet produceres.
Vi leverer et system, der kan udvides, med regler for streg, form og farve, så nye ikoner ligner de gamle. Alle ikoner tegnes på samme grid, typisk 24 pixel, med samme stregtykkelse og samme afrunding. Retningslinjen viser rigtige og forkerte eksempler, og Figma-filen indeholder en skabelon med grid og hjælpelinjer. Når I får en ny kategori eller funktion, kan et nyt ikon tegnes på en time inden for reglerne.
SVG, tilgængelige og lette, så de ikke koster hastighed. Filer optimeres med SVGO, farver sættes via currentColor, så ikoner følger tekstfarven og mørk tilstand, og dekorative ikoner markeres aria-hidden, mens meningsbærende får en tekstbeskrivelse. Vi leverer et sprite eller en ikonkomponent til jeres frontend, så ikoner ikke loades som 60 separate filer. Illustrationer leveres som SVG eller som WebP, hvor vektor bliver for tungt.
Ikoner og illustrationer bruges mest i shop og website, men de samme filer skal virke i Klaviyo-mails, hvor SVG ikke understøttes, i Meta-annoncer og i tryk. Vi leverer derfor også PNG i faste størrelser og farvevarianter til mails og print-klare EPS til brochurer og emballage. Sættet lægges i designsystemet som komponenter, så det bruges ens overalt.
Et eksempel fra virkeligheden
En webshop inden for VVS-reservedele med ca. 8.000 varer brugte ikoner fra to gratis sæt i kategorinavigationen, og flere kategorier havde slet ingen. Kunderne, primært håndværkere på mobil, skulle læse hvert kategorinavn for at finde vej. Vi tegnede et sæt på 48 ikoner til kategorier, leveringsmuligheder og USP-punkter i én stil udledt af logoets streg, plus illustrationer til tom kurv, ingen søgeresultater og fejlsider. Sættet blev leveret som SVG-sprite og Figma-komponenter. Efter lancering brugte ca. 20 procent flere mobilbesøg kategorinavigationen frem for søgefeltet.
Mere inden for Digitalt design
W 
M 
U 
S 
Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.
Se alle cases
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.
Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.
All-around design, udvikling, branding, strategi og søgemaskineoptimering
Avanceret Google Tag Manager setup til konverteringstracking
Ofte stillede spørgsmål
Som udgangspunkt for idéer, ja. Det færdige sprog kræver en tydelig, konsistent stil, som vi definerer og styrer.
Stil og et grundsæt på 40 ikoner fra 15.000 kr. Illustrationer til forside, kategorier og tomme tilstande prissættes pr. motiv, typisk 1.500–3.500 kr. afhængigt af detaljegrad.
Ja. Retningslinjen beskriver grid, stregtykkelse, hjørner og farver med eksempler, og Figma-filen har en skabelon med grid. En designer eller en udvikler med Figma-erfaring kan tegne nye inden for reglerne.
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ødvendige cookies får siden til at virke. Statistik og markedsføring sætter vi kun med dit samtykke. Du kan altid ændre valget nederst på siden. Læs cookiepolitikken.
