Skip to content

PROJEKT 4: Brugergrænseflade og Indhold

Emnet for projekt 4 var velgørenhed, og som vi fik til opgave at skulle løse følgende problemformulering:

Hvordan kan et digitalt produkt hjælpe med at involvere unge mellem 20-25 år i et udvalgt velgørenhedsprojekt eller organisation?

I løbet af tre Design Sprints, har vi skulle udvikle en løsning til en selvvalgt klient, der skal præsenteres mandag d. 13/11. Som vores klient, har vi valgt at arbejde med Danmission.

Design Sprint 1

Som krav til sprintet, har vi skulle udvikle en lo-fi prototype vha. de metoder vi har lært undervejs. Til det, stod jeg for at lave wireflow, ud fra det Scenario Mapping vi havde lavet til en workshop:

Dette blev til en prototype i XD, som vi kunne teste af i en brugertest. Alt det research og analyse vi skulle bruge til at lave prototypen, havde vi primært lavet i de to workshops Brugeren og Fra bruger, til prototype. Det gik derfor hurtigt med at få lavet prototypen, hvilken der kan ses wireframes af herunder:

Design Sprint 2

Dét der var allermest fokus på i dette sprint, var at lave indholdsstrategi. Det vi bl. a. har arbejdet ud fra har været vores Persona, hvilket jeg brugte til at skrive afsnittet om segmentering. Derudover, har jeg skrevet om Content Sweet Spot, samt budskabsdesign:

Indhold-CBC

Jeg har i dette sprint også kodet en lille smule, ud fra det kampagnekoncept der blev udviklet, samt en skitse til infografik. Det blev til skitsen her, som idé til en kampagneside:

Og det kom til at se ud som følgende, i koden:

Design Sprint 3

Fokus i dette sprint har været på JavaScript, hvilket leverancen til dels bæger præg af. Det betyder også, at i de seneste wireframes af designet, er der indtænkt JavaScript – bl. a. den dropdown ved Vores arbejde, samt idé til et modal pop-up:

Dropdown’en lavede jeg til min JavaScript-video, og resultatet er kommet til at blive således:

Det endelige resultat
Afslutningsvis, er dette blevet til en opdateret HTML og grafisk oppepning af diverse metoder der er brugt, samt mine afsnit fra indholdsstrategien. Det ser ud således:

indhold-egne-afsnit