Projekt 3

1. Semesterprøven

Mit 1. semester eksamensprojekt gik ud på at udvikle min præsentationsportfolio – et website kodet fra bunden i HTML og CSS. For mig handlede projektet ikke kun om at samle mine projekter ét sted, men om at skabe et digitalt univers, der viser, hvem jeg er som designer, og hvad jeg kan tilbyde fagligt og visuelt.

I portfolioen skulle vi vise minimum seks projekter. Jeg har derfor været meget bevidst omkring at udvælge projekter, som både viser mine kompetencer og matcher mit personlige brand. Det var vigtigt for mig, at portfolioen føles sammenhængende og ikke bare som en samling tilfældige opgaver.

01. Discovery – Forståelse og Research

Jeg startede processen med at kigge indad og arbejde med mit personlige brand. Her brugte jeg The Golden Circle til at finde mit “why”. Som en del af min research brugte jeg også et KWHL-skema. Det hjalp mig med at få overblik over, hvad jeg allerede vidste om mit personlige brand, hvad jeg gerne ville blive klogere på, og hvordan jeg kunne undersøge det.

KWHL-skemaet gav mig en mere struktureret start på projektet og gjorde det lettere at omsætte mine tanker og observationer til konkrete designbeslutninger senere i processen. Det blev tydeligt for mig, at min styrke ligger i krydsfeltet mellem det sanselige og det strategiske – altså der, hvor æstetik og funktionalitet mødes.

Gennem mit arbejde som barista hos Kaffeværket har jeg dagligt mulighed for at observere, hvordan mennesker reagerer på stemning, æstetik, dufte og detaljer. Den indsigt tog jeg med ind i projektet. Jeg blev særligt opmærksom på, at mange små livsstilsbrands har et stærkt fysisk udtryk, men ofte mangler en digital platform, der kan formidle den samme oplevelse online.

02. Interpretation – Målgruppe og Strategi

Efter researchfasen begyndte jeg at samle trådene og stille mig selv spørgsmålet:

Hvem er det egentlig, jeg gerne vil tale til med min portfolio?

Jeg brugte Minerva-modellen til at indsnævre min målgruppe og kunne tydeligt placere min ideelle modtager i det Grønne Segment, med træk mod det Blå. Det er mennesker, som er værdidrevne, kvalitetsbevidste og som foretrækker autenticitet frem for salgsbudskaber. De går op i helhed, æstetik og mening – både fysisk og digitalt.

For at gøre målgruppen mere konkret udviklede jeg personaen Marie (34 år). Marie er ejerleder af en café. Hun er passioneret omkring sin forretning, men oplever ofte tidsmangel og teknisk usikkerhed. Hun har svært ved selv at oversætte den stemning og kvalitet, hun skaber fysisk, til et digitalt univers, der føles lige så gennemført.

Da jeg arbejdede med Marie som persona, blev det klart for mig, at min præsentationsportfolio ikke skulle råbe højt eller virke “smart”. Den skulle i stedet skabe ro, overblik og tillid. Mit website skulle vise, at jeg forstår hendes udfordringer, og at jeg kan være den designpartner, der samler trådene og skaber en tydelig visuel rød tråd – både strategisk og æstetisk.

Denne målgruppeforståelse blev afgørende for de valg, jeg senere traf i både design og indhold.

03. Ideation – Konceptudvikling

