Stopmotion introprojekt
introprojekt Stopmotion kortfilm Så er spændingen udløst og vi er i gang med først uge på Multimediedesign uddannelsen på UCL. Vi har haft de obligatoriske lær-hinanden-at-kende seancer, bl.a. fik vi til opgave hver at beskrive hhv. 1 like og 1 dislike. Lapperne blev samlet ind uden forklaring. Senere på ugen blev vi kastet hovedkulds ud i første opgave: Stopmotion introprojektet TEAM Vores team bestod af Dicte, Daniel, Mads Staal og mig selv. OPGAVEN Lav en Ud fra to ord, vi havde trukket fra like/dislike-opgave tidligere på ugen, skulle vi lave en film. Vores ord var: Hader: Opvask – Elsker: Serier Efter en kort brainstorm blev vi enige om vores koncept som var: Opvaskebørsten Børste ser serien Friends på tv, mens opvasken vokser gradvist i baggrunden. Scenen slutter med at der kommer en hånd og tager børsten. Vi havde nogle udfordringer undervejs, men alt i alt var det et godt hold med god stemning og vi formåede at løgfte hinanden da vi blev presset, da alle vores optagelser forsvandt. Heldigvis var de ikke helt væk, og vi fik lavet en film der kunne godkendes. Ud af 6 film, vandt vi desværre ikke til Awardish, men det var fuldt fortjent. De andres film var virkelig gode! REFLEKTIONER Da det var vores først projekt, gikvi bare i gang og havde ingen overordnet plan, hverken for hvem gør hvad eller hvornår. Vi havde utrolig meget spildtid, hvor flere sad og kedede sig, men andre til tider havde for mange opgaver på en gang. Vigtigste læring: Lav altid en mappe til filer, som alle har adgang til INDEN I tager hjem… https://youtu.be/uWEt0nv_8VU
Animation workshop
Animation workshop Jeg deltog desværre ikke i denne workshop, men har arbejdet med opgaverne derhjemme. Det er gode øvelser til at få brugt pen-tool og for hver gang bliver det nemmere. Jeg ser videoer på youtube eller AI hvis jeg ikke har deltaget i undervisningen og får på den måde opdateret min viden. Mine reflektoner til animation er, at jo mere man øver sig, jo mewre kan man. Kliche fyldt, men ikke destomindre udvikler jeg mig hele tiden, hvis jeg bare øver videre. Mit mål næste semester er dog at få flere projekter afsluttet. Min panda kan endnu ikke bevæge sig, og det ærger mig når jeg ikke gfår det afsluttet. Så det må jeg øve mig på også.
Billedoptimering
billedoptimering Hvorfor billedoptimering er vigtig i webdesign I arbejdet med min præsentationsportfolio har jeg oplevet hvor stor forskel der er på et billede, der ser godt ud – og et billede, der også fungerer godt. Når billederne er for tunge, gør det websitet langsomt og det går ud over både brugeroplevelse og SEO (search engine optimization) Jeg har arbejdet med Adobe Photoshop og benyttede funktionen “Gem til web” for at sikre, at billederne både var flotte og havde lav filstørrelse. Værktøjer som TinyPNG og ImageOptim brugte jeg til at komprimere billederne yderligere, uden synligt kvalitetstab. Desuden har har jeg lært forskellen på billedtyper som JPEG (perfekt til fotos), PNG (god til logoer med gennemsigtighed) og hvorfor GIF næsten aldrig er det bedste valg i moderne webdesign. I mit arbejde prioriterede jeg at: Skalere alle billeder til de mål, de skulle bruges i Gemme dem i det rigtige format og den rigtige kvalitet Komprimere alle billeder før upload tilføje ALT-tags. Det gør det nemmere for Google og andre søgemaskiner at afkode billedet, da de har svært ved at aflæse og forstå illustrationer. Dermed kan det påvirke søgeresultaterne negativt hellere få skarpe billeder, som passer ind i designet, en en masse. Ved at følge disse standarer vil mit resultat være er et hurtigere, mere professionelt og brugervenligt website.
Copywriting
Tips til bedre copywriting Brug storytelling Hav én klar CTA pr. tekst Brug tal og konkrete ord Skriv i øjenhøjde Brug social proof SEO-optimer tekster Test og justér Hvad er copywriting? Definition: At skrive overbevisende tekster med det formål at få modtageren til at udføre en specifik handling.Det handler om effekt – ikke bare information. Formål med copywriting Skabe engagement og handling Positionere afsenderen stærkt og genkendeligt Understøtte branding og salg Tone of Voice (TOV) Afsenderens personlighed i skrift.TOV skal være ensartet på tværs af platforme: website, SOME, e-mail osv. Dimensioner: Formelt/uformelt Entusiastisk/faktuelt Kort/langt Humor/sarkasme vs. seriøsitet Brug af emojis, slang, bandeord? Lixtal og målgruppens sprogforståelse Budskabsdesign Budskabsdesign handler om hvordan budskabet struktureres og præsenteres. Teori: Aristoteles’ appelformer Etos (troværdighed) Patos (følelser) Logos (logik) Struktur og form: En- eller tosidet argumentation Start med det stærkeste argument Layout og visuel hierarki (brødtekst, CTA’er, typografi osv.) 5 P Approach En metode til at opbygge en stærk kommunikation: Premise: Hvad er udgangspunktet? Promise: Hvad får modtageren ud af det? Picture: Skab et visuelt billede eller scenarie Proof: Underbyg med fakta, social proof Push: Call to action – hvad skal modtageren gøre? Eksempler på copywriting-principper Overskrifter: Dårlig: Vores nye støvsuger er effektiv. God: Spar tid – og få skinnende rene gulve på få minutter. FOMO (Fear of Missing Out): ”Begrænset antal” ”Kun i dag” Skaber urgency og scarcity Content Sweet Spot Krydspunktet mellem: Hvad målgruppen interesserer sig for Hvad virksomheden kan tale troværdigt om Hvad der er relevant lige nu Kend din målgruppe Målgruppen bestemmer ALT. Spørgsmål der er vigtige at stille: Økonomi, boligtype, civilstatus, socialklasse Interesser, klima-, politisk og forbrugsmæssig holdning Madvaner, sprogbrug, medieforbrug Conzoom/Minerva-modellen kan bruges her til segmentering Vurder hvor stærkt et brand/budskab er positioneret: Produktet Fordelene Værdier Identitet Formål/menneskelig værdi (øverst) Værditrappen Vurder hvor stærkt et brand/budskab er positioneret: Produktet Fordelene Værdier Identitet Formål/menneskelig værdi (øverst) Add Your Heading Text Here orem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Skabe engagement og handling Positionere afsenderen stærkt og genkendeligt Understøtte branding og salg Skabe engagement og handling Positionere afsenderen stærkt og genkendeligt Understøtte branding og salg Kilde: Astrid Haug: https://astridhaug.dk/contentstrategy/
Discovery – Silent feedback pitch
Silent feedback pitch Indhold Form Værktøj Nøgleord om mig selv og mit brand Kort tekst (1 slide eller felt) Figma eller InDesign Moodboard / visuel research Billedecollage Figma 40 ord koncept Kortfattet tekst Figma eller InDesign Styletile (farver, typografi, UI) Visuel oversigt Figma Wireframes Skitseret layoutstruktur Figma A3-papir opdelt i Pro / Con / Forbedringer Printvenligt A3-layout InDesign
Målgruppeanalyse
1. Indsamle information 2. Analyser data 3. Skabe en persona Målgruppeanalyse
Design Thinking processen
Design Thinking processen Min arbejdsproces – præsentationsportfolio Som en del af min 1. semesterprøve skal jeg udvikle en præsentationsportfolio målrettet en konkret virksomhed, hvor jeg ønsker at komme i praktik. For at skabe en portfolio, der kommunikerer effektivt og skiller sig ud, har jeg gennemført en grundig målgruppeanalyse. Den hjælper mig med at forstå, hvem virksomheden er, hvad de efterspørger hos en webdesigner, og hvordan jeg bedst positionerer mig visuelt og kommunikativt. Jeg anvender Design Thinking-modellen som ramme for hele udviklingsprocessen. Modellen giver mig mulighed for at arbejde iterativt, brugerdrevet og strategisk. Jeg har særligt fokus på branding, visuel identitet og brugeroplevelse (UX), og anvender relevante teorier og metoder til at sikre, at mit design både er funktionelt og appellerende. 1. Discovery Forstå konteksten Formål: Forstå brugerens (virksomhedens) behov, egne mål og opgavens rammer. Mine aktiviteter: Læste og analyserede eksamenskrav Research: Hvad gør et godt portfolio-site? (struktur, funktioner, branding) Grundig målgruppeanalyse (Umbraco HQ og lignende) Empathy Map: Hvad tænker, føler, siger og gør målgruppen? Analyse: Hvad efterspørger en virksomhed ved ansættelse af webdesigner? Research og visuel inspiration (Pinterest, designblogs, trends, andres portfolios til inspiration) Moodboard- og koncept-research Refleksion over egne styrker og hvordan de præsenteres 2. Interpretation Indsigt og problemformulering Formål: Oversætte research til klar strategi og stilvalg. Mine aktiviteter: Udarbejdelse af moodboard og style tile Fastlæggelse af målgruppe og Tone of Voice Definition af brandingstrategi og visuel identitet Visionsbeskrivelse: Clean, moderne og ikke kedeligt – brug af CSS-animationer Definition af succeskriterier og design challenge 3. Ideation Idégenerering Formål: Udvikle konkrete løsninger og visualiseringer. Mine aktiviteter: Skitser og wireframes til både mobil og desktop Planlægning og udarbejdelse af præsentationsmateriale til silent feedback Fokus på layout, brugervenlighed og branding i skitserne Forberedelse af spørgsmål til feedback 4. Experimentation Prototype og test Formål: Udvikle løsningen og teste idéerne i praksis. Mine aktiviteter: Udvikling af mockup i Figma Kodning af sitet fra bunden i HTML og CSS Genbrug af sektioner via BEM og semantisk struktur Arbejde med responsive layouts og media queries Animationer og overgange (CSS, evt. JS) Iterationer og forbedringer 5. Evolution Test og evaluering Formål: Teste løsningen og evaluere egen proces. Mine aktiviteter: Brugertests med 5 personer (inkl. think aloud og desirability-test) Remote test med observation og analyse Iterationer baseret på feedback Refleksion: Hvad lærte jeg om kodning, design og mig selv? Hvordan fungerede processen? Hvordan virker portfolioen som redskab i praktikansøgning? Add Your Heading Text Here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Hvad er vigtigt i en portfolio
Hvad skal jeg fokusere på i mit præsentationsportfolio? 1. Less is more – og skarpere 2. Skræddersy mit portfolio til det job, jeg vil have 3. Tænk som en kreativ leder Kort fortalt: Bruge mit portfolio som en strategisk fortælling, ikke et arkiv. Så jeg vil kun vise det bedste, tilpasse det til mine skiftende målgrupper og forklare mine processer og hvilken værdi det har tilført kunden og hvad jeg har reflekteret over. Det skal ses som en pitch.
KICKOFF: Projekt 3 – 1. semesterprøven
KICKOFF: Projekt 3 1. semesterprøven En intens og lærerig rejse Første semester har været en intens og lærerig rejse, hvor jeg har arbejdet på et nyt niveau med alt fra idéudvikling og designprincipper til kodning og brugerinddragelse. Jeg er blevet presset på tid, på samarbejde og på mit ego og har heldigvis lært af det hele. Denne blogpost markerer begyndelsen på mit eksamensprojekt – en afsluttende, individuel opgave, der samler og videreudvikler de kompetencer, jeg har opnået gennem semestret. Her i portfolioet dokumenterer jeg min proces frem mod eksamen – både med fokus på planlægning, refleksion og de konkrete materialer, der skal afleveres. Til 1. semesterprøven skal der afleveres fire produkter Afleveringsdokument (InDesign) Add multiple feature items, set different icons or images for each feature and also give custom links if needed. Procesportfolio (blog) skal som minimum vise processen fra alle de projekter jeg har arbejdet på i løbet af semesteret, samt workshops og individuelle afleveringer Præsentationsportfolio (kodet website) – Kode fra bunden i HTML5/CSS – Skal være responsiv, valideret og bruge BEM – Inkludere min 6 projekter og personlig branding Plakat (InDesign eller Illustrator) – Visuel plakat – Vise min proces ift. præsentationsportfolio (Design Thinking)
Projekt 3
Projekt 3 1. semesterprøven Individuel opgave Eksamensprojekt 1. Semester Multimediedesign forår 2025 02/05/2025 Design Thinking processen 02/05/2025Design Thinking processen Min arbejdsproces – præsentationsportfolio Som en del…Read More 02/05/2025 Hvad er vigtigt i en portfolio 02/05/2025Hvad skal jeg fokusere på i mit præsentationsportfolio? 1. Less…Read More 01/05/2025 KICKOFF: Projekt 3 – 1. semesterprøven 01/05/2025KICKOFF: Projekt 3 1. semesterprøven En intens og lærerig rejse…Read More