Design Challenge Workshop

Denne workshop omhandlede figma, vi skulle lære hvordan man brugte componenter og autolayout. Opgaven der fulgte denne workshop var at man skulle redesign en hjemmeside, fra en selvvalgt branche.

Jeg valgte håndværker branchen og valgte hjemmesiden småopgaver.dk. Jeg valgte netop denne side, da jeg syntes nogle af deres Ui elementer så out-datede ud. Dette blev mit fokus punkt.

Jeg gav mig også selv til opgave at genbruge de farver de allerede havde på siden. Dette var både for at sikre mig at hele design processen ikke endte med at tage alt for lang tid, men også en form for udfordring, da jeg kan forstille mig at man godt kan komme ud for det på arbejdsmarkedet at klienten gerne vil beholde deres visuelle identitet.

Jeg startede ud med at lave et mobile first design. Jeg ville egentlig gerne have haft lavet en burgermenu som navigationsmenu, men var ikke helt sikker på hvor lang tid det ville tage at lære at lave sådan en i Figma, så det skippede jeg. Fandt så ud af efter jeg var færdig med at designe navigationen, at det ikke havde været særligt svært. Det var lidt det samme med billed karrusellen, så jeg valgte bare at putte nogle pile på, for at vise at det er ment som en karrusel. Da dette er et mobil design, burde der jo ikke være disse pile (NUI).

redesign af småopgaver.dk (mobile)

Så kom jeg til desktop versionen af designet. Jeg valgte at ændre navigationsmenuens placering, da jeg synes deres logo fyldte for meget på siden. De havde også nogle info kasser som jeg gerne ville ændre/fjerne.

Info kasser

Jeg synes egentlig ikke at mit endelige design blev særlig godt, men føler det havde mere potentiale end den nuværende side.

Redesign af småopgaver.dk (desktop version)

Refleksion

Det kom meget som en overraskelse hvad denne workshop omhandlede, og jeg tror det var en af grundene til at jeg ikke følte jeg lærte noget. Hvis jeg havde vidst inden workshoppen begyndte at vi skulle arbejde med autolayout og componenter i Figma, havde jeg nok læst lidt op på emnet. Der var ikke rigtig nogen introduktion til det, og det virkede meget til man bare selv skulle selvstudere disse tools indenfor Figma. Jeg synes jeg blev bedre til Figma af denne workshop, men havde nok fået endnu mere ud af det hvis jeg vidste det før jeg mødte op, hvad det var man gik ind til. Opgaven virkede også meget som en man bare kunne have haft lavet derhjemme, da det var individuelt.