Markedet
Priser
Log indStart
DesignguidenBaggrunde
Baggrunde

Design af casestudier: vis problemet, arbejdet og resultatet

De fleste casestudier er et galleri med et afsnit øverst. De, der vinder opgaver, fortæller en historie, en fremmed kan følge på et minut. Det kræver en tydelig struktur, billeder der bærer den og et format til hvert sted, du udgiver.

GradientlyVerificeret Gradiently-konto·1. oktober 2026·5 min. læsning
Forside: Birch Era · GR·MBM2·HJ

Kort fortalt

  • Et godt casestudie fortæller én historie i tre dele: problemet, arbejdet og resultatet.
  • Resultatet bør stå på første skærm eller første slide, fordi mange læsere aldrig scroller til bunden.
  • Hver sektion i et casestudie bør have sit eget visuelle udtryk, fra et før-billede over processkitser til det færdige arbejde i brug.
  • Påstå kun resultater, du kan vise, og få kundens tilladelse, før du nævner dem ved navn eller deler tal.
  • Ét casestudie kan udgives som en webside, en PDF, et slide i en pitchpræsentation og en karrusel til sociale medier, hvis det deler ét ensartet udtryk.
På denne side
Strukturen i et godt casestudieVisuelle udtryk til hver del af historienLayout af et casestudie på en websideÉt casestudie i flere formater

Stærkt design af casestudier følger tre akter: problemet, arbejdet og resultatet. Åbn med en overskrift, der fastslår udfaldet, vis, hvad der var galt før, gennemgå de beslutninger, der ændrede det, og bevis så, at det virkede, med det færdige stykke i reel brug. Giv hver akt sit eget visuelle udtryk, og hold ordene korte. En kommende kunde bør forstå, hvad du gjorde, og hvorfor det betød noget, på den tid det tager at scrolle én skærm.

Strukturen i et godt casestudie

Designere, bureauer, konsulenter og softwarevirksomheder skriver alle casestudier, og den form, der virker, er den samme for dem alle. Det læses som en kort historie med et tydeligt vendepunkt, og det lægger slutningen både i begyndelsen og til sidst.

  1. 1

    Overskrift: udfaldet

    »En menu, der halverede spørgsmålene ved bestilling« slår »Rebranding af restaurant«. Nævn kunden og arbejdet på en linje nedenunder.

  2. 2

    Problemet

    Hvad der var galt, for hvem, og hvorfor det betød noget for virksomheden. To eller tre sætninger og et før-billede.

  3. 3

    Tilgangen

    De to eller tre beslutninger, der gjorde forskellen, og hvorfor. Ikke hvert skridt, du tog.

  4. 4

    Arbejdet

    De færdige stykker, vist store og i sammenhæng: på en telefon, på en hylde, på en gade.

  5. 5

    Resultatet

    Hvad der ændrede sig, med kundens egne ord eller tal, du har tilladelse til at dele.

  6. 6

    Næste skridt

    Én linje, der inviterer en læser med et lignende problem til at tage kontakt.

Spørg, før du deler

Tjek din kontrakt, og spørg kunden, før du nævner dem ved navn, viser uudgivet arbejde eller udgiver tal. Kan du ikke dele tal, så beskriv ændringen med ord, de godkender.

Vælg, hvilke projekter du skriver op, med den samme omhu. Tre casestudier, der matcher de kunder, du vil have næste gang, er mere værd end ti, der dækker alt, hvad du har lavet. Vil du have mere restaurantarbejde, så lad restauranten gå forrest. Vil du have softwarekunder, så lad dashboardet gå forrest, selv om det var en mindre opgave.

Visuelle udtryk til hver del af historien

En mur af færdige mockups fortæller læseren, at du kan lave fine ting. Den fortæller ikke, at du kan løse deres problem. Match hver sektion med et visuelt udtryk, der beviser den sektions pointe.

