Erhvervsakademiet Lillebælt / Style and Experience / WebB, Gruppe 10

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Erhvervsakademiet Lillebælt / Style and Experience / WebB, Gruppe 10"

Transkript

1 Erhvervsakademiet Lillebælt / Style and Experience / WebB, Gruppe 10 Vejledere: Kent Carlson, Pernillle K. Christiansen, Per Thykjær Jensen, Bjarne Slipsager, Thomas B. Jessen, Kristin Utne Gruppe medlemmer: Bettina Madselius Petersen, Janne Weller, Maja Sofie Eliasen, Susanne Finseth, Thomas Quist Larsen

2 Indholdsfortegnelse Indledning Problemformulering Arbejdsspørgsmål Metode 1. Kanban charts 2. Målgruppe 2.1 Desk Research 2.2 Field Research Spørgeskema 3. Kommunikationsplan 4. konstruktion af nyt site 4.1 Research stilarterne 4.2 Research inspiration 4.3 Eksisterende site 4.4 Design til web 4.5 Designudvikling 5. CRAP analyse 6. Færdig site 6.1 Diskussion af teknologi 6.2 Tekniske krav 6.3 Overskuelighed 7. AIDA 8. Konklusion Side 2/25

3 Indledning Odense Street House er et fritidstilbud, der primært henvender sig til unge streetsports udøvere fra hele Fyn. Hallens daglige drift varetages af Korsløkke Ungdomsskole, mens finansieringen er kommunal. På facaden hænger det gamle skilt, Odense Skatepark, stadig. Korsløkke Ungdomsskole har på nuværende tidspunkt ikke økonomi til et nyt facade skilt, men stedet omtales blandt ejerne og brugerne som Odense Street House (OSH) og derfor anvender vi også dette navn i projektet. Størstedelen af brugerne er drenge mellem 9 og 19 år, men også ældre op til 30 år og yngre børn ifølge med forældre, benytter faciliteterne. Man kan skate, øve street dance eller parkour, køre BMX eller løbehjul og meget mere i hallen. Alle andre er velkomne så længe de overholder hus-reglerne og betaler 20kr kontant pr besøg. Der er også mulighed for tilmelding til hold og der er løbende landsdækkende konkurrencer, så tilbuddet dækker bredt. Odense Street House Odense Street House indendørs. Selvstyring i grupperne er en vigtig del af OSH s filosofi og der opfordres til god synergi grupperne imellem, da dette er et problem i andre lignende klubber i landet. Desværre er OSH næsten altid blandt de øverste på listen når der er nedskæringer i kommunen. Derfor foreligger der et ønske om at gøre sig mere gældende og uundværlig som ungdomstilbud - og det kan bl.a. opnås ved at tiltrække en endnu bredere brugergruppe. Derfor står flere piger øverst på OSH ønskeliste. [1] Odense Street House facade. [1] Interview med Jonathan Linde Side 3/25

4 Problemformulering + metode Hvordan kan vi som multimediedesignere konstruere et nyt site til OSH som tiltrækker nye brugere især pigerne? Arbejdsspørgsmål: - Hvem er målgruppen? - Hvordan kommunikerer vi bedst med målgruppen? - Hvordan tiltrækker vi flere brugere? - Hvordan illustrerer vi bedst hvad OSH tilbyder af aktiviteter? Metode 1. Vi vil styre projektet v.h.a. Kanban metode. 2. Vi vil bestemme målgruppen ved hjælp af: - Desk research: Gallup segmenter. - Field research: Interviews og spørgeskemaer 3. Vi vil lave en kommunikationsplan og bruge følgende visuelle værktøjer til opbygning af sitet: - Google på andre sites, som henvender sig til en lignende målgruppe. - CRAP analyse 4. Vi vil konstruere et site v.h.a. XHTML kode og integrere flash elementer. Undervejs vil vi benytte os af brainstorming til idegenerering. Side 4/25

5 1. projektstyring Kanban charts På de følgende sider vises billeder af vores Kanban, som har hjulpet os med at styre projektets opbygning og faser. Den daglige kommunikation er foregået via facebook og telefon og vi har delt større filer via dropbox. Kanban o.site Uge 1 O-Site Thomas fra/til Maja fra/til Susanne fra/til Bettina fra/til Janne fra/til Alle fra/til Projekt præsentation projektgennemgang af vejledere Gruppemøde Retningsliner og vedtægter aftales Valg af projekt Brainstorm - Skatehallen Opgaver: 1/11-21/11 Desk research: 1/11-21/11 Google, skatehallen X Field Research: X 06-nov Besøg hallen X 06-nov Interview X 06-nov Målgruppe: Interview? segmentering Kompasrose Beskrivelse Analyse: Eksisterende site Interessenter Målgruppe Metoder: AIDA Konvergent/Divergent thinking Brainstorms Brainwriting Negativ brainstorm Vores Site: Sitemap(s) Wireframe(s) HTML CSS Flash QR -Kode: Generering Færdige opgaver markeres med: Kanban o.site Uge 2 Projekt præsentation Gruppemøde Valg af projekt O-Site Thomas fra/til Maja fra/til Susanne fra/til Bettina fra/til Janne fra/til Alle fra/til Opgaver: 1/11-21/11 Desk research: 1/11-21/11 Google, skatehallen X Field Research: X 06-nov Besøg hallen X 06-nov Interview X 06-nov *X 06-nov Målgruppe: Interview? X 08-nov Billeder af brugere X 08-nov segmentering X 09-nov Kompasrose X 09-nov Beskrivelse X 6/11-8/11 X 09-nov Analyse: Eksisterende site X 6/11-8/11 Interessenter Målgruppe Metoder: AIDA Konvergent/Divergent thinking Brainstorms X 08-nov Brainwriting Negativ brainstorm Vores Site: Design-oplæg X 6/11-08/11 Sitemap(s) X 8/11-9/11 Wireframe(s) X 8/11-9/11 HTML *X 6/11-20/11 CSS Flash Nyt Logo X 8/11-9/11 QR -Kode: Generering Anbringelse i Skatehallen Færdige opgaver markeres med: projektgennemgang af vejledere Retningsliner og vedtægter aftales Brainstorm - Skatehallen Side 5/25

