Projekt 3

Jeg var meget i tvivl omkring, hvad jeg skulle vælge, eller hvilken retning jeg skulle tage i forbindelse med projekt 3. Er det freelance, eller skal jeg tage og henvende mig til en mere konkret målgruppe evt. detailvirksomheder der har et kreativt syn på hvordan de brander sig. Mere fordi jeg allerede har kendskab til den branche. Men valgte at gå som freelancer indenfor foto og design, og gå efter målgruppen detailbranchen. I denne forbindelse skulle det være små detailvirksomheder, som kræver hjælp med det visuelle og det tekniske.

Projekt gruppen

Gruppen bestod af dem fra klassen, der havde lyst og mulighed for at være med, og det har givet en ret fleksibel dynamik. Jeg har især haft mest kontakt til Nina, Mikkel, Tiffany og Josefine – primært fordi det har været dem, der faktisk er dukket op og har været aktive i løbet af projektet. Det har gjort, at vi naturligt har fundet sammen og kunne snakke samt sparring.

I starten handlede meget af vores dialog om HTML og CSS, da vi alle kæmpede lidt med at få tingene til at fungere – og det hjalp virkelig at kunne dele frustrationer og løsninger med hinanden. Det var rart at mærke, at man ikke stod alene, og at vi kunne løfte hinanden, når det blev lidt for teknisk eller bøvlet. Vi har generelt haft nogle gode snakke om de forskellige faser i projektet, og der har været en god forståelse for, at alle havde deres egne udfordringer undervejs. Nogen sad fast i én fase, andre i en anden – men fælles var, at vi kunne hjælpe hinanden videre.

Selvom der har været en god gruppedynamik, har jeg også arbejdet rigtig meget selv herhjemme. Det har fungeret godt for mig, fordi jeg nogle gange har brug for ro og koncentration, når jeg virkelig skal dykke ned i noget og få det til at fungere. Jeg kan faktisk godt lide at arbejde alene på visse punkter, fordi det giver mig frihed, og uden at skulle tage højde for andres input hele tiden. Det betyder også, at jeg kan sætte mine egne standarder og arbejde hen imod det udtryk, jeg selv synes er rigtigt – uden at skulle gå på kompromis.

Når jeg så når til et sted i processen, hvor jeg gerne vil have et ekstra blik på mit arbejde, har det været rigtig brugbart at kunne spørge ind i gruppen og få feedback. Det gør en stor forskel at få nogle friske øjne på det, man har lavet når man har siddet alene med det.

Det skal også siges, at selvom jeg nogle gange foretrækker at arbejde selv, har jeg ikke noget imod at indgå i gruppearbejde – tværtimod, så længe man selv kan være med til at vælge, hvem man arbejder sammen med. På hele dette semester har jeg prøvet at arbejde i forskellige grupper, og det har lært mig meget, og ikke kun det faglige, men også om mig selv og hvordan jeg fungerer i samarbejde med andre.

Jeg har fået indblik i gruppedynamik, lederskab, hvor mine egne styrker og svagheder ligger, og hvordan viljestyrke og god kemi kan være afgørende for at skabe et velfungerende samarbejde. Når man har det godt med dem, man arbejder sammen med, bliver hele processen bare nemmere og mere effektiv. For i sidste ende handler det jo om at kunne aflevere noget, man er stolt af, uanset om det er lavet i fællesskab eller alene.

Silent feedback

Pro: Gode farver og flot logo, simpelt og brugervenligt layout

Con: Der mangler aligement, knapper, navigation skal skille sig ud

Forbedringer: Kigge nærmere på stylie files, og hvad det indeholder.

Men en rigtig fin måde, at se hvad ens studiekammerater har fundet på, men også en god måde at få eller give feedback på. Det er en smule ligesom padlet, men synes at denne metode virkere bedre. Jeg ved ikke lige helt hvorfor jeg har den følelse. Men meget positivt oplevelse.

Afleveringsopgave

Design thinking

Har i forbindelse med projektet skulle udarbejde en Design Thinking plakat som jeg skulle bruge i forbindelse med min fremlæggelse. Den har 5 faser, som skal igennem.

