Utkast · Arbeidsversjon for case studies. Ikke publiser denne siden – innholdet flyttes inn i digitelle.no når det er ferdig.

Malen, forklart

Hver case-side består av seksjonene under, i denne rekkefølgen. Du trenger ikke bruke alle – slett det som ikke passer. Åpne en av case-filene i en teksteditor og skriv rett inn i den.

Seksjonene

  1. Sidetittel. Skriv resultatet som overskrift, ikke kundens navn. «Fra 300 til 3 000 besøkende» slår «Case: Elektro Solutions».
  2. Hovedbilde. Skjermbilde av nettsiden, helst 1200×750 px.
  3. Resultatet i tall. Tre nøkkeltall. Har dere ikke tall dere kan dokumentere, slett hele seksjonen – hellere ingen tall enn tall dere ikke kan stå for.
  4. Utfordringen. Situasjonen før, skrevet fra kundens ståsted.
  5. Slik løste vi det. Tre til fem steg. Hvert steg svarer på «hva gjorde vi, og hvorfor».
  6. Resultatet. Utfallet i tekst.
  7. Kundesitat. Ordrett, og godkjent av kunden før publisering.
  8. Avslutning. Oppfordring til å ta kontakt.

Regler som gjelder

  • Ingen tall uten dekning. Alt som ser ut som en måling blir lest som en måling.
  • Sitater skal være ordrette og godkjent av kunden. Ikke skriv om for å gjøre dem penere.
  • Alt-tekst på alle bilder. Beskriv hva bildet viser, for dem som ikke ser det.
  • Kundenavn krever samtykke før siden publiseres.

Byggeklosser du kan bruke

Klassenavnene under er de samme som på digitelle.no. Kopier en blokk fra en case-fil og lim den inn der du vil ha den.

Kort på rad

Klasse: dg-feature-grid med dg-feature-card inni.

Overskrift

Kort forklaring. Bruk disse når du har tre til seks likestilte poenger.

Overskrift

Kort forklaring.

Overskrift

Kort forklaring.

Nøkkeltall

Klasse: dg-stat-grid med dg-info-card dg-info-card--compact inni.

10×
hva tallet beskriver
4 uker
hva tallet beskriver
98/100
hva tallet beskriver

Sitat

Klasse: quote-featured.

Et sitat får plass og tyngde med denne blokken. Bruk den til det sterkeste sitatet, og de mindre sitatene i vanlig tekst.
Navn Navnesen Rolle, Bedrift AS

Stegvis prosess

Klasse: dg-process-timeline med dg-process-step inni.

1

Første steg

Hva gjorde vi, og hvorfor akkurat det?

2

Andre steg

Hva gjorde vi, og hvorfor akkurat det?

3

Tredje steg

Hva gjorde vi, og hvorfor akkurat det?

Spørsmål og svar

Klasse: dg-faq med details inni.

Et spørsmål kunden ofte stiller

Svaret. Hold det kort og konkret.

Enda et spørsmål

Svaret.