I ideationsfasen eksperimenterede jeg med mit visuelle udtryk og endte med konceptet “Aesthetic Minimalism”. Jeg arbejdede bevidst med White Space, jordnære farver som Creme (#F9F7F2) og Oliven (#B4B581) samt en rolig og enkel struktur. Målet var at skabe et udtryk, der føles professionelt, æstetisk og afbalanceret.

Jeg lavede også stemnings moodboard og gik meget efter et “magasin-look”. Her valgte jeg skrifttypen Poppins, da jeg oplever den som moderne, let og meget skandinavisk i sit udtryk – og som et godt match til både billeder og indhold.

Silent Feedback

Mandag d. 01/12 deltog jeg i Silent Feedback, hvor jeg præsenterede min idé. Jeg havde lavet et stemnings-moodboard, defineret nøgleord for mit personlige brand og udarbejdet mit første udkast til en wireframe. Jeg fik rigtig relevant feedback, som gav mig klarhed over, hvad der fungerede, og hvad jeg skulle arbejde videre med. Den feedback tog jeg aktivt med mig videre i resten af projektet.

Style Tile efter silentfeedback

Mit Style Tile visualiserer konceptet Aesthetic Minimalism. Målet var at skabe en identitet, der balancerer det organiske og sanselige med det stramme og digitale.

  • Farver: Paletten er forankret i Minerva-modellens grønne segment (og fordi grøn er min yndlingsfarve). Jeg har valgt jordnære nuancer (Oliven #B4B581 og Creme #F9F7F2) for at signalere ro, natur og autenticitet. Den mørke kontrastfarve (#1A1A1A) sikrer læsbarhed og kant.
  • Typografi: Jeg har valgt en ren Sans-Serif løsning med Poppins. Ved at bruge Light (300) til store overskrifter og Bold Uppercase (700) til detaljer, skaber jeg et eksklusivt, redaktionelt hierarki uden brug af pynte-skrifttyper.
  • Formsprog: Logoet har jeg selv tegnet i Illustrator. Logoets bløde, organiske former står i kontrast til det stringente grid-layout og de skarpe knapper (CTA). Dette spændingsfelt mellem det bløde og det hårde er kernen i min visuelle identitet.

04. Experimentation – Prototyping og Kodning

I denne fase skulle mit visuelle koncept omsættes til et fungerende website, og her blev processen både teknisk og meget lærerig. Jeg kodede sitet fra bunden i HTML5 og CSS.

Jeg startede med at lave mine wireframes i Figma, som jeg løbende testede og justerede undervejs. Det gav mig et klart overblik over struktur og layout, inden jeg gik i gang med at kode.

Til selve kodningsdelen brugte jeg især W3Schools til opbygning af siden samt forskellige YouTube tutorials som støtte, når jeg stødte på udfordringer. Kodningsprocessen lærte mig, hvor vigtigt det er at have styr på designet først – og at ændringer i design bør ske i prototypen, før de implementeres i koden. Det gav mig en langt mere overskuelig og struktureret arbejdsproces.

05. Evolution – Resultat og Læring

Resultatet er et fuldt responsivt website, der både viser mine kompetencer og mit personlige brand. Jeg er meget tilfreds med det, jeg er nået i mål med, og jeg kan allerede se mange muligheder for videreudvikling og forbedringer. https://miemadsen.dk/index.html

Refleksion

Det har været et virkelig interessant og lærerigt projekt. Jeg er stolt af det færdige resultat, og jeg har lært ufatteligt meget undervejs – både teknisk og personligt.

Jeg har især lært, hvor vigtigt det er at strukturere en stor opgave, lave en realistisk tidsplan og tage én ting ad gangen. Jeg havde både glædet mig til – og frygtet – at arbejde med en så stor individuel opgave. Det var fedt at have frie tøjler, men også skræmmende selv at skulle have det fulde overblik.

Her har min studiegruppe været en stor støtte. Vi var gode til at tjekke ind på hinanden, sparre og hjælpe, når der opstod tvivl. Det gav mig både ro og motivation i processen.

Jeg ser min præsentationsportfolio som et levende projekt, der kan udvikle sig sammen med mig i løbet at studiet. Det færdige resultat markerer ikke en afslutning, men et udgangspunkt for videre læring, forfinelse og professionel udvikling på uddannelsen og frem mod arbejdsmarkedet.

Min studiegruppe til P3

Jeg var i gruppe med Sine, Mathias og Lucas.

Det har været virkelig rart at have nogen at sparre med igennem projektet. Vi fik hurtigt etableret en kultur, hvor vi var gode til at tjekke ind hos hinanden. Vi havde vores første møde sammen efter SilentFeedback. Her gennemgik vi den kritik, vi hver især havde fået, og hjalp hinanden med at oversætte feedbacken til konkrete handlingsplaner. Her lærte vi også hinanden lidt bedre at kende, da vi aldrig havde arbejdet sammen før.

Gennem hele projektet har vi brugt Discord som vores primære kommunikationskanal. Hvis jeg stødte på en kode-udfordring eller gik i stå designmæssigt, kunne jeg bare skrive derinde. Det har givet mig en stor tryghed i processen og gjort det nemmere for mig at arbejde selvstændigt, fordi jeg vidste, at hjælpen aldrig var langt væk.

Sine og jeg havde mødtes nogle gange på Kaffeværket for at studere sammen. Det var virkelig rart at sidde med det sammen og hygge omkring det.

En af dagene havde vi et fælles møde på Kaffeværket, hvor vi arbejdede sammen en hel dag. Det var både hyggeligt og meget lærerigt. Fordi vi har forskellige kompetencer, var det inspirerende at følge hinandens arbejdsprocesser. Det blev hurtigt tydeligt, at vores forskellige styrker supplerer hinanden rigtig godt.

Det har været virkelig dejligt og lærerigt at arbejde sammen med Sine, Lucas og Mathias. Vi fungerer godt sammen både fagligt og socialt og jeg kunne sagtens forestille mig at arbejde sammen med dem til fremtidige projekter.

Leave a Comment

Your email address will not be published. Required fields are marked *