ProblemDen gamle version, en forvirrende skærm, en rodet hylde

Undgå

At gøre grin med kundens gamle arbejde
TilgangSkitser, et moodboard, to muligheder side om side, briefen

Undgå

Dusinvis af procesfotos
ArbejdeDet færdige stykke i reel brug, derefter nøgledetaljer

Undgå

Kun svævende mockups på grå baggrund
ResultatEt kort kundecitat, et godkendt tal sat stort, arbejdet i virkeligheden

Undgå

Vage påstande uden kilde
SektionVisuelt udtryk, der beviser denUndgå
ProblemDen gamle version, en forvirrende skærm, en rodet hyldeAt gøre grin med kundens gamle arbejde
TilgangSkitser, et moodboard, to muligheder side om side, briefenDusinvis af procesfotos
ArbejdeDet færdige stykke i reel brug, derefter nøgledetaljerKun svævende mockups på grå baggrund
ResultatEt kort kundecitat, et godkendt tal sat stort, arbejdet i virkelighedenVage påstande uden kilde
Ét visuelt bevis pr. sektion er nok. Mere end tre billeder i træk, og historien går i stå.
Problemet
Ingen kunne finde de veganske retter.
Personalet svarede på det samme spørgsmål ved hvert bord
Gradiently · @gradiently

Et problemslide: sagen fremstillet enkelt, fra kundens side, på én linje.

Resultatet
Spørgsmål ved bestilling halveret.
Ifølge restaurantens leder efter en måned
Gradiently · @gradiently

Resultatsliden i samme stil. Udfaldet er overskriften, med kilden angivet nedenunder.

Eksemplet ovenfor er opfundet for at vise formen, men læg mærke til kildelinjen under resultatet. Et tal med en angivelse af kilden læses som dokumentation, og et tal alene læses som markedsføring. Visuelt hierarki hjælper dig med at afgøre, hvad der skal sættes stort.

Layout af et casestudie på en webside

På en portfolio eller en virksomheds hjemmeside er et casestudie en lang side. De fleste besøgende læser første skærm, skimmer overskrifterne og ser på billederne. Design til præcis det.

Undgå

  • Et heltebillede i fuld skærm uden ord
  • Resultatet gemt helt nederst
  • Lange afsnit mellem billederne
  • Alle billeder i samme størrelse
  • Ingen måde at kontakte dig på til sidst

Gør

  • Overskrift, kunde og udfald på første skærm
  • En kort opsummeringsboks: kunde, rolle, tidslinje, resultat
  • Overskrifter, der fortæller historien, når de skimmes alene
  • Store heltebilleder og mindre detaljebilleder
  • Et tydeligt næste skridt og et link til det næste casestudie

En ensartet baggrund til sektionsskel, citater og resultatpaneler får en lang side til at føles som ét stykke og giver øjet et sted at hvile mellem billederne. Tips til designerportfolioer og udviklerportfolio dækker den bredere side omkring det.

Ét casestudie i flere formater

Et casestudie er for meget arbejde til kun at blive udgivet én gang. Den samme historie kan leve som en side på din hjemmeside, en PDF til at vedhæfte tilbud, to slides i en pitchpræsentation og en karrusel på LinkedIn eller Instagram. Hver har brug for sin egen størrelse.

Slide 1920×1080

1920 × 1080

A4-PDF 2480×3508

2480 × 3508

Karrusel 1080×1350

1080 × 1350

Behance-cover 1616×1264

1616 × 1264

Fire hjem til ét casestudie, tegnet i målestok. Historien er den samme, mens beskæringen og ordtallet ændrer sig.
  • Karrusel: ét slide pr. akt plus en forside og et kontaktslide. LinkedIn-karruseller viser formatet.
  • Pitchpræsentation: et problemslide og et resultatslide, som i parret ovenfor.
  • PDF: to til fire A4- eller Letter-sider. Se design af et enkeltsidet overblik for opsummeringer på ét ark.
  • Portfoliohjemmesider: et cover i den størrelse, platformen kræver, som Behance-coverets størrelse.

