# Design af casestudier: vis problemet, arbejdet og resultatet [Canonical HTML page](https://gradiently.design/da/guide/case-study-design) 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. ## The short version - 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. 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. **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. **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. **Tilgangen** De to eller tre beslutninger, der gjorde forskellen, og hvorfor. Ikke hvert skridt, du tog. 4. **Arbejdet** De færdige stykker, vist store og i sammenhæng: på en telefon, på en hylde, på en gade. 5. **Resultatet** Hvad der ændrede sig, med kundens egne ord eller tal, du har tilladelse til at dele. 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. | Sektion | Visuelt udtryk, der beviser den | Undgå | | --- | --- | --- | | Problem | Den gamle version, en forvirrende skærm, en rodet hylde | At gøre grin med kundens gamle arbejde | | Tilgang | Skitser, et moodboard, to muligheder side om side, briefen | Dusinvis af procesfotos | | Arbejde | Det færdige stykke i reel brug, derefter nøgledetaljer | Kun svævende mockups på grå baggrund | | Resultat | Et kort kundecitat, et godkendt tal sat stort, arbejdet i virkeligheden | Vage påstande uden kilde | Ét visuelt bevis pr. sektion er nok. Mere end tre billeder i træk, og historien går i stå. Et slide i bredformat til et casestudie med titlen Problemet, der fastslår, at gæster ikke kunne finde de veganske retter på et menukort Et problemslide: sagen fremstillet enkelt, fra kundens side, på én linje. Et tilsvarende slide i bredformat med titlen Resultatet og overskriften Spørgsmål ved bestilling halveret over den samme gradient 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](https://gradiently.design/da/guide/visual-hierarchy) 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](https://gradiently.design/da/guide/designer-portfolio-tips) og [udviklerportfolio](https://gradiently.design/da/guide/developer-portfolio-design) 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](https://gradiently.design/da/guide/linkedin-thought-leader-content) 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](https://gradiently.design/da/guide/one-pager-design) for opsummeringer på ét ark. - **Portfoliohjemmesider:** et cover i den størrelse, platformen kræver, som [Behance-coverets størrelse](https://gradiently.design/da/guide/behance-cover-size). 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. ## FAQ ### 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.