ABC

ABC - Website

Casen er udarbejdet som en personlig interesse

Fokus

Denne case fokuserer på at udvikle en hjemmeside for børn og læring. Den undersøger brugergrænsefladen UI og anvendelsen af designsystemer til at skabe en færdig prototype af hjemmesiden.

Løsning

Min rolle i projektet

UX / UI

Programmer der blev anvendt

moodboard

1. Moodboard

For at designe en hjemmeside blev den ønskede stemning defineret. Der blev undersøgt, hvordan farver, typografi og billeder kunne anvendes til at formidle denne stemning og skabe en sammenhængende visuel identitet. Farverne blev valgt med omhu for at vække de rette følelser, mens typografien blev tilpasset for at sikre læsbarhed og æstetik. Billederne skulle ikke blot være visuelt tiltalende, men også understøtte det budskab, der ønskedes at kommunikere.

moodboard
designsystemer

2. Designsystemer

Der blev efterfølgende arbejdet med designsystemer, hvor fokus var på at definere brugen af farver, typografi og komponenter. Der blev analyseret, hvordan forskellige farver kunne anvendes strategisk for at skabe visuel hierarki og guide brugerens opmærksomhed. Der blev defineret typografi og størrelser for overskrifterne fra H1 til H6, hvor hvert niveau blev nøje overvejet for at skabe et klart hierarki, der gør indholdet let at navigere. Derudover blev der udviklet en samling af UI-komponenter, såsom knapper og cards, der kan genbruges på tværs af hjemmesiden. Dette sikrede ikke blot et ensartet udtryk, men gjorde også udviklingsprocessen mere effektiv.

mockup

3. Wireframes og mockup

Der blev skitseret ud fra ui patterns af opgaver i form af cards, der blev også set på hvordan man kan gør siden mere indbydende ud og fange målgruppen allerede fra landingpage. Skitserne blev omsat til wireframes,hvor indholdet blev tilføjet for at give en klarere repræsentation af, hvordan de forskellige elementer ville se ud i den endelige version.

mockup