Hjemmeside design for Blikshop

Jeg har arbejdet på et project for virksomheden Blikshop, som er en virksomhed der bukker metal plader til forskellige formål. Min opgave var at lave et mere brugervenligt UI med filter til at sortere i produkterne.

vores idé

Mockups

Jeg designede interaktive og resonsive mockups til virksomheden, med adobe XD. Det tog et par forsøg før vi alle blev enige om et design.

Mockups

Programmering

Efter mockupsne var på plads, begyndte jeg at skrive html og css. Det tog en uges til at lave den første prototype. Jeg lavede det sådan at alle produkterne blev genereret i javascript udfra en .json fil og sendt til html.

Kode

Intenst JavaScript

Blikshop ville også gerne have lavet et tegne værtøj, som kunder kan bruge til at tegne deres egne "profiler" over hvordan pladerne skal bukkes. Jeg begynde at programmere et tegneprogram som bruger svg. Det var meget inviklet fordi der skulle beregnes både vectorer, screen-points og svg længder.

Afslutning

Efter at have været alt det i gennem, var jeg nød til at få nogle andre fra skole praktikken til at overtage projektet. Jeg var nød til at forbedere mig til hovedforløbet, og arbejde på nogle andre ting.