Opdatering efter eksamen
Flow 5 er under videreudvikling. Siden opdateres efter eksamen med refleksioner, justeringer og det endelige projekt.
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.
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.
Refleksion og næste skridt
Gennem arbejdet med portfolioen har jeg fået en langt bedre forståelse for, hvordan layout, farver og typografi påvirker brugeroplevelsen. Jeg er også blevet mere opmærksom på, hvor vigtigt det er at holde sin kode og struktur overskuelig, så det er nemt at justere og bygge videre på senere.
Jeg har især lært, at små detaljer som spacing, konsekvent brug af styles og tydelig navigation gør en stor forskel for helhedsindtrykket. Det har gjort mig mere bevidst om mine valg og mere kritisk over for mine egne løsninger.
Når jeg skal arbejde videre med portfolioen, vil jeg tilføje “forrige/næste”-knapper på flow-siderne, lave active states i navigationen, så man tydeligt kan se, hvor man befinder sig, og eventuelt arbejde med simple scroll-animationer, så indholdet træder mere dynamisk frem.
Vil du se hele min proces fra idé til færdig portfolio? Her har jeg samlet skitser, overvejelser og arbejdsproces i FigJam.