Discovery, interpretation, ideation, expermentation og evolution. Det hele handler om at man går fra tanker til et konkret design. Her vil jeg fra mine testpersoner, få en feedback så jeg kan forbedre min proces løbende.

Wireframes

Har i en tidligere workshop og projekt 1 arbejdet med prototyper.

Hurtigt resumé

Lofi og hifi wireframes – der er ikke noget interaktivt i dette.

(kasser og steger som udgør tekst/ kasser men angiver typografi og har måske angivet en styletiles men intet grafisk)

Lofi og hifi prototype – er hvor det bliver interaktivt.

(Lofi er lidt ligesom en hifi wireframes, Men du gør det hele klikbart

hifi er hvor det er færdigt layout og det hele er klikbart. Hvor det næste skridt ville være kodning.

Ind imellem wireframes og prototype er der mockup. , som er en færdig resultat grafisk og design mæssigt men ikke interaktivt.

Det jeg har lavet er en hifi wireframes, på alle mine 3 sider, som viser mit layout. Kunne

Kodning kodning….Design design…

Jeg startede med at anvende Grid for tænkte at den ville være nemmere at arbejde med. Eftersom den er todimensionalt så den går vandret og lodret samtidig. Men fandt ud, at den var for kompleks at arbejde med. Derfor gik jeg over til Flexbox. Den kører enten vandret eller lodret, den er mere flexsibel og responsiv. Flex har sine egen egenskaber som bl.a. justify – content som er med til at skabe luft imellem elementerne, og align-item som kører modsat retning af flex. Så det var en nemmere og mere ”overskuelig” display.

Har fået udarbejdet 3 sider, forside, projekter og kontakt mig.

Har på min hjemmeside holdt mig til de samme farver, fonts som jer brugt til overskrift, underoverskrift og brødtekst. Den beige farve, er min baggrundsfarve og den orange er contrast farve. Har taget inspiration fra Sinnerup og Imerco som er en blandning af det neutrale og de kontrastfyldte farver som Imerco kører på deres hjemmeside. På hver side har jeg lavet en footer, med mine kontakt oplysninger og logo.

Forsiden, har jeg lavet et “hero” billede som cover på forsiden, da jeg fik en god feedback på mine billeder. har gjort det meget enkelt, har længere nede lige skrevet omkring hvem jeg er, når man besøger min hjemmeside.

Projektsiden, er her hvor jeg viser alle mine projekter som har relevant for det jeg tilbyder, Illustrationer, moving art, foto, film, plakat og digital værktøj. Under hver boks, har jeg skrevet lidt information omkring hvad jeg har udrettet og hvad projektet gik ud på. Det dukker frem hver gang man holder musen hen over boksen, da den har fået en hoover effekt.

Box_dropdown, er kassen rundt om mine billeder, og gør det muligt at når man holder musen henover boxen så kommer teksten frem. Hvis jeg sletter det vil det ikke komme til at virke mere fordi billede og teksten ikke længere hører sammen i samme kasse. HTML og CSS snakker derfor ikke længere sammen.

Dog har jeg også fundet ud af, at hvis man sætter samme egenskab flere steder på containeren så er reglen at den nederste overskrive den øverste.

Når man kører musen hernover Box_dropdown, så bliver alt indholdet vist da den har en hover effekt, og skal ikke vises før. Derfor display:none;

Kontakt siden, har jeg sat et billede som minder meget om mit forside billede for at det skal være genkendeligt. Har oplyst min mail og telefon nr. så det skal være nemt for den besøgende at kunne tage kontakt til mig. Jeg har gjort min mail klikbart, så når man trykker på linket, bliver man automatisk stilles videre til ens mail. Derudover så har jeg skrevet til tekst, på siden, “Har du lyst til et samarbejde med mig! Så kontakt mig og lad os tage en uforpligtende snak, omkring dine ønsker.

a – er et ancor tag, og siger at man linker til siden.

href siger at, man referer til en mail som er min UCL mail som åbner når man trykker på linket.

Resultatet

https://www.proces.jpark.dk/eksame/index.

Reflektioner

Jeg har lært rigtig meget i løbet af dette forløb – især når det kommer til kodning, særligt HTML og CSS. Før dette forløb havde jeg kun et lille kendskab til opbygning af hjemmesider, men nu føler jeg, at jeg har fået en solid grundforståelse for, hvordan man opbygger en hjemmeside fra bunden.

Når det så er sagt, ville jeg virkelig ønske, at vi havde haft flere undervisningstimer til at arbejde med kodning. Det har været en stor og krævende opgave at skabe en hel hjemmeside selv, og selvom vi har haft vejledning undervejs, kunne jeg godt have brugt mere tid til fordybelse som jeg tror havde gjort en forskel. Der har været perioder, hvor jeg følte mig frustreret og overvældet – det har virkelig været en rutsjetur! Min hjemmeside endte ikke helt med at se ud, som jeg havde forestillet mig, men jeg har gjort mit bedste. Det vigtigste er at jeg har lært så meget undervejs, at kodningen faktisk næsten begyndte at blive “sjovt” – især mod slutningen, hvor jeg begyndte at forstå det hele lidt bedre. Der er mange muligheder, og jeg havde en ide om, hvordan det ville komme til at se ud, men ide og udførelse hænger ikke altid sammen.

Den grafiske del af forløbet har til gengæld været den mest inspirerende og motiverende for mig. Det er her, jeg virkelig har følt mig hjemme. At arbejde med layout, farver, typografi og designprogrammer har været spændende og kreativt. Jeg har fået lyst til at dykke endnu dybere ned i det grafiske univers og udforske, hvad de forskellige programmer kan, og hvordan jeg kan blive endnu bedre. Har fået et større kendskab til programmerne, da vi arbejder med dem til dagligt. Det er helt klart noget, jeg gerne vil arbejde videre med.

Skriveprocessen har dog været en udfordring. Jeg har haft en blokering, når det gjaldt at få sat ord på mine tanker og idéer. Det har været svært for mig at finde en god måde at strukturere det hele på, og jeg har derfor også brugt min studiegruppe til bedre at forstå, hvordan man griber det an. Jeg er faktisk lettet over, at vi ikke skulle skrive en akademisk rapport – det tror jeg, ville have været en alt for stor mundfuld for mig i denne omgang.

Jeg trives langt bedre med at arbejde praktisk – især når det handler om det grafiske og tekniske. Men det er ikke noget jeg er overrasket over. Foretrækker at udtrykke mig visuelt frem for skriftligt. Når jeg får lov til at arbejde med mine hænder, fx ved at designe i programmer, tegne, justere layout eller kode noget konkret, giver det mig en energi at kunne se resultaterne af mit arbejde med det samme, og det føles mere naturligt for mig at kommunikere gennem grafisk design end lange tekster.

Det betyder ikke, at jeg ikke forstår vigtigheden af det skriftlige arbejde – jeg ved godt, at det også er en vigtig del af semesteret. Men jeg oplever, at det skriftlige tager mere energi og ofte føles som en barriere for mig. Derfor vil jeg gerne fokusere mere på at styrke mine praktiske færdigheder, samtidig med at jeg stille og roligt øver mig i at blive bedre til at sætte ord på mine processer og beslutninger.

Lige nu glæder jeg mig mest af alt til sommerferien! Maj måned har været lang og fyldt med pres, og jeg tror ikke, jeg før har følt mig så udfordret og stresset, som jeg har gjort i denne periode elle dette semester. Der har været mange ting som man har skulle fohold sig til, nye programmer, flere nye programmer, en hel masse teori, projekter, gruppearbejde osv. Men jeg er blevet klogere på mange aspekter og er blevet dygtigere til at kunne håndtere de forskellige situationer jeg er kommer ud i – det er hvad jeg selv føler.

Jeg har lært en vigtig ting i løbet af dette forløb og hele semesteret som jeg vil tage med mig videre gennem resten af uddannelsen og senere hen. Der vil komme modgang. Der vil være perioder, hvor tingene ikke går, som man havde håbet, og hvor man begår fejl. Og det gør ondt. Ens ego får et ordentligt hak, og man kan komme i tvivl om sine evner. Men det er her man vokser. For uanset hvilket felt man arbejder i, vil der være op- og nedture. Det vigtigste er, hvordan man håndterer dem.