6 1. projektstyring Kanban charts 1 Kanban o.site Uge 2_13-11 O-Site Thomas fra/til Maja fra/til Susanne fra/til Bettina fra/til Janne fra/til Alle fra/til Projekt præsentation projektgennemgang af vejledere Gruppemøde Retningsliner og vedtægter aftales Valg af projekt Brainstorm - Skatehallen Opgaver: 1/11-21/11 Desk research: 1/11-21/11 Google, skatehallen X Field Research: 06-nov X Besøg hallen X 06-nov Interview X 06-nov *X 06-nov Spørgeskema X 8/11-14/11 Målgruppe: Interview? X 13-nov Billeder af brugere X 08-nov segmentering X 09-nov Kompasrose X 09-nov Beskrivelse X 09-nov Analyse: Eksisterende site X 6/11-8/11 Interessenter SWOT af SH. X 10-nov Metoder: AIDA Konvergent/Divergent thinking Brainstorms X 08/11-13/11 Gruppediskusioner X 08/11-20/11 Negativ brainstorm Vores Site: Design-oplæg X 6/11-08/11 Sitemap(s) X 8/11-9/11 Wireframe(s) X 8/11-9/11 HTML *X 6/11-20/11 X 13/11-20/11 CSS X 6/11-20/11 X 13/11-20/11 Flash Nyt Logo X 8/11-9/11 Stilarter, beskrivelse X 12/11-13/11 QR -Kode: Generering Anbringelse i Skatehallen Færdige opgaver markeres med: 2 Projekt præsentation Gruppemøde Valg af projekt Kanban o.site Uge O-Site Thomas fra/til Maja fra/til Susanne fra/til Bettina fra/til Janne fra/til Alle fra/til Opgaver: 1/11-21/11 Desk research: 1/11-21/11 Google, skatehallen X Field Research: X 06-nov Besøg hallen X 06-nov Interview X 06-nov *X 06-nov Spørgeskema X 8/11-14/11 Målgruppe: Scenarier X 13-nov Billeder af brugere X 08-nov segmentering X 09-nov Kompasrose X 09-nov Beskrivelse X 09-nov Analyse: Eksisterende site X 6/11-8/11 Interessenter SWOT af SH. X 10-nov Metoder: AIDA Konvergent/Divergent thinking Brainstorms X 08/11-13/11 Gruppediskusioner X 08/11-20/11 Negativ brainstorm Vores Site: Design-oplæg X 6/11-08/11 Sitemap(s) X 8/11-9/11 Wireframe(s) X 8/11-9/11 HTML *X 6/11-20/11 X 13/11-20/11 CSS X 6/11-20/11 X 13/11-20/11 Flash X 13/11-16/11 Nyt Logo X 8/11-17/11 Stilarter, beskrivelse X 12/11-13/11 QR -Kode: Generering Anbringelse i Skatehallen Færdige opgaver markeres med: projektgennemgang af vejledere Retningsliner og vedtægter aftales Brainstorm - Skatehallen Side 6/25

7 1. projektstyring Kanban charts 3 Kanban o.site Uge O-Site Thomas fra/til Maja fra/til Susanne fra/til Bettina fra/til Janne fra/til Alle fra/til Projekt præsentation projektgennemgang af vejledere Gruppemøde Retningsliner og vedtægter aftales Valg af projekt Brainstorm - Skatehallen Opgaver: 1/11-21/11 Desk research: 1/11-21/11 Google, skatehallen X Field Research: 06-nov X Besøg hallen X 06-nov Interview X 06-nov *X 06-nov Spørgeskema X 8/11-17/11 Målgruppe: Scenarier X 13-nov Billeder af brugere X 08-nov segmentering X 09-nov Kompasrose X 09-nov Beskrivelse X 09-nov Analyse: 21-nov Eksisterende site X 6/11-8/11 Vores site SWOT af SH. X 10-nov Metoder: Metodeafsnit X 17-nov X 17-nov AIDA Brainstorms X 08/11-13/11 Gruppediskusioner X 08/11-20/11 MoodBoards bidrag samle 18-nov X 08/11-17/11 Vores Site: Design-oplæg X 6/11-08/11 Sitemap(s) X 8/11-9/11 Wireframe(s) X 8/11-9/11 HTML *X 6/11-20/11 X 13/11-20/11 CSS X 6/11-20/11 X 13/11-20/11 Flash X 13/11-16/11 Nyt Logo X 8/11-17/11 Stilarter, beskrivelse X 12/11-13/11 QR -Kode: Generering Anbringelse i Skatehallen Færdige opgaver markeres med: 4 Projekt præsentation Gruppemøde Valg af projekt Kanban o_site Uge 3 O-Site Thomas fra/til Maja fra/til Susanne fra/til Bettina fra/til Janne fra/til Alle fra/til projektgennemgang af vejledere Retningsliner og vedtægter aftales Brainstorm - Skatehallen Opgaver: 1/11-21/11 Desk research: 1/11-21/11 Google, skatehallen X Field Research: X 06-nov Besøg hallen X 06-nov Interview X 06-nov *X 06-nov Spørgeskema X 8/11-17/11 Målgruppe: Scenarier X 13-nov Billeder af brugere X 08-nov segmentering X 09-nov Kompasrose X 09-nov Beskrivelse X 09-nov Analyse: 21-nov Eksisterende site X 6/11-8/11 Vores site X 17/11-21/11 SWOT af SH. X 10-nov Metoder: Metodeafsnit X 17-nov X 17-nov AIDA X 20/11-21/11 Brainstorms X 08/11-13/11 Gruppediskusioner X 08/11-20/11 MoodBoards bidrag samle 18-nov X 08/11-17/11 Vores Site: Design-oplæg X 6/11-08/11 Sitemap(s) X 8/11-9/11 Wireframe(s) X 8/11-9/11 HTML *X 6/11-20/11 X 13/11-20/11 X 13/11-18/11 CSS X 6/11-20/11 X 13/11-20/11 Flash X 13/11-17/11 X 18-nov Nyt Logo X 8/11-17/11 Stilarter, beskrivelse X 12/11-17/11 QR -Kode: Generering X 20-nov Anbringelse i Skatehallen X 20-nov Finish samle rapport X 17/11-20/11 X 17/11-20/11 Gennemlæsning X 20/11-21/11 test af site X 20/11-21/11 Gruppemøde/afslutning X 21-nov Færdige opgaver markeres med en rød stjerne.. Side 7/25

