procesportfolio.

Projekt 3 – Kodet Hjemmeside (html & css)

24. November – 19. December 2025, Eksamen (12-14 Januar 2026)

24 November – Kick-Off

Den 24. November var der kick-off til projekt 3. Dette projekt er vores første semester prøve som vi skal op til eksamen i. Under projektet skal man kode en hjemme side fra bunden (HTML og CSS) Vi skal lave siden sådan så den følger det brand og den identitet vi som “sælgere” gerne vil vise til potentielle brugere.

Jeg er en digital kunstner. Jeg har arbejdet med Illustrationer, animation og karakter design det meste af mit liv og det er en stor del af min identitet og passion. Udover det har jeg også andre egenskaber som Billedredigering (kan også kaldes photoshop). Jeg har også lavet logoer. I Hamborg redesignede jeg nogle skilte som jeg også har tænkt mig at vise på min hjemmeside.

Til kick-off var det Andrea der introducerede os til projektet. Han snakkede om kravene, viste eksempler og lod os alle vide at det at kode kan være forskelligt for os alle. Jeg har følt mig ret nervøs for det under uddannelsen så det var rart med noget beroligelse. Efter kick-off havde vi nogle enkle undervisningsmoduler tilbage med Jesper og dernæst var man egentlig for sig selv.

Studiegruppe

Hjemmesiden kodningen er en individuel opgave, og vi også fortalt at det er en rigtig god ide at have en studiegruppe alligevel. Jeg lavede en discord chat med Carl Emil og Mads! Personligt har jeg meget svært ved at arbejde individuelt, med mine egne projekter. Bare at komme igang og arbejde konsekvent, er noget jeg har bøvlet med i mange år. At ringe sammen med mine medstuderende og tjekke ind på hvor lang man er nået har fungeret godt for mig. Jeg har fået en masse hjælp pga. dem og havde nok ikke kunne været nået hvor jeg er uden deres støtte. Jeg har ikke været til meget hjælp på deres vegne og derfor er jeg også meget taknemmelig.

Silent Feedback – 1. December

Den 1. December (yay juul) Skulle man møde op på studie og vise ens work-in-progress på ens side. Dette kunne være hvor som helst under ens proces. Nogle havde allerede kodet, mens andre havde styletiles, moodboards eller lofi og hifi wireframes.

Jeg havde en lofi wireframe (lavet i figma) som viste et meget simpelt udtryk af hvad jeg ville have på min side og dens layout. Under silent feedback har alle deres arbejde fremme og man kan gå rundt og skrive feedback på hvad man synes om sine medstuderernes arbejde. Jeg mener selv min feedback var super fin. Bedre en jeg havde regnet med fordi jeg havde ikke super meget materiale at vise.

Efter dette var man igen for sig selv. I starten havde jeg kodet en lille smule. Jeg havde sat et grid ind og havde et meget basalt skelet at min hjemmesides layout. Jeg tøvede derefter i nogle dage med at komme ordentligt igang. Mads har hjulpet mig en helt del med at komme igang og har guidet mig igennem de ting jeg havde svært ved at forstå. At få kodet konsekvent hver dag gjorde mig mere og mere selvsikker. Man får blod på tanden når det lykkedes og at eksperimentere lidt efter lidt blev mindre angtprovokerende for mig. Jeg havde initielt ikke en fast ide om hvordan min side skulle være præcis fordi jeg var nervøs. Jeg prioriterede mest bare at det skulle virke og være simpelt sådan så jeg selv kunne forstå det. Jeg legede dog rundt i figma noget mere for at få et bedre indblik i hvad jeg kunne tænke mig på siden.

Jeg er bevidst over at der er ting jeg gerne vil have men ikke har kunne formå at gøre på siden. Jeg er sikker på at jeg kan lave de sidste tweaks på siden inden den mundtlige eksamen.

At arbejde med HTML og CSS har været en lidt ru sti for mig men en sjov en. Jeg har haft både et fixed mindset men også growth! Det har været en smule frustrerende til tider men jeg ville også mene at fordi vi har så frie tøjler (selvfølgelig skal vi bruge vores lærte teori og involvere design thinking) så har det helt klart gjort projektet nemmere at befinde sig i. Især fordi det er et helt nyt sprog man lære.

Aflevering af arbejdsdokumentet, plakat og refleksion – D. 19 December

Jeg har lavet plakaten og afleveringsdokumentets design på Procreate på min tablet. Jeg bruge InDesign til at sætte tekst og billeder ind.

Refleksion – efter første eksamen

Jeg har meget jeg kan reflekter over i dette projekt. Jeg vil for det første gerne erkende at min arbejdsproces og tankegang aldrig følger en fast og planlagt rute. Jeg udretter ting som jeg føler dem. I starten havde jeg en ide til min hjemmeside som mest bestod af elementer jeg selv kunne lide. Jeg havde selvfølgelig design i tankerne men ikke så meget brugeren i tankerne. Ikke med hensyn til de betydelige ting som usability og brugervenlighed. At lære at kode var en udfordring for mig så jeg sørgede for at min hjemmeside var simpel for at gøre det nemmere for mig selv. Efter min første eksamen troede jeg at dette ville være umuligt at fikse. Min hjemmeside var så nøgen for elementer og intuitivitet at jeg ikke vidste hvordan jeg skulle implementere nye ting. Jeg troede at jeg sad fast. Men efter feedbacken fra min eksamen fandt jeg ud af at min proces sagtens stadigvæk kunne fungere, selvom jeg måske ikke havde fulgt design thinking processen til hvert step. Jeg ved hvilke nye CTA elementer jeg kan implementere og hvilke andre forbedringer der skal til for at gøre brugerens oplevelse af min side bedre. Jeg har i forvejen godt styr på CRAP og andre design principper, farver og typografi. Mit næste fokus er brugeroplevelsen og selve det undersøgende arbejde jeg skal kunne gøre mig, for faktisk at gøre min side brugbar/virkbar til min målgruppe. Dette er helt klart svært for mig men jeg vil forsøge så godt jeg kan.