# Design av kundecaser: vis problemet, arbeidet og resultatet [Canonical HTML page](https://gradiently.design/nb/guide/case-study-design) De fleste kundecaser er et galleri med et avsnitt på toppen. De som skaffer oppdrag, forteller en historie en fremmed kan følge på ett minutt. Det krever tydelig struktur, visuelle bevis og et format for hvert publiseringssted. ## The short version - En god kundecase forteller én historie i tre deler: problemet, arbeidet og resultatet. - Resultatet bør vises på første skjerm eller første side, fordi mange lesere aldri blar til slutten. - Hver del av en kundecase bør ha noe visuelt, fra et førbilde via prosesskisser til det ferdige arbeidet i bruk. - Oppgi bare resultater du kan dokumentere, og få kundens tillatelse før du bruker navn eller deler tall. - Én kundecase kan publiseres som nettside, PDF, side i en salgspresentasjon og karusell i sosiale medier med samme enhetlige uttrykk. Godt **design av kundecaser** følger tre akter: problemet, arbeidet og resultatet. Åpne med en overskrift som oppgir utfallet, vis hva som var galt før, forklar beslutningene som endret det, og bevis at det virket med det ferdige arbeidet i faktisk bruk. Gi hver akt noe visuelt og hold teksten kort. En potensiell kunde bør forstå hva du gjorde og hvorfor det betydde noe på tiden det tar å bla én skjerm. ## Strukturen i en god kundecase Designere, byråer, konsulenter og programvareselskaper skriver alle kundecaser, og formen som fungerer er den samme. Den leses som en kort historie med et tydelig vendepunkt og setter avslutningen både først og sist. 1. **Overskrift: utfallet** «En meny som halverte spørsmål ved bestilling» slår «Ny restaurantprofil». Oppgi kunden og arbeidet på en linje under. 2. **Problemet** Hva var galt, for hvem, og hvorfor det betydde noe for virksomheten. To eller tre setninger og et førbilde. 3. **Tilnærmingen** De to eller tre beslutningene som gjorde forskjellen, og hvorfor. Ikke alle trinnene du tok. 4. **Arbeidet** De ferdige delene, vist stort og i sammenheng: på en telefon, i en hylle eller på gaten. 5. **Resultatet** Hva som endret seg, med kundens egne ord eller tall du har tillatelse til å dele. 6. **Neste trinn** Én linje som inviterer lesere med et lignende problem til å ta kontakt. > **Spør før du deler** Sjekk kontrakten og spør kunden før du navngir dem, viser upublisert arbeid eller deler tall. Kan du ikke dele tall, beskriv endringen med ord de godkjenner. Velg prosjektene du skriver om like nøye. Tre kundecaser som passer kundene du ønsker deg, er mer verdt enn ti som dekker alt du har gjort. Vil du ha flere restaurantoppdrag, sett restauranten først. Vil du ha programvarekunder, sett dashbordet først, selv om det var et mindre oppdrag. ## Visuelle bevis for hver del av historien En vegg av ferdige presentasjonsbilder viser at du kan lage fine ting. Den viser ikke at du kan løse leserens problem. Knytt hver del til noe visuelt som beviser poenget. | Del | Visuelt bevis | Unngå | | --- | --- | --- | | Problem | Den gamle versjonen, en forvirrende skjerm, en rotete hylle | Å latterliggjøre kundens gamle arbeid | | Tilnærming | Skisser, et inspirasjonsbrett, to alternativer ved siden av hverandre, oppdragsbeskrivelsen | Dusinvis av prosessbilder | | Arbeid | Det ferdige arbeidet i faktisk bruk, deretter viktige detaljer | Bare svevende presentasjonsbilder på grått | | Resultat | Et kort kundesitat, et godkjent tall i stor skrift, arbeidet ute i verden | Vage påstander uten kilde | Ett visuelt bevis per del er nok. Mer enn tre bilder på rad stopper historien. En bred presentasjonsside med tittelen Problemet, som beskriver at gjestene ikke fant de veganske rettene på menyen En problemside: utfordringen beskrevet enkelt fra kundens ståsted, på én linje. En tilsvarende bred side med tittelen Resultatet og overskriften Halverte bestillingsspørsmål over samme gradient Resultatsiden i samme stil. Utfallet er overskriften, med kilden oppgitt under. Eksemplet over er oppdiktet for å vise strukturen, men se på kildelinjen under resultatet. Et tall med kilde leses som bevis. Et tall alene leses som markedsføring. [Visuelt hierarki](https://gradiently.design/nb/guide/visual-hierarchy) hjelper deg å velge hva som skal være stort. ## Oppsett av kundecase på en nettside På en portefølje eller bedriftsnettside er en kundecase en lang side. De fleste leser første skjerm, skummer overskriftene og ser på bildene. Design for nettopp det. ### Unngå - Et hovedbilde som fyller hele skjermen uten tekst - Resultatet gjemt helt nederst - Lange avsnitt mellom bildene - Alle bilder i samme størrelse - Ingen kontaktmulighet til slutt ### Gjør - Overskrift, kunde og utfall på første skjerm - En kort faktaboks: kunde, rolle, tidslinje, resultat - Overskrifter som forteller historien alene - Store hovedbilder og mindre detaljbilder - Et tydelig neste trinn og lenke til neste kundecase En enhetlig bakgrunn på seksjonsskiller, sitater og resultatfelt får en lang side til å føles som én helhet og gir øyet hvile mellom bildene. [Tips til designerporteføljen](https://gradiently.design/nb/guide/designer-portfolio-tips) og [utviklerportefølje](https://gradiently.design/nb/guide/developer-portfolio-design) beskriver nettsiden rundt. ## Én kundecase i flere formater En kundecase er for mye arbeid til bare én publisering. Samme historie kan være en side på nettstedet, en PDF vedlagt tilbud, to sider i en salgspresentasjon og en karusell på LinkedIn eller Instagram. Hver trenger sin egen størrelse. - Presentasjon 1920×1080: 1920 × 1080 - A4-PDF 2480×3508: 2480 × 3508 - Karusell 1080×1350: 1080 × 1350 - Behance-omslag 1616×1264: 1616 × 1264 Fire steder for én kundecase, tegnet i riktig forhold. Historien er den samme, mens beskjæring og tekstmengde endres. - **Karusell:** én side per akt, pluss omslag og kontaktside. [LinkedIn-karuseller](https://gradiently.design/nb/guide/linkedin-thought-leader-content) viser formatet. - **Salgspresentasjon:** en problemside og en resultatside, som paret over. - **PDF:** to til fire A4- eller Letter-sider. Se [design av ensidere](https://gradiently.design/nb/guide/one-pager-design) for oppsummeringer på ett ark. - **Porteføljenettsteder:** et omslag tilpasset plattformen, for eksempel [omslagsstørrelsen på Behance](https://gradiently.design/nb/guide/behance-cover-size). Gradiently hjelper fordi en Mark gjengis på nytt i hver størrelse. Design kundecasen én gang, så tilpasser Pro den til alle formater i ett trinn, med samme bakgrunn og skrift på presentasjonssiden, PDF-en og karusellsidene. ## FAQ ### Hva bør en kundecase inneholde? En overskrift med utfallet, problemet, tilnærmingen, det ferdige arbeidet i sammenheng, resultatet og et neste trinn for leseren. ### Hvor lang bør en designcase være? Lang nok til å vise vendepunktet, og ikke lenger. De fleste gode caser kan skummes på ett minutt og leses grundig på fem. ### Kan jeg skrive en kundecase uten resultatdata? Ja. Bruk et kundesitat eller en beskrivelse av endringen som kunden godkjenner. Finn aldri på tall. ### Hvor bør resultatet plasseres i en kundecase? I overskriften eller på første skjerm, og igjen med flere detaljer til slutt. Mange lesere kommer aldri til bunnen. ### Hvilket format bør en kundecase ha? En nettside som hovedversjon, med PDF til tilbud, presentasjonssider til salgsmøter og karusell til sosiale medier, alt i samme stil.