8 2. Målgruppen Skal analyseres v.h.a. kvantitativ (Gallup) og kvalitativ (interviews og spørgeskema) research. 2.1 Desk Research Vi vil bruge Gallups segmentering for at bestemme målgruppens størrelse og få information om generelle forhold. Gallup segmentering Fra interview med OSH s daglige leder ved vi, at hallens brugere hovedsagligt er drenge mellem 9 og 19 år, der går meget op i deres sport, men fungerer ikke så godt i det traditionelle klubmiljø. Brugerne bor hovedsagligt i Odense og omegn, mens resten af Fyn også er repræsenteret, dog i mindre målestok. De vil gerne selv bestemme hvornår og hvordan der skal trænes. Der tilbydes holdtræning i nogle af sportsgrenene, da hallen drives i samarbejde med Korsløkke Ungdomsskole og bl.a. er Parkour holdene meget populære. Den største gruppe findes i det Moderne-individ orienterede segment der kan beskrives med nøgleordene: De Dynamiske Unge, Sin egen lykkes smed og Pionererne. Der er en overvægt af mænd i dette segment, de er interesseret i ny teknologi og de er hyppige brugere af internettet. Desværre er der ikke mulighed for at sætte den nedre aldersgrænse til 9 år, når kompasrosen skal genereres, så det må stå hen i det uvisse, om det ville have ændret størrelsen på de 3 del-segmenter (De Moderne, De Moderne-individ orienterede og de Individorienterede) væsentligt. Der kan dog ikke herske tvivl om, at det er i Det Moderne-individ orienterede segment at størstedelen af vores målgruppe befinder sig. Bruger man de oplysninger sammen med Gallups ni segmenter ser målgruppen således ud: Kompasrosen viser fordelingen af årige, som er bosiddende på Fyn og dyrker sport enten i klub, i fitness center eller på egen hånd, med en hyppighed fra dagligt til sjældent. Det omfatter ca personer. Side 8/25

9 2. Målgruppen 2.2 Field Research Vi vil interviewe den daglige leder af OSH, samt nogle af brugerne og bekendte/venner i vores omgangskreds i alderen 9 30 år. Vi vil lave et spørgeskema til cirkulation på Facebook for at få inspiration til sitet. Vi vil være repræsenteret ved et kommende skatearrangement d. 8/11 i OSH, for at få en fornemmelse af stemningen og tage billeder til projektet. Størstedelen af brugerne er drenge mellem 9 og 19 år, men både ældre op til 30år og yngre børn ifølge med forældre, benytter faciliteterne. Man kan skate, øve street dance eller parkour, køre BMX eller løbehjul og meget mere i hallen - og alle er velkomne så længe de overholder hus-reglerne og betaler 20kr kontant pr besøg. Der er også mulighed for tilmelding til hold og der er løbende landsdækkende konkurrencer, så tilbuddet dækker bredt. Interview : Jonathan Linde Jonathan nævner flere gange at OSH er et værested for unge som har det svært med alt for meget styring. Det er vigtigt at sport bliver omdrejningspunktet og at der er god stemning generelt. Flere brugere er også højt på Jonathans ønskeliste især flere piger, da det vil styrke OSH s position som vigtigt ungdomstilbud. [1] Interview: Personer fra målgruppen De informationer som vi har fået fra brugere af OSH samt venner og bekendte, har vi valgt at omskrive til 3 sandsynlige scenarier, der på hver sin måde forklarer forskellige behov og forventninger hos målgruppen. Det er der kommet følgende 3 hovedspørgsmål ud af: - Hvad kan man lave? - Hvem kan man møde? - Er det et sted jeg gerne vil identificeres med? Disse spørgsmål vil vi give målgruppen svar på, som noget af de første når de besøger vores site. [2] [1] Interview med Jonathan Linde [2] Interview med brugerne Side 9/25

10 2. Målgruppen Spørgeskema Det er bl.a. disse kommentarer, vi har brugt for at udvikle vores design. På spørgsmålet om de havde været i OSH, svarede 75% nej og 92% kendte ikke til nuværende hjemmeside. Der var 60 personer der fuldførte spørgeskemaet, hvoraf 54% var mænd og 46% var kvinder. De fleste af besvarelserne var i aldersgruppen år og år. Da vi spurgte om de kendte til OSH var besvarelserne næsten 50/50 for ja/nej. Over 80% svarede at de hellere ville benytte Facebook i forhold til forums på hjemmesiden. Der kan læses mere om spørgeskemaet i bilaget, hvor det også er muligt at læse de kommentarer, der er om det eksisterende site, og hvad der evt. kunne gøres bedre på et nyt site. [3] [3] Interview med Jonathan Linde Side 10/25

11 3. Kommunikationsplan Vi vil se på andre sites der henvender sig til samme aldersgruppe, for at få inspiration til hvordan layoutet skal være på vores nye site. For at sikre en direkte og relevant kommunikation med målgruppen vil vi lave en plan der indeholde de vigtigste punkter. Analyse af målgruppen danner baggrund for følgende kommunikationsplan: Situationen det eksisterende site bliver ikke rigtigt brugt, målgruppen er ikke imponeret. Problemet Sitet skal appellere bedre til målgruppen og især pigerne skal gøres interesserede. Målgruppe børn og unge der vil udøve deres sport på eget ansvar. Primært aldersgruppen 9 19 år. Målet tiltrække flere brugere, især piger. Konceptet her bestemmer du selv, frihed under ansvar. Budskabet Her er der plads til alle. Kanalen Nyt Site. Side 11/25

