Casestudy ontwerpen: toon het probleem, het werk en het resultaat

Een sterke casestudy volgt drie aktes: het probleem, het werk en het resultaat. Open met een kop die de uitkomst noemt, laat zien wat er eerst mis was, loop door de beslissingen die het veranderden en bewijs dan dat het werkte met het afgewerkte stuk in echt gebruik. Geef elke akte een eigen beeld en houd de woorden kort. Een potentiële opdrachtgever moet in de tijd die één scherm scrollen kost begrijpen wat je deed en waarom het ertoe deed.

De structuur van een goede casestudy

Ontwerpers, bureaus, consultants en softwarebedrijven schrijven allemaal casestudy’s, en de vorm die werkt is steeds dezelfde. Hij leest als een kort verhaal met een duidelijk keerpunt, en zet het einde zowel aan het begin als aan het eind.

1. 1

   Kop: de uitkomst

   “Een menu dat bestelvragen halveerde” wint van “Rebranding restaurant”. Noem de opdrachtgever en het werk in een regel eronder.

2. 2

   Het probleem

   Wat er mis was, voor wie, en waarom het voor het bedrijf telde. Twee of drie zinnen en een beeld van vroeger.

3. 3

   De aanpak

   De twee of drie beslissingen die het verschil maakten, en waarom. Niet elke stap die je zette.

4. 4

   Het werk

   De afgewerkte stukken, groot en in context getoond: op een telefoon, op een schap, in een straat.

5. 5

   Het resultaat

   Wat er veranderde, in de woorden van de opdrachtgever of in cijfers die je mag delen.

6. 6

   De volgende stap

   Eén regel die een lezer met een vergelijkbaar probleem uitnodigt contact op te nemen.

Kies met dezelfde zorg welke projecten je uitschrijft. Drie casestudy’s die passen bij de opdrachtgevers die je hierna wilt, zijn meer waard dan tien die alles bestrijken wat je ooit deed. Wil je meer restaurantwerk, begin dan met het restaurant; wil je softwareklanten, begin dan met het dashboard, ook al was het een kleinere klus.

Beelden bij elk deel van het verhaal

Een muur van afgewerkte mockups vertelt de lezer dat je mooie dingen kunt maken. Hij vertelt niet dat je hun probleem kunt oplossen. Koppel elk onderdeel aan een beeld dat het punt van dat onderdeel bewijst.

Het voorbeeld hierboven is verzonnen om de vorm te tonen, maar kijk naar de bronregel onder het resultaat. Een cijfer met bronvermelding leest als bewijs; een cijfer alleen leest als marketing. Visuele hiërarchie helpt bepalen wat je groot zet.

Opmaak van een casestudy op een webpagina

Op een portfolio- of bedrijfssite is een casestudy een lange pagina. De meeste bezoekers lezen het eerste scherm, scannen de koppen en kijken naar de plaatjes. Ontwerp precies daarvoor.

Een consistente achtergrond voor scheidingen tussen onderdelen, citaten en resultaatvlakken laat een lange pagina als één geheel aanvoelen en geeft het oog een rustpunt tussen de afbeeldingen. Tips voor een ontwerpportfolio en portfolio voor ontwikkelaars behandelen de bredere site eromheen.

Eén casestudy in meerdere formaten

Een casestudy kost te veel werk om maar één keer te publiceren. Hetzelfde verhaal kan leven als pagina op je site, als PDF bij offertes, als twee slides in een pitchdeck en als carrousel op LinkedIn of Instagram. Elk heeft een eigen formaat nodig.

• Carrousel: één slide per akte, plus een cover en een contactslide. LinkedIn-carrousels laat het format zien.
• Pitchdeck: een probleemslide en een resultaatslide, zoals in het paar hierboven.
• PDF: twee tot vier pagina’s A4 of Letter; zie one-pager ontwerpen voor samenvattingen op één blad.
• Portfoliosites: een cover op het formaat van het platform, zoals de Behance-coverafmeting.

Gradiently helpt hierbij omdat een Mark op elk formaat opnieuw wordt getekend: ontwerp de casestudy één keer en Pro past hem in één stap aan naar elk formaat, met dezelfde achtergrond en letters op de slide, de PDF en de carrouselpagina’s.