Flow 5 - Proces og portfolio

Fra idé til færdig portfolio

Flow 5 er min opsamling på 1. semester, hvor jeg samler både projekter og proces i én portfolio. I starten handlede arbejdet mest om at prøve ting af og lære værktøjerne at kende, uden at have en helt fast plan for, hvor det hele skulle ende.

Undervejs i semesteret blev jeg dog mere bevidst om struktur, valg og sammenhæng på tværs af siderne. Jeg begyndte at tænke mere over, hvordan navigation, layout og indhold spiller sammen, og hvordan brugeren oplever siden som en helhed, og ikke kun som enkelte projekter.

Portfolioen viser derfor ikke kun færdige løsninger, men også min udvikling fra øvelser og eksperimenter til mere gennemtænkte projekter. Flow 5 fungerer som en afslutning på semesteret, hvor jeg har samlet erfaringer, refleksioner og de valg, der har formet mit endelige portfolio-website.

Proces-overblik fra FigJam Overblik over portfolioens struktur

Arbejdsmetode og værktøjer

Jeg har arbejdet ret iterativt gennem hele Flow 5, hvor idé, design og kodning hele tiden har påvirket hinanden. I stedet for at følge en helt fast plan fra start, har jeg løbende justeret løsningen, efterhånden som idéerne blev mere klare.

Jeg startede ofte i Figma eller FigJam, hvor jeg hurtigt kunne skitsere layout og struktur. Derefter gik jeg over i HTML og CSS i Visual Studio Code, hvor jeg testede løsninger direkte i browseren og justerede løbende, hvis noget ikke fungerede visuelt eller teknisk.

Photoshop og Illustrator brugte jeg til grafiske elementer og billedredigering, mens Premiere Pro blev brugt til min portfolio-video. Samlet set gav det mig en god arbejdsrytme, hvor jeg hele tiden bevægede mig frem og tilbage mellem idé, design, kode og test.

Figma skitse ved siden af færdig side Værktøjer og workflow

Refleksion og feedback efter eksamen

Arbejdet med portfolioen har gjort mig mere bevidst om, hvor meget de små designvalg betyder for helhedsindtrykket. Det er ikke nok, at de enkelte sider fungerer hver for sig. Farver, typografi, navigation og layout skal også hænge sammen, så portfolioen føles som én samlet løsning.

Til eksamen fik jeg især to konkrete pointer med mig. Myggeikonet i logoet blev nævnt som lidt for cartoon-agtigt i forhold til resten af sidens stil, og jeg fik også at vide, at der måske var lige lovlig mange afrundede hjørner. Det kan jeg godt se, når de runde former går igen på både bokse, billeder og knapper.

Hvis jeg arbejder videre med designet, vil jeg prøve at gøre myggeikonet mere enkelt og bruge de afrundede hjørner lidt mere bevidst. Jeg vil gerne beholde den stil, jeg har skabt, men give den mere balance. For mig er den vigtigste læring, at konsekvens i et design er godt, men at man også skal kunne justere sine valg, når helheden kalder på det.

Still fra portfolio-video Udklip fra redigering i Premiere Pro
← Forrige flow Flow oversigt