12 4. konstruktion af nyt site 4.1 Research stilarterne Vi har i vores forløb på skolen gennemgået 5 forskellige stilarter i design. 1. Pop-art 2. Street-art 3. Deconstructivism 4. Modernisme 5. Surealisme 1. Pop-art: Karakteriseres som simple hverdagsbilleder i stærke farver. Den grundlæggende idé bag Pop Art var at skabe en kunst, hvis betydning var indeholdt i motivet til direkte og hurtig aflæselig. Pop-art kunstnerne nåede målet med en enkel aflæsning gennem nye processer: tekst, akrylmaling, collage med fremmede materialer og silketryk, hvor de bedre kunne få deres tanker ud sådan at man kunne forstå dem. 2. Street-art/gadekunst: Er en videreudvikling af den traditionelle graffiti, som oprindeligt stammer fra New York. I slutningen af 60 erne malede unge i New Yorks fattige kvarterer deres navne eller dæknavne (alias) på byens murer, toge, busser og undergrundbaner. 3. Deconstructivism Går i store træk ud på at du tager noget eksisterende og dekonstruerer det. Altså ødelægger det, så det ikke længere ligner det, som det i sin tid var. Eksempelvis tager du et stykke papir, river det i stykker og limer det sammen på en helt ny måde. 4. Modernisme er et overordnet begreb, der ikke betegner én bestemt stil, men bruges indenfor kunsthistorien periode for ismer og værker fra ca til 1960 erne. Den enorme udvikling der skete i løbet af 1800-tallet: verdensbilledet blev kompliceret, og de forskellige politiske, ideologiske, religiøse og eksistentielle skred satte tydelige spor i kunsten. Den moderne kunst var noget helt nyt og der kom et mere abstrakt billedsprog som især de unge kunstnere tog brug af for at gøre opgør med de naturalistiske malerier. Modernismen, som vi i dag betragter som klassisk kunst, var dengang en helt ny og provokerende måde at se og gengive verden på. 5. Surrealismen gengiver det underbevidste symbolsk. Gennem den surrealistiske kunst udstilles private drømme, fantasier, ubevidste seksuelle drifter og storbyens, kapitalismens og 1. Verdenskrigs vanvid og absurditet. Side 12/25

13 konstruktion af nyt site Hvad har vi valgt og hvorfor? Vi har valgt de to stilarter Street art og Pop-Art. Fordi vi lagde vi mærke til at der hang street art malerier på væggene i StreetHouse som var lavet af brugere. Der var i det hel taget mange farver i hallen. Farverne passer godt ind i pop art mens at malerierne passer godt ind i street art som de også er. Vi kan på denne måde få hjemmesiden til passe sammen med hallen sådan at hal og hjemmesiden her en fællesnævner. Ikke valgte emner: Dekonstruktivisme: - For rodet til web design. Det rammer ikke målgruppens interesse for graffiti og kræver mere tanke-filosofi. Det rammer ikke målgruppen bredt. Modernisme: - Stilen og motiverne kan være svære at forstå idag, da det er mere abstrakt og udtrykker en anden tid. De unge i vores målgruppe søger noget som er hverdagspræget og gerne med en masse farver. Surrealisme: - Stilen og motiverne kan også her være svære at forstå. Vi har på sitet lagt en Flash film, der er lidt mere uddybende. Side 13/25

14 konstruktion af nyt site 4.2 Research inspiration Vi har brugt en del tid på desk research, for at få ideer til hvordan designet skulle være på vores site. Desværre måtte vi konstatere, at det ikke var nemt at finde relevant inspiration på nettet, og valgte derfor at lave et spørgeskema, som kunne give os den information vi havde brug for. Her vises nogle eksempler på hvad vi fandt på nettet: Side 14/25

15 konstruktion af nyt site 4.3 Eksisterende site Det er lavet i flash og er derfor ikke særlig brugervenligt, da mange medier har problemer med at vise flash. Den bliver ikke opdateret jævnligt. Derfor vælger vi at begrænse flash elementerne på det nye site og i stedet kode i XHTML. Vi vil finde inspiration til layout på andre sites og fra spørgeskema. Side 15/25

16 konstruktion af nyt site 4.4 Design til web Følgende model illustrerer hvordan vi har arbejdet med design og layout til vores site. Dog har vi ikke lavet paperprototype eller mock-up vi har kastet os direkte ud i HTML og CSS, fordi det var god træning i kodningens kunst, som flere af gruppens medlemmer havde behov for. Nedenfor ses illustrationer af de forskellige stadier. A1 A2 A3 B C D x x E A1 Side 16/25

17 konstruktion af nyt site A2 3A Processen De viste brainstorms illustrerer arbejdsprocessen for at komme igang med konstruktionen af sitet. Illustration A1: - Viser alt det indhold som vi syntes skal være på sitet. Illustration A2: - Viser processen med at bestemme stil-arterne streetart og popart. Illustration A3: -Viser vores storyboard. Side 17/25

18 konstruktion af nyt site Illustration B: Viser vores sitemap, som er resultatet af vores storyboard. B index.html bmx.html capoeria.html inliners.html lobehjul.html parkour.html skate.html streetsoccer.html galleri.html kalender.html kontakt.html om_os.html Illustration C1+C2: Viser vores thumnails fra første udkast, til det næsten færdige design. C1 C2 Illustration D1+D2+D3: Viser vores Wireframes, som har ændret sig undervejs i processen. Forside Bredde: 770px Højde: 140 px LOGO D1 D2 Bredde: 1004px D3 Menupunkter HEADER / LOGO HEADER / Højde: 150 px Galleri LOGO Bredde: 1004px Højde: 150 px Menubar Bredde: 1004px - Højde: 20px Menubar Bredde: 1004px - Højde: 20px Menubar Bredde: 785px - Højde: 30px Billede: Bredde: 472px Højde: 450px Tekst: Bredde: 472px Højde: 450px Billede: Bredde: 130px Højde: 83px Felt hvor billedet vises i stor størrelse: Bredde: 296px Højde: 294px Bredde: 200px Højde: 300px Bredde: 200px Højde: 250 px Bredde: 204px Højde: 250px Bredde: 200px Højde: 250px Bredde: 200px Højde: 250px Tekst Bredde: 200px Højde: 150px Baggrundsbillede Bredde: 1004px - Højde: 568px Bredde: 1004px Højde: 68px Tekst Bredde: 785px - Højde: 30px Footer Bredde: 1004px - Højde: 40px Flash footer - tekst med tak til... Bredde: 1004px - Højde: 40px Illustration E: Viser det næsten færdige site. E Side 18/25