Gradiently hjælper her, fordi en Mark tegnes på ny i hver størrelse: Design casestudiet én gang, og Pro tilpasser det til alle formater i ét trin, med den samme baggrund og skrift på tværs af sliden, PDF’en og karrusellens sider.

Design med en levende gradient

Opslag, stories, slides og bannere i alle størrelser, med tekst der altid kan læses.

Begynd at designe, gratis

Spørgsmål, folk stiller

Hvad skal et casestudie indeholde?

En overskrift med udfaldet, problemet, din tilgang, det færdige arbejde i sammenhæng, resultatet og et næste skridt for læseren.

Hvor langt skal et designcasestudie være?

Langt nok til at vise vendepunktet og ikke længere. De fleste gode kan skimmes på et minut og læses fuldt ud på fem.

Kan jeg skrive et casestudie uden resultatdata?

Ja. Brug et kundecitat eller en beskrivelse af, hvad der ændrede sig, som kunden godkender. Opfind aldrig tal.

Hvor skal resultatet stå i et casestudie?

I overskriften eller på første skærm og igen mere detaljeret til sidst. Mange læsere når aldrig til bunden.

Hvilket format skal et casestudie have?

En webside er hovedhjemmet, med en PDF til tilbud, slides til pitches og en karrusel til sociale medier, alt sammen i samme stil.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil

På denne side

Strukturen i et godt casestudieVisuelle udtryk til hver del af historienLayout af et casestudie på en websideÉt casestudie i flere formater

Del denne guide

Næste om Baggrunde

Design af rapportforsider: årsrapporter og whitepapers

Læs videre

Alle guides om Baggrunde
Anvendelser

Tips til designportfolio: vis dit arbejde, så du bliver ansat

5 min. læsning

Dem, der vurderer portfolioer, bruger kort tid på hver, og det meste af den på det første projekt. Disse tips handler om, hvad der skal med, hvordan en case bygges op, og hvordan du viser arbejdet, så det ser lige så godt ud, som det er.

Baggrunde

Design af one-pagers: ét ark, der forklarer din virksomhed

5 min. læsning

En one-pager er det, du sender efter en god samtale, lægger på et bord til et arrangement eller vedhæfter en kold mail. Den skal forklare din virksomhed, uden at du er i rummet.

Baggrunde

Pitch deck-design: et udtryk, der holder i tyve slides

5 min. læsning

De fleste præsentationer ser godt ud i tre slides og falder fra hinanden ved slide otte. Løsningen er et system: en håndfuld slidetyper, hver med en baggrund, der kender sin opgave.

Find det look, der kun er dit.

Hver Mark er en levende baggrund med én ejer. Prøv en ledig Mark, og sikr dig din, når det føles rigtigt.

Begynd at designe

Tjek et certifikat

Skriv et certifikatnummer eller en Marks kode for at se, hvem der ejer den.

Virker med ChatGPT og Claude

Bed din AI om et design. Den laver det i din Mark, klar til at redigere.

ChatGPTClaude
Sådan forbinder du

Produkt

  • Markedet
  • Udforsk
  • Priser
  • Certifikater

Lær

  • Designguiden
  • Hjælpecenter
  • Nyheder

Udviklere

  • Oversigt
  • ChatGPT og Claude
  • API-reference
  • API-nøgler

Virksomhed

  • Om os
  • Kontakt os
  • Log ind

Juridisk

  • Vilkår
  • Privatliv
  • Refusion
  • Mark-beskyttelse
  • Cookies
  • Alle politikker
Bevæg dig hen over bogstaverne. Hvert af dem bærer en ægte Mark.Rør ved et bogstav for at se dets Mark.Ét navn. Ti Marks inden i.
© 2026 Gradiently