Storm

- en vejrapp for børn

Digitale brugergrænseflader

Opgave: Design og programmer en digital brugergrænseflade for Abtion. Med løsningen skal vi lære børn at læse og forstå vejret på en sjov og lærende måde.

Løsning: Produktet er en prototype webapp kodet i HTML, CSS og JavaScript. GitHub blev brugt til versionsstyring. Det er et drag n drop spil, hvor målet er at klæde en figur korrekt på efter vejret.

I appen er der et forældreområde, en loginside, et spilleområde og et belønningsområde. Jeg har udviklet en animeret prototype i XD, som blev testet på udvalgte i målgruppen.

Derudover var jeg med til at lave loginsiden til forældreafsnittet og brugte JavaScript til en talkode-verifikation. En gennemgang af appens funktionaliteter kan ses herunder:

Indsigt og læring

Ved at udpensle brugergrænsefladens user flow fik vi styr på, hvordan spillets komponenter hang sammen, før vi gik i gang med at kode indholdet.

I løbet af projektet fik jeg praktisk erfaring med, hvordan man tilrettelægger arbejdet i GitHub, når flere sidder inde over samme kode.

Derudover fik jeg mulighed for at arbejde med grundlæggende JavaScript koncepter og termer.

Metoder og værktøjer:


Webudvikling: HTML, CSS, JavaScript.


Design: Illustrator.


Prototype: Adobe XD.


Versionsstyring: GitHub.


Designproces: Design Thinking.


Projektledelse: SCRUM.


hjemmesidedesign