19 konstruktion af nyt site 4.5 Designudvikling På billede 1+2+3, ses de første designoplæg til sitet. Som udgangspunkt er de ens, den eneste forskel er baggrundsbilledet/farven. Men det var for at spore os ind på hvilken stil der ville ramme målgruppen bedst. Da målgruppen er streetsport-udøvere valgte vi hurtigt at der skal være et graffiti-billede som baggrund, og det er meningen at mønsteret på billede 1, skal illustrere dette. 1 Skate Åbningstider: Mandag: Lukket Tirsdag: 16:00-17:50 (kun for piger) Onsdag: 15:00-21:00 Torsdag: 18:30-21:30 Fredag: 15:00-21:00 Lørdag: Lukket Søndag: 14:00-20:00 (Helligdage: Lukket) ODENSE SKATEPARK NYHEDER BILLEDER VIDEO INFO CHAT Poledans Parkour BMX Løbehjul Odense Skatepark - Grønløkkevej Odense C - - Tlf I oplægget har vi placeret navnet Odense Skatehal øverst, som header, for at fange brugerens opmærksomhed, og vi har valgt at bruge de samme farver på figurerne, for at skabe genkendelsesværdi. Under navnet har vi valgt at placere menupunkterne, da vi syntes det skabte bedst balance på siden. Nederst er der placeret en footer så brugeren hurtigt kan finde, de mest almindelige kontaktoplysninger. Ydermere har vi valgt at tilføje åbningstiderne på forsiden, da vi mente, at de fleste ville kigge efter netop den information, når de besøger siden. At de så yderligere får andre informationer er jo bare en ekstra bonus. 2 Skate ODENSE SKATEPARK NYHEDER BILLEDER VIDEO INFO CHAT Poledans Parkour Åbningstider: Mandag: Lukket Tirsdag: 16:00-17:50 (kun for piger) Onsdag: 15:00-21:00 Torsdag: 18:30-21:30 Fredag: 15:00-21:00 Lørdag: Lukket Søndag: 14:00-20:00 (Helligdage: Lukket) Odense Skatehal - Grønløkkevej Odense C - - Tlf ODENSE SKATEPARK NYHEDER BILLEDER VIDEO INFO CHAT BMX Løbehjul Skate Poledans Parkour BMX Løbehjul Åbningstider: Mandag: Lukket Tirsdag: 16:00-17:50 (kun for piger) Onsdag: 15:00-21:00 Torsdag: 18:30-21:30 Fredag: 15:00-21:00 Lørdag: Lukket Søndag: 14:00-20:00 (Helligdage: Lukket) Odense Skatehal - Grønløkkevej Odense C - - Tlf Side 19/25

20 Odense Street House O. SITE konstruktion af nyt site På billede 4, har vi så efterfølgende lavet et logo, som vi har valgt at placere i stedet for navnet, da skatehallen egentlig omtales med et andet navn. Så er der kommet Nyheder Billeder Video Info Chat Street soccer Parkour 4 flere figurer med, da vi ikke havde alle stilarter med i første designoplæg. Rulleskøjter Skate Løbehjul Capoeira BMX ÅBNINGSTIDER: Mandag: 15:00-21:00 Tirsdag: 16:00-17:50 Onsdag: 15:00-21:00 Torsdag: 18:30-21:30 Fredag: 15:00-21:00 Lørdag: 14:00-20:00 Søndag: 14:00-20:00 Odense Skatepark - Grønløkkevej Odense C - - Tlf På billede 5 og 6, ses vores endelige resultat, efter det er blevet kodet med html, og 2 css stylesheets. Vi har ændret logo et så der er mere fokus på figurerne, og 5 navnet er blevet mere synligt. På billede 5, har vi fokuseret på den stilart der hedder popart, hvor vi har valgt at lægge vægt på stærke farver og den lidt poppede og rå stil. På billede 6, ses vores anden stilart, og den har vi valgt at kalde streetart. Her har vi lagt mere fokus på den rå stil med mere graffiti, samt mere dussede og nedtonede 6 farver. Yderligere har vi under menupunkterne valgt at lave et billedgalleri, og en google kalender, så man kan følge med i træningstider og arrangementer i hallen. O SITE / Style and Experience / WebB, Gruppe 10 Side 20/25

21 5. CRAP ANALYSE CRAP analyse på sitet CRAP står for: - Contrast - Repetition - Alignment - Proximity Kontrasten på vores site er skabt af en blanding af stærke og svage kontraster. Idet vi har valgt at holde baggrunden i neutrale farver og samtidig lavet knapperne til de forskellige aktiviteter i stærke farver, er det også det første der fanger interessen. Footeren er også i stærke farver og der er bevægelse, som fanger opmærksomheden når man kommer ind på sitet. Farverne går igen når man klikker ind på de forskellige aktivitets-menupunkter. Så både de stærke farver bliver gentaget når man bevæger sig rundt inde på sitet. Selve forsiden er bygget op med horisontal center alignment. Det brydes af det skrå logoet og graffitien i baggrunden. Selve logoet fylder det meste af headeren og der er skabt en balance ved at placere åbningstiderne på den ene side og de farvede figurer på den anden. Der er tydelige grupperinger - øverst finder man åbningstider, logo og figurer - gruppen. Fokus er på logoet både i kraft af størrelse og farve. Sitet er overskuelig, og ser ikke rodet ud på trods af, at baggrundsbilledet er meget markant. Den næste gruppe er de praktiske menupunkter. Den vigtigste gruppe er menupunkterne midt på siden som illustrerer aktiviteterne i Street House. De er fremhævet både v.h.a. størrelse og farve. Den sidste gruppe er footeren der kører som en flash med tak til de involverede i projektet. Side 21/25

22 6. Færdig site Der er både fordele og ulemper ved at skulle opbygge sitet efter en eksisterende stilart og grid. Fordelene er, at man hurtigt kommer i gang, fordi man ved hvad der kendetegner stilarten. For eksempel så skal vores streetart være meget råt og vores popart skal være farverig, men inden for popartens regler. Ulemperne er at man hurtigt låser sig fast på én type design fra starten, da dette design skal passe til stilarten. 6.1 Diskussion af teknologi Vi har brugt standarden XHTML, fordi det er det vi har lært i undervisningen, og som vi synes vi har bedst styr på. Vi har stylet med CSS da det arbejder godt sammen med XHTML. Endvidere har vi også brugt Flash elementer til at skabe noget liv på vores site. Al XHTML og CSS er kodet i Notepad++ da det var vigtigt for os, i højere grad, at lære koderne udenad. Dog er der den ulempe, at man hurtigere kan komme til at lave fejl i forhold til, hvis vi havde brugt Adobes Dreamweaver CS6. Dreamweaver kommer med forslag til koden, og så er man mere sikker på, at man ikke skriver koden forkert. Vi har brugt Adobes Flash program til at lave vores Flash element. Vi kender på nuværende tidspunkt ikke til andre programmer der kan lave flash, og da det er Adobes eget program går vi ud fra, at det går hånd i hånd med deres reader. 6.2 Tekniske krav Når vi har valgt at implementere flash på vores site så betyder det også, at man skal have et program der kan afspille flash, ellers vil dette ikke virke. Vi har testet i browserne, Firefox, Google Chrome og Safari. Desværre er der et problem med visningen af sitet i Explorer, som vi ikke kan løse på nuværende tidspunkt. Vi har prøvet at integrere flest mulige medier. Det har f.eks. været vigtigt, at sitet kan ses på en smartphone, fordi mange i målgruppen vil bruge en telefon til at gå på nettet med. Her har vi dog haft problemer med Flash, men da det har været et krav til opgaven har vi måtte se igennem fingre med det. Vi har valgt at gøre bredde og højde hhv. 1024x768px, da denne størrelse passer bedst til 15,4 bærbare. Side 22/25

