Design Thinking processen

Min arbejdsproces - præsentationsportfolio

Som en del af min 1. semesterprøve skal jeg udvikle en præsentationsportfolio målrettet en konkret virksomhed, hvor jeg ønsker at komme i praktik. For at skabe en portfolio, der kommunikerer effektivt og skiller sig ud, har jeg gennemført en grundig målgruppeanalyse. Den hjælper mig med at forstå, hvem virksomheden er, hvad de efterspørger hos en webdesigner, og hvordan jeg bedst positionerer mig visuelt og kommunikativt.

Jeg anvender Design Thinking-modellen som ramme for hele udviklingsprocessen. Modellen giver mig mulighed for at arbejde iterativt, brugerdrevet og strategisk. Jeg har særligt fokus på branding, visuel identitet og brugeroplevelse (UX), og anvender relevante teorier og metoder til at sikre, at mit design både er funktionelt og appellerende.

Forstå konteksten

Formål: Forstå brugerens (virksomhedens) behov, egne mål og opgavens rammer.

Mine aktiviteter:

  • Læste og analyserede eksamenskrav

  • Research: Hvad gør et godt portfolio-site? (struktur, funktioner, branding)

  • Grundig målgruppeanalyse (Umbraco HQ og lignende)

  • Empathy Map: Hvad tænker, føler, siger og gør målgruppen?

  • Analyse: Hvad efterspørger en virksomhed ved ansættelse af webdesigner?

  • Research og visuel inspiration (Pinterest, designblogs, trends, andres portfolios til inspiration)

  • Moodboard- og koncept-research

  • Refleksion over egne styrker og hvordan de præsenteres

Indsigt og problemformulering

Formål: Oversætte research til klar strategi og stilvalg.

Mine aktiviteter:

  • Udarbejdelse af moodboard og style tile

  • Fastlæggelse af målgruppe og Tone of Voice

  • Definition af brandingstrategi og visuel identitet

  • Visionsbeskrivelse: Clean, moderne og ikke kedeligt – brug af CSS-animationer

  • Definition af succeskriterier og design challenge

Idégenerering

Formål: Udvikle konkrete løsninger og visualiseringer.

Mine aktiviteter:

Skitser og wireframes til både mobil og desktop

Planlægning og udarbejdelse af præsentationsmateriale til silent feedback

Fokus på layout, brugervenlighed og branding i skitserne

Forberedelse af spørgsmål til feedback

Prototype og test

Formål: Udvikle løsningen og teste idéerne i praksis.

Mine aktiviteter:

  • Udvikling af mockup i Figma

  • Kodning af sitet fra bunden i HTML og CSS

  • Genbrug af sektioner via BEM og semantisk struktur

  • Arbejde med responsive layouts og media queries

  • Animationer og overgange (CSS, evt. JS)

  • Iterationer og forbedringer 

Test og evaluering

Formål: Teste løsningen og evaluere egen proces.

Mine aktiviteter:

Brugertests med 5 personer (inkl. think aloud og desirability-test)

Remote test med observation og analyse

Iterationer baseret på feedback

Refleksion:

Hvad lærte jeg om kodning, design og mig selv?

Hvordan fungerede processen?

Hvordan virker portfolioen som redskab i praktikansøgning?

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 


    • Research om hvad et godt portfolio site indeholder og finde inspiration ved søgning
    • Undersøgelse af målgruppe og ønsket arbejdsplads
      • Emphathy map – hvad er vigtigt for virksomheden ift. at ansætte en ny webdesigner
      • Moodboard research på f.eks. Pinterest
  2. Interpretation
    • Udarbejdelse af moodboard og style tile.
    • Fastlæggelse af visuel stil og målgruppe.
    • Ønske om et clean, men ikke kedeligt design – med CSS-animationer.
  3. Ideation
    • Udarbejdelse af wireframes og skitser.
    • Forberedelse til silent feedback-session med fokus på layout og design.
      • Silent feedback på studiet
    • Forbedringer
      • Gennemgang og tilpasning ud fra feedback fra silent feedback
      • Justering af moodboard, style tile og Tone of Voice
      • iterationer i
  4. Experimentation (Eksperimentering)
    • Udvikling af mockup af sitet.
    • Start på kodning af sitet, genbrug af sektioner og fokus på responsivt design.
    • Arbejde med animationer og struktur i CSS.
  5. Evolution (Udvikling og Test)
    • Brugertests med 5 personer (bl.a. desirability test og think aloud-test).
    • Remote test og analyse af brugeradfærd og feedback.
  6. Refleksion
    • Læring om kodning og personlig udvikling.
    • Øget interesse for UI/UX.
    • Positiv oplevelse med eget portfolio som værktøj til praktikansøgning.
  7. Studiegruppe refleksion
    • Samarbejde og vidensdeling med studiegruppen.
    • God gruppekemi og støtte undervejs i projektet.

 

Tagged , , , ,