23 6. Færdig site Koder vi er stolte af: 1 2 Vi har valgt vores usynlige klikbare billede som vores anden kode vi er stolte af, da vi gerne ville have forskellige figurer bag vores klikbare billeder, når man skiftede stylesheet. Vi blev innovative og valgte at indsætte det samme usynlige klikbare billede til alle vores syv logoer i XHTML koden og indsætte forskellige baggrundsbilleder via CSS en. På denne måde er alt det bag de klikbare billeder stylet via CSS. Samme kode er i øvrigt brugt til vores header. 6.3 Overskuelighed Først og fremmest har vi holdt orden, både i XHT- ML en og i CCS en samt i undermapperne med vores billeder. Undermapper til billeder og film gør, at man nemmere kan overskue, at finde et billede der passer til det ene design. Orden i koden, gør det nemmere at finde lige præcis det man skal ændre, hvis der skal ændres noget. Side 23/25

24 7. AIDA Gode gamle AIDA, som blev introduceret af M.T. Copeland i 1925, er stadig aktuel at anvende, den gennemgår nemlig hvad en reklame eller en forside helt basalt set skal gøre. Den er nok en af de allermest anvendte kommunikationsmodeller der findes, fordi den er enkel at forstå og bruge. Man kan med fordel trækkes sin forside gennem AIDA, da man let opdager elementære fejl, dog uden at en succesfuld tur igennem modellen er nogen garanti for at hele projektet bliver en succes! Streetartforside: Attention: Designet på forsiden består af mange kraftige farver og illustrationer, som gør at man bliver på siden. Interest: Forsiden består bl.a. af et flashelement i footeren, som fanger brugerens interesse. Desuden er det også nogle anderledes knapper i form af kulørte illustrationer hvad sker der når man klikker på dem!? Desire: Man vil gerne klikke på figurerne, der alle hver især beskriver den sport som de forestiller. I menulinien under logoet er der forskellige interessante emner, som f.eks. galleri - hvad er der billeder af!? Action: Forsiden har åbningstiderne placeret til venstre for logoet, så man med det samme kan se hvornår et besøg er muligt. Popartforside: Attention: De mange kraftige farver, både i baggrunden og illustrationerne midt på siden, gør at man bliver hængende. Interest: Forsiden består bl.a. af bevægelse i footeren, som fanger brugerens interesse. Desuden er menuknapperne kulørte illustrationer. Desire: Man vil gerne se hvad der sker når man klikker på figurerne. Der er illustreret forskellige sportsgrene, man vil gerne vide mere. Action: Forsiden har åbningstiderne placeret til venstre for logoet, så man med det samme kan se hvornår et besøg er muligt. Side 24/25

25 8. Konklusion Som multimediedesignstuderende har vi konstrueret et nyt site til OSH, hvor der er lagt vægt på at tiltrække flere nye brugere især piger. For at opnå det ønskede resultat har vi analyseret målgruppen v.h.a. Gallup segmentering, spørgeskema og interviews. For at være sikker på, at vi med vores site appellerer til målgruppen har vi arbejdet efter en kommunikationsplan. Vi har brugt brainstorms til idegenerering og vi har analyseret vores site designs og layouts v.h.a. en CRAP analyse. Vi har designet sitet i 2 forskellige stilarter, Streetart og Popart, fordi brugen af farver og udtrykkene der kendetegner stilen, passer godt til vores målgruppe. Selve sitet er bygget op af XHTML kode med eksterne stylesheets og vi har indlejret 3 flash elementer. Desuden har vi Brugt AIDA modellen til at teste kommunikationsevnen på vores to forskellige forsider. Hele processen er undervejs blevet dokumenteret og visualiseret. Vi har brugt et Kanban chart til at styre projektets forløb. Det har bl.a. medvirket til, at samarbejdet i gruppen har været godt vi er alle meget forskellige m.h.t vores individuelle evner og har derfor suppleret hinanden godt. Side 25/25

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Navn: Skole: Anslag: Emne: Klasse: Dato: URL:

Navn: Skole: Anslag: Emne: Klasse: Dato: URL: Veronicas Portfolio Navn: Veronica Brun Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 9.665 Emne: Obligatorisk Porfolio Klasse: Web B, 2012, 1 sem. Dato: 3/1-13 URL: http://vero0027.mmd.eal.dk/portfolio/index.html

Læs mere

Style & Experience project

Style & Experience project Style & Experience project Erhvervsakademiet Lillebælt, MMD, Web B, Gruppe 7. Mette Gry Schmidt, Anders Kristian Jepsen, Thomas Sølvbjerg, Jakob Thage og Admira Sehic Anslag 19.606 URL: http://thom441e.mmd.eal.dk/bazar/bazar1.html

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Style & Experience 1. semester efterår 2011 25. november - 2. december

Style & Experience 1. semester efterår 2011 25. november - 2. december obligatorisk projekt Style & Experience 1. semester efterår 2011 25. november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011 Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 2012 S&E Bazar Fyn Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 Indhold Indledning... 2 Problemformulering:... 2 Problemstillinger:... 2 Kommunikation:... 3 Hvilken målgruppe ønsker vi at henvende

Læs mere

Portfolio Web:

Portfolio Web: Portfolio Web: http://sann3737.mmd.eal.dk Af: Sanni Maria Lindberg Johannessen Dato: 30. maj 2013 EAL MMD Odense Vejledere: Kristin, Thomas & Pernille Anslag: 1921 Indholdsfortegnelse Indledning... 3 Baggrund...

Læs mere

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. 01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny

Læs mere

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN...

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 1 INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 7 GALLUP... 7 Delkonklusion... 9 DESIGN... 10 MODERNISME:

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen. Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Introduktion... 2. Problemformulering... 2. Metode... 2. Research... 3. Kommunikation... 4. Delkonklusion... 4. Analyse... 5. Design...

Introduktion... 2. Problemformulering... 2. Metode... 2. Research... 3. Kommunikation... 4. Delkonklusion... 4. Analyse... 5. Design... Indhold Introduktion... 2 Problemformulering... 2 Metode... 2 Research... 3 Kommunikation... 4 Delkonklusion... 4 Analyse... 5 Design... 6 Delkonklusion... 9 Implementering og dokumentation... 10 Konklusion...

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

Læs mere

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

Læs mere

MADS JENSENS PORTFOLIO

MADS JENSENS PORTFOLIO MADS JENSENS PORTFOLIO Navn: Mads Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 7948 Emne: Obligatorisk Portfolio Klasse: Web B DK 1. semester Dato: 3. januar 2013 URL: http://mads775c.mmd.eal.dk/portfolio/index.html

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

Læs mere

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress. KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK

Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK URL: http://mark4286.mmd.eal.dk/ 3-1-2013 S. 0 Portfolio Der er gået ½ år siden jeg begyndte på Multimedieuddannelsen i Odense

Læs mere

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT Rikke Ihle & Jeppe Brogaard Roskilde Tekniske Gymnasium Indholdsfortegnelse Indledning... 2 Planlægning... 2 Problem... 3 Målgruppe... 3 Løsning... 3 Produkt... 3

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Grafisk design 5 STK. ØL / DRINKS / VAND. Opgaven. Farver. Målgruppe. Logo. Stil og stemning Familie, hygge og samvær.

Grafisk design 5 STK. ØL / DRINKS / VAND. Opgaven. Farver. Målgruppe. Logo. Stil og stemning Familie, hygge og samvær. 1 DRINK GRAFISK DESIGN 5 STK. ØL / DRINKS / VAND GRAFISK DESIGN Grafisk design 3 DRINK 2 DRINK 5 DRINK 4 DRINK Opgaven bestod i at udvikle et nyt design til Galten byfest, som bliver holdt en gang årligt.

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at

Læs mere

Marc Vinther Mikkel Borg Svendsen Nanna Bak Eliassen Sebastian Frank. Tourist Campaign

Marc Vinther Mikkel Borg Svendsen Nanna Bak Eliassen Sebastian Frank. Tourist Campaign Marc Vinther Mikkel Borg Svendsen Nanna Bak Eliassen Sebastian Frank Tourist Campaign Indledning Vi er et visuelt markedføringsbureau som har fået til opgave, at lave en kampagne for et lokalt turistbureau

Læs mere

GRAFISK DESIGN CAMILLA VINTER

GRAFISK DESIGN CAMILLA VINTER GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,

Læs mere

Style and Experience

Style and Experience Style and Experience Odense Vinterjazz Url: http://se.website-cms.dk/ MMD Odense Vejledere - Mona Lyngs Kjærgaard, Jens Berg & Bjarne Slipsager Gruppe 1 Van Tuan, Olaf De Backer, Stine Holm Andersen &

Læs mere

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard OVERSIGT 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard 2 Logo A. Skitser B. Valg af fonte C. Farver D. S et E. Kvalitetstjek 3 App A. Overvejelser B. Format C. Moodboard D. Skitser

Læs mere

Musikvideo og markedsføring

Musikvideo og markedsføring EAL Erhvervs Akademi Lillebælt Multimediedesign (MMD) Musikvideo og markedsføring 1. SEMESTER, PROJEKTOPGAVE 2 December, 2014 Line Falkenberg Jensen Cpr. Nr.: 281293-1558 E- mail: linefalkenberg93@gmail.com

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy GRAFISK DESIGN Hjemmeside til Dizzy Mizz Lizzy PROCESSBESKRIVELSE Beskrivelse af Dizzy Mizz Lizzy website Opstart 01. Research, filsøgning, idégenerering, målgruppe. 02. Designopsætning i photoshop Målgruppe

Læs mere

Kasper Kommunikation/it Klasse 1.1 Uno Ekdahl Forår 2010 Roskilde Tekniske Gymnasium

Kasper Kommunikation/it Klasse 1.1 Uno Ekdahl Forår 2010 Roskilde Tekniske Gymnasium Afsluttende opgave Indledning I denne rapport har jeg valgt at arbejde med Automatisering, det er for det meste noget der foregår på en computer, da den kan det samme som en lommeregner, og meget mere.

Læs mere

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

Esrum Sø Sport og Fritid

Esrum Sø Sport og Fritid Esrum Sø Sport og Fritid 4. Projekt - Website Projekt. Multimediedesign, 1. Semester November/December 2008. www.highlighter.dk/essf Et Website udviklet af: Ahmad Hahmoud Camilla M. Sabatinski Josephine

Læs mere

Computerens Anatomi. En rapport om computerens anatomi. Kevin Feldmann, Thor Madsen & Mads Kragelund

Computerens Anatomi. En rapport om computerens anatomi. Kevin Feldmann, Thor Madsen & Mads Kragelund Computerens Anatomi En rapport om computerens anatomi Kevin Feldmann, Thor Madsen & Mads Kragelund Indholdsfortegnelse Vores case... 2 Laswell kommunikationsmodel... 2 AIDA modellen... 3 Målgruppe... 4

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

Sundhedsguiden. Børn og unges sundhed. Jozef Indruszewski & Marc Ringsing. Kommunikation/IT C Afsluttende opgave 2010

Sundhedsguiden. Børn og unges sundhed. Jozef Indruszewski & Marc Ringsing. Kommunikation/IT C Afsluttende opgave 2010 Sundhedsguiden Børn og unges sundhed Kommunikation/IT C Afsluttende opgave 2010 Jozef Indruszewski & Marc Ringsing Problemformulering Vi vil lave en hjemmeside, der oplyser børn og unge om sundhed. Vi

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Kriseprojekt, Design og visualisering

Kriseprojekt, Design og visualisering Kriseprojekt, Design og visualisering Af Ninna Suzan Steen Musak, 1. Semester Web 2013 Aflevering 16 maj 2013 MMD Odense Vejleder: Rebi og Krut Problemformulering SAS har gennem det sidste år gennemgået

Læs mere

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

Niks Frost & Line Søs Hold 32B

Niks Frost & Line Søs Hold 32B Niks Frost & Line Søs Hold 32B Landdrup Dans - Sitemap Forside Om Galleri Stilarter Hold Priser Tilmeld Åbningstider Kontakt Landdrup Dans. Forsiden linker til 8 undersider: 1: Om (info om firmatet) 2:

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

Læs mere

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en

Læs mere

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

Læs mere

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt. Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende

Læs mere

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

Kommunikation IT. Afsluttende opgave. Kampagne E-learing. Daniel Retsborg Nicolaj G. Moberg Jonas Munk-Klæsøe

Kommunikation IT. Afsluttende opgave. Kampagne E-learing. Daniel Retsborg Nicolaj G. Moberg Jonas Munk-Klæsøe Kommunikation IT Afsluttende opgave Kampagne E-learing Daniel Retsborg Nicolaj G. Moberg Jonas Munk-Klæsøe 1 Indhold Case.... 3 Kommunikationsplan... 3 Målgruppeanalyse.... 4 Målgruppe.... 4 Det Moderne

Læs mere

Skrivers-Design Portfolio

Skrivers-Design Portfolio Pia Naamansen Skriver Skrivers-Design Portfolio http://www.skrivers-design.dk/ Første Semester 2013 Vejleder Kristin Anslag: 12.350 Pia Skriver Side 1 Indholdsfortegnelse: Min bagrund: 3 Læringsmål: 3

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.

Læs mere

Dokumentar Ali Cheikha

Dokumentar Ali Cheikha Dokumentar Ali Cheikha Indhold Indledning... 1 Problemstilling... 1 Problemformulering... 1 Arbejdsmetoder... 2 Ideudvikling Brainstorm... 2 Udviklingsmetode Prototyping-proces... 2 Researchmetoder...

Læs mere

Style & Experience: O-site Gruppe 2 - Web A, 1. Sem. 2012 Birgitte Bjerre Rasmussen Johan Büchler Lone Nordberg Rasmus Thorfinn Wej Ulisse Winnie

Style & Experience: O-site Gruppe 2 - Web A, 1. Sem. 2012 Birgitte Bjerre Rasmussen Johan Büchler Lone Nordberg Rasmus Thorfinn Wej Ulisse Winnie Style & Experience: O-site Gruppe 2 - Web A, 1. Sem. 2012 Birgitte Bjerre Rasmussen Johan Büchler Lone Nordberg Rasmus Thorfinn Wej Ulisse Winnie Kirk Sloth Anslag: 24.786 ProjektVejledere: Bjarne Slipsager,

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305. Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305. 1 Kommunikationsplan: Kommunikationsmål, afsender og genre Hvad ønsker afsender at opnå med webstedet?: Afsender ønsker at have en mad

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf.

GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. GRAFISK DESIGN BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. KRAV TIL UDTRYKKET Moderne Enkelt Minimalistisk Responsivt Brugervenligt

Læs mere

MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz

MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz MMD odense 2011 Style & Experience gruppe nummer? MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz Hjemmeside

Læs mere

Portfolio - sunestenild.dk

Portfolio - sunestenild.dk Portfolio - sunestenild.dk Grafisk produktion og workflow Anvendte programmer: Opgavebeskrivelse: Jeg vil gerne lave en hjemmeside som promoverer mig selv i forhold til kommende arbejdsgivere og eventuelle

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

Modul 4 Udfordringen

Modul 4 Udfordringen Modul 4 Udfordringen Opgave, idé, udførsel og refleksion Opgaven Opgaven bestod i at udforme to produkter, hhv. en flyer og et nyhedsbrev, som en del af en kampagne imod køb af de nye kampfly. Som udgangspunkt

Læs mere

Valgfrit tema. Kommunikation/IT 13-04- 2 0 1 2. Jannik Nordahl-Pedersen. HTX - Roskilde. Klasse 3.5

Valgfrit tema. Kommunikation/IT 13-04- 2 0 1 2. Jannik Nordahl-Pedersen. HTX - Roskilde. Klasse 3.5 rt Valgfrit tema Kommunikation/IT Jannik Nordahl-Pedersen HTX - Roskilde Klasse 3.5 13-04- 2 0 1 2 1 Indholdsfortegnelse Indholdsfortegnelse... 2 Indledning... 3 Problemformulering... 3 Valg af løsning...

Læs mere

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

Grafisk design. Grafisk produktion og workflow Side 57

Grafisk design. Grafisk produktion og workflow Side 57 Grafisk design Grafisk produktion og workflow Side 57 Side 58 Grafisk design Grafisk design Opgavebeskrivelse Arbejdsplan Research Målgruppe Design af grafisk tryk til tasker. Trykket skulle promovere

Læs mere

Hvad skal vi have ud af dagen: Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS.

Hvad skal vi have ud af dagen: Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS. Logbog 28/10-14 Første møde. Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS. Vi fandt en masse artikler, vi kunne bruge, og begyndte på at arbejde på vores SWOT/TOWS

Læs mere

opsamling * Hvordan var det at arbejde med casen? * hvad har I lært (fokus på design)? * feedback på bloggen? * LInks til websites

opsamling * Hvordan var det at arbejde med casen? * hvad har I lært (fokus på design)? * feedback på bloggen? * LInks til websites dagens program * opsamling på IA projekt * næste temaprojekt: Go mobile * Brugsscenarier og wireframes * Øvelse * Modebranchen som case + fælles brainstorm * Øvelse/lektie * næste gang opsamling * Hvordan

Læs mere

15-11-2013 TANDLÆGE KAMPAGNE. Marc Sztuk, Simon Drabsch og Marcus Rasmussen

15-11-2013 TANDLÆGE KAMPAGNE. Marc Sztuk, Simon Drabsch og Marcus Rasmussen 15-11-2013 TANDLÆGE KAMPAGNE Marc Sztuk, Simon Drabsch og Marcus Rasmussen Forord Vi har tilmeldt os konkurrencen fra Tandlægeforeningen, om at lave en kampagne for at få flere unge til at tage til tandlæge.

Læs mere