[S&E] November 21, 2012

Størrelse: px
Starte visningen fra side:

Download "[S&E] November 21, 2012"

Transkript

1 1

2 Indholdsfortegnelse Indholdsfortegnelse... 2 Titelblad... 4 Indledning... 5 Problemformulering... 6 Metode... 6 Kommunikation... 6 Design... 6 Interaktion... 6 Desk/Field Research... 7 Magasinet... 7 Desk research... 7 Field research... 8 Spørgeskema... 8 Opsummering Skitsering Idéproces Analyse Stilarter Dekonstruktivisme Think Aloud Test Færdigt site Website analyse Standardhjemmesiden Dekonstruktivisme websitet Kodebeskrivelse Wireframes Sitemaps Brug af teknologi Projektledelse Gantt Chart Gruppeproces

3 Konklusion Bilag Bilag Det Fællesskabsorienterede segment Det Moderne-fællesskabsorienterede segment Det Moderne segment Bilag Skitser Bilag Think Aloud Test Bilag Kodebeskrivelse Kodebeskrivelse Bilag SWOT-analyse af Magasinet Odense Bilag Videre arbejdelse Bilag O-site QR-kode Litteraturliste Websites Bøger

4 Titelblad [S&E] November 21, 2012 Titel Multimediedesigneruddannelsen 1. semester Style & Experience Projektperiode 1 nov nov Deadline 21. nov Anslag Fag Kommunikation, Interaktion og Visualisering Vejledere Per Thykjær Jensen, Dan Johannesson, Kristin Utne, Thomas Bøye Jensen, Bjarne Slipsager Gruppemedlemmer Mads Fischer Baungård Rasmussen Mark Hemmeløff Christensen Mads Jensen Martin Vøhtz Lokalitet Erhvervsakademiet Lillebælt, Munkebjergvej Produkt Projektrapport Website QR-kode Hjemmesidelink Flash-elemeter w.swf 4

5 Indledning Magasinet er byens mest intime teater- og musikscene. 1 Magasinet er et kulturhus, hvor du kommer helt tæt på kunstneren. Mere end 150 gange om året kan du opleve kultur på Magasinet i form af alt fra rock, stand-up, filmfestival og revyteater. Magasinet har siden 1989 været et aktivt spillested i Odense, og et sted vi kan lide at komme. I denne opgave har vi valgt at arbejde med Magasinet. I opgaven skal vi udvikle et website til vores valgte sted. Websitet skal indeholde 2 stilarter, som man skal kunne vælge imellem via en knap på websitet. Vi vil i rapporten komme igennem de teoretiske aspekter ved udvælgelses og udvikling af websitet. Vi vil lave en hjemmeside, som ikke kun informerer, men også inspirerer læseren, så læseren kan blive klogere på kulturhuset Magasinet. Vi synes Magasinet er et rigtig spændende sted at arbejde med, da vi ser mange muligheder til at lave et flot website. Magasinet er en del af Kulturmaskinen, men har ikke et selvstændigt website. Derfor har vi ikke nogen direkte inspirationskilde til designet, men det ser vi som en fordel. Vi gennemgår vores proces slavisk i rapporten. Vi har brugt vores viden fra de enkelte fag til at komme igennem opgaven. Rapporten svarer til 9 siders tekst, hvor hvor vi har flyttet nogle punkter til bilag nov

6 Problemformulering Vi skal i denne opgave lave et website til et selvvalgt sted i Odense, vi har valgt Magasinet. Websitet skal designes med 2 forskellige stylesheets. Derudover skal vi bruge en QR-kode som henvisning til websitet. Det er dette problem vi vil løse, og har formuleret følgende: Hvordan laver vi et kunstnerisk inspireret stylesheet, bygget på et standard website, som efterlever brugerens ønsker og indehaverens målgruppe? Metode Vi vil med udgangspunkt i de 3 fagområder: kommunikation, design, interaktion, sørge for, at vi får lavet 2 specifikke hjemmeside til Magasinet. Vi vil bruge metoder vi har lært i fagene til at skabe et fundament, og derved skabe os et overblik over opgaven. Kommunikation Vi vil i faget kommunikation kigge på strategi inden for indholdsanalyse (content analysis). Ved hjælp af denne analyse kan vi udarbejde et eller flere koncepter til vores hjemmeside - og vil samtidig komme ind på fordele og ulemper ved valgte medier. Vi vil blive klogere på vores indholdsanalyse vha. desk- og field research. Ligeledes vil vi analysere vores hjemmesides styrker og svagheder vha. en Think Aloud Test, hvor vi, beder en række forskellige aldersgrupper, om at komme med deres førstehåndsindtryk og mening om siden. Design Vi vil i denne del af opgaven udvikle det visuelle. Heriblandt 1 kunstnerisk inspirerede hjemmeside med stilarter vi har arbejdet med i faget visualisering. Udover vil vi lave en standard hjemmeside, med et design til rammer Magasinets målgruppe. Vi vil ved hjælp af de designteorier vi har lært, beskrive vores intentioner med designet af vores hjemmeside. Samtidig vil vi, med udgangspunkt i C.R.A.P-modellen, analysere vores hjemmesidedesigns og argumentere for hvorfor vi har valgt at gøre, som vi har gjort Interaktion I interaktion vil vi tage udgangspunkt i systemudviklingsmodellen. I grove træk er systemudviklingsmodellen delt op i 3 discipliner: Analyse, Design og Programmering. Vi vil på baggrund af vores analyse af Magasinet, vha. desk- og frieldreseach, designe vores hjemmeside. Når analyse og design er på plads vil vi til sidst programmere hjemmesiden fra bunden og sikre os, at hjemmesiden overholder de opstillede krav til opgaven og fungerer efter hensigten. 6

7 Desk/Field Research Vi vil starte med at lave en grundig research, hvor vi gerne vil blive klogere på Magasinet, stedets målgruppe og målgruppens ønsker i forhold til et website. Magasinet 2 3 Magasinet er et kendt spillested i Odense og har eksisteret siden Dengang gik skotske Runrig på scenen, og der har siden hen været rigtig mange koncerter på stedet. Magasinet er en del af JVB Concerts, som har tiltrukket mange store kunstnere siden Her kan bl.a. tælles Kevin Kostner, Lisa Nilsson, TV-2 samt Nephew og Magasinet har fået ros af både Kevin Kostner og Simon Kvamm fra Nephew. Magasinet er også vært for flere store stand-up komikere. Der kan nævnes Casper og Frank, Andreas Bo samt Anders Matthesen. Magasinet har et af Odenses bedste musikanlæg og skaber en intim stemning, hvor man som gæst kommer helt tæt på kunstneren. Udover musik og stand-up, er Magasinet også vært for Odense Filmfestival, revyteater og musicals. Derfor at Magasinet en meget alsidigt scene for både gæst og kunstner. Desk research Vi vil gerne bestemme Magasinets målgruppe for at kunne målrette vores hjemmeside. Magasinet bruges i dag til både musik, teater, stand-up mm. Derfor kan det være svært at definere en præcis målgruppe. Vi brugte Gallup Kompas til at udvælge målgruppe ud fra nogle værdier vi bestemte. Vi valgte folk i alderen 12 år og op. Vi valgte folk i alle aldre, i det vi ikke vil begrænse målgruppen. Dernæst valgte vi mennesker der bor på Fyn. Vi valgte fynboer for at begrænse området for målgruppen. Vi valgte folk der går i teateret og som går til rock/pop koncerter dagligt til sjældent. Selv om hyppigheden af besøgende svinger meget, besøger de stadig magasinet og dermed målgruppe. På næste side her kan ses at Magasinets målgruppe ligger i det Fællesskabsorienterede segment, det Moderne-fællesskabsorienterende segment og i det Moderne segment nov nov

8 Vi vil beskrive nærmere de valgte segmenter. Se bilag 1 for uddybende beskrivelse af de 3 segmenter. Field research Vi skal udvikle et website til Magasinet, som skal bruges af spillestedets gæster. Websitet skal indeholde information om stedet, samt arrangementer etc. Vi vil gerne undersøge hvad folk værdsætter når de besøger et website. Derfor har vi valgt at lave et spørgeskema ved hjælp af Google Surveys, hvor vi vil høre folks meninger om udvalgte relevante spørgsmål. Spørgeskema Vi delte alle fire spørgeskemaet på Facebook, samt enkelte online forums. Vi forventer at langt de fleste besvarelser kom fra Facebook, bl.a. på grund af aldersfordelingen. Vi havde 6 spørgsmål, hvor 2 af dem var baggrundsinformation om brugeren og 4 ud af de 6 spørgsmål var omkring deres færden på websites. Vi fik 122 besvarelser, 84 svar (69 %) fra mænd og 37 svar (31 %) fra kvinder. Ikke overraskende fik vi rigtige mange besvarelser fra folk i aldersgruppen år og år. De to aldersgrupper består af hele 100 besvarelser (83 %). Derudover fik vi 14 svar (12 %) fra folk der er år, og 5 svar (4 %) fra folk i aldersgruppen år. Til sidst fik vi 2 svar (2 %) fra de årige. Selvom aldersfordelingen er skæv, mener vi stadig at undersøgelsen af brugbar. 8

9 I vores første spørgsmål undersøger vi hvad der er vigtig for brugeren på en hjemmeside. Vi har valgt disse svarmuligheder for at få et overblik over hvilke parametre vi skal være opmærksomme på når vi udvikler vores website. Resultatet blev at 101 personerne valgte Let at navigere og 102 personer Nem at overskue som vigtige elementer på et website. Ved vores næste spørgsmål undersøger vi hvor vidt brugen af billeder vil være klogt. Modsat forrige spørgsmål kan brugeren kun vælge 1 svarmulighed. De skal tage stilling til at de foretrækker billeder, tekst eller begge dele på et website. Resultatet blev at 104 svarede En god blanding, svarende til 86 %. Ved vores næste 2 spørgsmål spørger vi direkte hvordan de ønsker en forside skal se ud, samt hvordan undersiderne skal se ud. Vi vælger nogle svarmuligheder, der er interessante for os at få en mening om, bl.a. i forhold til effekter, menupunkter mm. 9

10 Resultaterne af disse spørgsmål viser at folk mener at designet på forsiden skal matche afsender, og de gerne vil have få menupunkter med underpunkter. Brugerne mener også at undersiderne skal være i stil med forsiden. Efter at have analyseret besvarelserne, har vi fået nogle parametre vi skal have med, når vi udvikler vores website. Det er vigtigt at vores website er overskueligt og nem at navigere på. Dernæst skal vi finde en god balance mellem tekst og billeder. Vi skal bygge websitet op med få menupunkter med underpunkter, hvor undersiderne er i stil med forsiden. Vi skal også huske at designet skal match afsenderen. Opsummering Udfra vores research er vi blevet klogere på hvad Magasinets profil er, hvilken målgruppe de har, samt hvad målgruppen ønsker på et website. Det er vigtig viden til næste trin, hvor vi skal begynde og udvikle designet. Vi er blevet bevidst om hvilken målgruppe vi skal ramme, vi skal være opmærksomme på at målgruppen svinger en del, og websitet skal passe til hele målgruppen. Derudover har vi fået stort udbytte fra vores spørgeskema, hvor vi helt konkret har fundet ud af, hvad vi skal lægge vægt på ved udviklingen af websitet. 10

11 Skitsering Næste skridt efter researchen var at begynde skitseringen af websitet til Magasinet. Idéproces Efter vores research begyndte vi en kreativ tænkeproces. Vi skulle vælge en stilart og arbejde videre med. Vi arbejdede visuelt i idéprocessen. I stedet for at læse om stilarter og skrive noter, brugte vi Adobe Photoshop til at udvikle vores egne bud på hvordan designet kunne se ud. Vi lavede skitser til vores standard-website, samt forslag til vores endnu ikke valgte stilart. Herunder kan ses et af forslagene vi kom op med, denne skitse er tiltænkt standard-websitet for Magasinet. Den næste herunder er inspireret af streetart-moderne stilarter. Se bilag 2 for yderligere skitser. Efter overvejelser besluttede vi at arbejde videre med stilarten Dekonstruktivisme. 11

12 Analyse [S&E] November 21, 2012 Som en del af rapporten, vil vi analysere de kommunikative- og designmæssige valg vi støder på gennem opgaven. Derudover vil vi analysere på de tekniske overvejelser for websitet. Stilarter Vores website skal struktureres med ét standard design og 1 stilart. Websitet skal designes så det passer til Magasinets målgruppe, som er den første designstil. På websitet skal der være en knap til et ekstern stylesheet med en ny stilart. Dekonstruktivisme Som vores valgfrie stilart har vi valgt dekonstruktivisme, fordi den passer godt til den brede målgruppe som Magasinet har og det er spændende at arbejde med. Dekonstruktivisme er et udskud af postmoderne kunststil, som begyndte i slutningen af 1970 erne. 4 De hovedsagelige karakteristiske træk i dekonstruktivisme er at fragmentere og fordele et værk, hvilket giver en frihed for form, som opfordrer til utraditionelt designs. "Deconstructing is to deform a rationally structured space so that the elements within that space are forced into new relationships". 5 Dekonstruktivisme er mest kendt fra arkitekture af bygninger som Guggenheim-museet i Bilbao, men stilarten bruges ikke kun til bygninger, men også grafisk design. Dekonstruktivisme-stilen, især arkitektur, blev i høj grad påvirket af den franske filosof Jacques Derrida, som siger at deconstruction is not a style or 'attitude' but rather a mode of questioning through and about the technologies, formal devices, social institutions, and founding metaphors of representation". 6 Katherine McCoy er også en indflydelsesrig designer I henhold til denne stilart. McCoy begyndte sin karriere i 1967 hos Unimark International, og arbejdede derefter som grafisk designer for en række selskaber. McCoy arbejdede mest med typografi, på en måde hvor hun kombinerede dekonstruktivisme og kubisme ved at bryde grid (gitter). Ved at dekonstruere et grid, nedbryder vi en struktur for at opdage nye rumlige eller visuelle relationer i vores værk. Overlappende grids eller kolonner kan skabe en opfattelse af sammensætningen, hvilket vi kan overføre til en Header på vores website, hvor man kan have et billede der overskrider grid. McCoy er en inspiration vi vil arbejde videre med. Det kan bl.a. være til et sponsorbillede, hvor tekst eller logo udskrider deres boks. Gennem dekonstruktivismes metoder, kan foreninger og betydninger skabes fra behandlingen af teksten til at danne mening og en naturlig rytme af kommunikation. Destruktivisme er generelt en anderledes måde at kommunikere på, strukturen er ofte væk og designet kan være rodet. Stilarten har også sine muligheder, og det er dem vi gerne vil arbejde med. 4 konstruktivisme 20.nov Samara, Timothy. Making and Breaking the Grid: A Graphic Design Layout Workshop. Beverly, Massachusetts: Rockport, Samara, Timothy. Making and Breaking the Grid: A Graphic Design Layout Workshop. Beverly, Massachusetts: Rockport,

13 Think Aloud Test Vi har fået fem personer til, at deltage i en Think Aloud Test, for på den måde at få nogle meninger om vores hjemmeside. 7 En Think Aloud Test er egentlig ret simpel: Få en række brugere til at benytte et givet produkt, mens de samtidig udtrykker, hvad de mener om produktet og brugervenligheden. Resultaterne af testen har givet os indblik i hvad brugerne mener om vores side samtidig med, at vi er blevet klogere på hvad brugerne har fokus på, når de besøger vores side første gang. Vi er ligeledes blevet gjort opmærksom på småfejl/mangler, som vi ikke selv har lagt mærket til i processen; disse fejl har vi selvfølgelig rettet efterfølgende. En af vores mere kvalitative Think Aloud undersøgelser er, hos brugeren Mikkel på 42 år, som i sin dagligdag er webredaktør hos Dan-Pilot. Mikkels arbejde gør, at vi kan bruge hans ekspertise, til, i større grad, at finpudse vores hjemmeside og i det hele taget få en mening fra en bruger, som arbejder med websites i sin hverdag. Nogle af de feedbacks, som han har givet om vores hjemmeside, tog vi til os. Som fx, at få vores logo til at stå mere i fokus. Ligeledes fik vi tilføjet overskrifter til vores menu bokse, så det er tydeligere, hvad man egentlig ser på. Få ting ændrede vi dog ikke på. Som fx baggrundsbilledet. Dette gjorde vi ikke, på baggrund af flere af de andre adspurgte, godt kunne lide det billede. Se bilag 3 for flere af de ændringer vi foretog os fra betaversionen til goldversionen. 7 Se bilag 1. 13

14 Færdigt site Website analyse I opbygningen af vores website har vi i vores design brugt analysemodellen C.R.A.P., for at sikre os vi kom rundt om alle de designmæssige metoder. C.R.A.P.-modellen omhandler de 4 basis designprincipper: Contrast, Repetition, Alignment og Proximity. De spiller hver især en vigtig rolle, når et flot webdesign skal opbygges. Standardhjemmesiden Contrast Kontrasten er en vigtig del af webdesign, da den skaber oversigt. Ved brug af kontrast, kan vi skabe opmærksomhed omkring visse elementer og samtidig nedtone andre. Kontrast kan bruges på flere forskellige måder. Blandt andet vha. farver og bokse. Størrelse, farve og placering spiller alle en rolle. Fx på vores standard website: Her har vi brugt to bokse, Program og Nyheder, med alpha (75 %), som begge er inden i vores wrapper (den mørkegrå boks) med alpha (50 %). Denne kontrasteffekt gør, at program- og nyhedsboksen kommer i fokus og bliver fremhævet. Kontrasten virker på samme måde inde i Programboksen, for at fremhæve de fem artister samt datoen for deres koncert. Her benytter vi den helt mørkegrå og grønne farve, for at gøre det lettere for brugeren, at se hvad der er vigtigt. Repetition Gentagelse er en betegnelse for, at bruge de samme elementer gennem hele websitet. Repetition definerer produktet og giver et stærkt udtryk. Farver og opbygningen spiller en vigtig rolle. Vi har på vores hjemmeside brugt repetition ved fx den grønne farve, som går igen flere steder på siden. 14

15 Repetition af disse "knapper" forener dem som værende relateret både i emne og funktion. Både farve, størrelse og placering understøtter repetitionens funktion. Alignment & Proximity Alignment er strukturens ramme. Placering af elementer, bokse, tekst bør aldrig være tilfældigt. Hvert et element bør have en funktion og en forbindelse til et andet element eller en anden side. Grids spiller blandt andet en vigtig rolle her. Som vidst på billedet herover, har vi overvejet alignment nøje, da vi designede vores hjemmeside. Alt fra placering af selve midterboksen/siden (at den er placeret i midten af skærmen), til at de forskellige bokse er placeret rigtigt ved siden af hinanden. 15

16 Inde i programboksen har vi nøje placeret boksene overfor hinanden, med en tilpas afstand, så brugeren ikke er i tvivl om hvilken dato er til hvilken artist. Egne refleksioner Vi har bygget hele websitet op fra bunden, da Magasinet ikke har et selvstændig website. Vi brugte lang tid på at udvikle et logo, vi kunne bruge for Magasinet samtidigt med har vi skulle udvikle to designs. Vi har derudover brugt lang tid på at definere og ramme Magasinets stemning som kulturhus i vores design. Det ville vi kunne have set på deres egen hjemmeside hvis de havde haft en. Vi har også brugt megen tid i Flash på blandt andet et Flash slideshow og en dropdown-menu. Slideshowet synes vi giver et godt førstehåndsindtryk, når man kommer ind på siden. Samtidig fungerer slideren som et middel for brugeren til, at identificere hvilken hjemmeside man netop er kommet ind på. Dekonstruktivisme websitet Contrast Vi har kontraster på vores dekonstruktivisme websitet ved flere elementer. Magasinets logo består af flere forskellige farver, der skaber kontraster og fokus. Ligeledes har vi kontraster ved programoversigten, hvor farverne blå og rød skaber blikfang for brugeren. Baggrunden består af røde, blå og gule farver. Disse farver er modstridende og skaber igen kontraster. 16

17 Repetition Vi benytter gentagelser ved farvevalget, de røde, blå og gule farver, samt ved program- og nyhedsboksen. Her bliver størrelsen på boksene genbrugt. Alignment & Proximity Selvom stilen er dekonstruktiv har vi stadig tænkt over alignment i designet. Vi har beholdt designet af programoversigten, hvor alignment bruges. Det er vigtigt at brugeren ikke er i tvivl om hvilke kunstnere der spiller hvilke dage. Ligeledes bruger vi alignment ved Flash-banneret, logoet og dropdown-menuen. Da vi bestemte størrelsen på websitet, tog vi også højde for den gennemsnitlige opløsning, som brugere benytter sig af. Det giver et struktureret alignment. Egne refleksioner På samme måde som på vores standardsite, har vi bygget vores site op fra bunden. Det har dog været sværere at arbejde med det dekonstruktive design, da det giver konflikter når stilartens skæve karakterer skal designes ind i fx vores programliste, hvor der helst ikke må være nogen tvivl om hvem der spiller og hvornår. Selvom at vi synes, at det er en svær stilart at arbejde med, når det kommer til webdesign, er vi godt tilfredse med vores resultat. 17

18 Kodebeskrivelse Vi har skrevet rigtig meget kode til vores website. Vi har udvalgt 2 eksempler på koder vi er ekstra stolte af, og som vi har brugt tid på. Se bilag 4 for uddybende beskrivelse af vores første udvalgte kode som er fra Flash. Se bilag 5 for vores anden uddybende kode, denne gang omkring vores drop-down menu. Wireframes Før vi startede på at kode hjemmesiden, havde vi en brainstorm om, hvad siden skulle indeholde og hvordan den skulle struktureres. Vi brugte wireframes som en guide, der viser grundlæggende hvordan hjemmesiden skulle opbygges, ved brug af tegninger eller illustrationer. Wireframes giver et hurtigt overblik over det færdige mål, og hjælper til at lave forbedringer til hjemmesiden inden man begynder på kodning. Vi har lavet et wireframe til hver af vores stilarter, fordi vores valgfrie stilart, destruktivisme, skulle opbygges anderledes end standard versionen. Vores hjemmeside er 1920px bred i alt, så den passer med en High Definition opløsning og indholdet er centret med 980px, så det passer til de computere der bruger en 1024px opløsning. 8 Herunder er vores wireframe over vores standard-website nov

19 Vores dekonstruktivisme-side skal opbygges af samme elementer som standard-siden. Derfor kunne vi sætte punkter i højre hjørne af elementerne og få CSS til at flytte dem til de valgte koordinater. Herunder har vi lavet et wireframe over vores dekonstruktive-website. 19

20 Sitemaps Sitemaps gør det nemt for at oplyse søgemaskiner, såsom Google, Yahoo eller Bing om siden. Et sitemap er en XML-fil der indeholder webadresser som gør at søgemaskiner kan mere intelligent gennemgå hjemmesiden. Webcrawlers opdager som regel sider via links fra hjemmesider. Sitemaps supplerer disse data ved at lade Webcrawlers opfange webadresser i sitemap et. Herunder er vores sitemap over hovedsiden. 20

21 Brug af teknologi Vi har i vores Style & Experience projekt brugt en lang række forskellige teknologier og programmer til, at komme frem til det resultat, vi i sidste ende står med. Programmerne har hver især tjent et forskelligt formål og i flere tilfælde har programmerne og teknologierne også overlappet hinanden. Vi har hovedsageligt brugt Adobe Dreamweaver til kodning af vores hjemmeside. Vores hjemmeside er bygget op i XHTML 1.0 strict, med flere eksterne stylesheets (CSS). Ligeledes har hvert design 4 eksterne stylesheets. Da der både skulle et stylesheet til forside, nyhedsside, billetside og dropdown menu. Derudover har vi implementeret flash-elementer, som er lavet i Adobe Flash Professional CS6. Vi har published (publiceret) elementerne og derefter sat dem ind i vores XHTML kodning. I Flash har vi også arbejdet en smule med objektsproget actionscript, som har været et vigtigt værktøj i vores opgave for at lave et dynamisk website. Beskrivelsen af vores actionscript kodning kan ses i bilag 4. Sidst men ikke mindst har vi brugt Adobe Photoshop CS6. Alt design, som ikke er kodet i CSS, er blevet lavet og/eller redigeret heri. Vi har overvejet hvilket videre arbejde websitet vil kræve. Se bilag 7. Projektledelse Gantt Chart For at skabe et overblik over tidsforløbet i projektet har vi valgt at planlægge timerne i et Gantt Chart. Vi har brugt programmet OpenProj til at Gantt Chartet. Vi har udmålt hvad der skal nås på hvilke dage, og hvem der skal skrive hvad. Herunder kan ses vores planlægning. 21

22 Gruppeproces Vi er i gruppen enige om, at samarbejde er gået godt. Vi har fra starten snakket om ambitionsniveauet, da vi ikke havde nogen gruppemæssige erfaringer sammen. Vi fik afstemt forventninger til forløbet. Vi har alle forskellige læringsstile, og vi skulle lige afstemme hvordan vi ville arbejde sammen, så alle kunne bidrage. Undervejs i projektet delte vi opgaverne ud, så vi hver enkelt arbejdede med det område hvor vi var stærkest. Selve udviklingen af websitet tog rigtig meget tid, hvor primært et gruppemedlem var helt inde i det. Vi andre lod ham arbejde, og tog os af andre dele i projektet. I idéfasen bidrag vi alle for at finde det bedste at arbejde videre med. Ved research arbejdede vi både individuelt og sammen to og to, samt alle fire. I denne fase var der meget analyse af data. Alt i alt synes vi forløbet i gruppen er gået godt, og vi har lært en masse fra hinanden. Konklusion Vi har igennem vores projekt stræbet os efter at få opfyldt vores problemformulering; nemlig Hvordan laver vi et kunstnerisk inspireret stylesheet, bygget på et standard website, som efterlever brugerens ønsker og indehaverens målgruppe. Ved brug af research, både desk og field-research, og med en god uddybning af vores målgruppe, i form af segmentering i vores Gallup kompasrose, så er vi nået det mål, vi ønskede i starten af projektet. Vi har lavet et dekonstruktivt inspireret website, som er bakket op af vores research, efterlever brugerens krav og som samtidig rammer en bred målgruppe. Ligeledes har vi lavet et standard-website for Magasinet henvendt til deres målgruppe. 22

23 Bilag Vi har valgt at ligge nogle ting i bilag for at holde os indenfor 9 siders tekst. Bilag 1 Det Fællesskabsorienterede segment 9 Personerne i dette segment ligger primært i aldersgruppen år, og der findes en større andel kvinder end mænd. Nøgleord der karakteriserer dette segment er sundhed, økologi, omsorg, social ansvarlighed og medmenneskelighed. Segmentet består også af grønne og politiske forbrugere og hele segmentets interesser ligger indenfor det medmenneskelige og nære. Det Fællesskabsorienterede segment engagerer sig ofte for områder der ligger deres dagligdag nær. Det kan være miljø- og forureningsspørgsmål, arbejdsmarkeds- og boligpolitik, samt forbrugsspørgsmål. Segmentet læser mange bøger, primært skøn- og faglitteratur. Personerne spiller ofte et instrument og lytter i stor udstrækning til jazz og klassisk musik. Det fællesskabsorienterede segment benytter ofte kulturelle tilbud, såsom museer, udstillinger og teater-besøg. Rent politisk finder vi segmentet hos Socialdemokraterne, SF, Det Radikale Venstre og hos Enhedslisten. Personerne ønsker åbenhed og større fokus på integrering af flygtninge i det danske samfund og hjælpe dem på vej mod et bedre liv. Segmentet læser Politiken, Information, Weekendavisen og Samvirke. Herover er beskrevet det Fællesskabsorienterede segment. Dette segment bruger typisk Magasinet, hvis de vil benytte et kulturelt tilbud, f.eks. teater. Det Moderne-fællesskabsorienterede segment 10 Dette segment benytter i stor stil kulturelle tilbud. Det er her man finder kulturkonsumenterne. De bruger meget af deres fritid på kulturen. De går i teateret, biografen, museum og biblioteket, samt maleri- og kunstudstillinger. Nøgleord for personerne i dette segment er tolerance og medmenneskelighed, åbenhed over for verden, amt social- og samfundsmæssig ansvarlighed. Støtte til dårlig stillet lande, samt hjælp til flygtninge i det danske samfund vægter højt hos segmentet. Deres politiske ståsted er ofte hos Det Radikale Venstre, Centrum-Demokraterne, Socialdemokratiet og SF. De mener at den offentlige støtte til kulturlivet skal støttes. Aldersgruppen for det Moderne-fællesskabsorienterede segment er år. Personerne har ofte stiftet familie og bor i huse i større byer i Danmark. De har ofte en humanistisk eller offentligrelateret uddannelse. Derfor finder man ofte det Moderne-fællesskabsorienterede segment have stillinger ved uddannelsessektoren, forvaltningen og sygehusvæsenet. Segmentet læser fagblade som Magister Bladet, DJØF bladet, Gymnasieskolen og Dagens Medicin, samt aviserne Information, Politiken og Berlingske Tidende. Som hos Det fællesskabsorienterede segment er det Moderne-fællesskabsorienterede segment også interesseret i miljø- og forureningsspørgsmål. De udviser engagement i politisk debat, både i EU og ved erhvervsforhold. Segmentet ser succes i livet som et personligt mål, og gør meget for at opnå det nov nov

24 Det Moderne-fællesskabsorienterede segment bruger PC og internet i stor udstrækning. De bruger internettet både hjemme og på job, og opsøger nyheder, underholdning og kulturtilbud. Hjemme har segmentet trang til helse og økologi, og begår sig gerne ud i finere madlavning hvis lejligheden er der. Herover har vi beskrevet det Moderne-fællesorienterede segment. Disse personer bruger i stor stil kulturelle tilbud. Det kunne være fra Magasinet om så det er musik, stand-up, teater etc. Det Moderne segment 11 Det Moderne segment består primært af den yngre del af befolkningen. Segmentet er typisk ved at skabe sig en karriere. Personerne ligger typisk under 40 år, og har en lille overvægt at mænd. Dette segment går meget op i deres arbejde, og er det segment med den største løn. Den store løn skyldes lange arbejdsuger og mange arbejdstimer. Personerne i segmentet er også beskæftiget som funktionærer, men også lærlinge/studerende i retning efter et stort job. Segmentet bruger PC hjemme og på arbejdet. Segmentet bruger internettet til informationssøgning og nyheder. De læser Berlingske Tidende, Børsen, Jyllands-Posten, samt Computer-World. I segmentets fritid opsøger de ofte ny inspiration, trends og livsstilprodukter. Der rejser meget, både på grund af arbejde, men også i fritiden. De dyrker sport, i og uden for en klub. Segmentet har en stor interesse for ny teknologi og mobiltelefoner. De gør meget for at nå langt, men vil ikke gå på kompromis i forhold til f.eks. miljøforurening eller forhold. Politisk står det Moderne segment til Venstre og Konservative. Det Moderne segment kan være brugere af Magasinet ved arrangementer omkring teknologi eller lign. Odense Filmfestival på Magasinet kunne også være en oplagt mulighed for det Moderne segment nov

25 Bilag 2 Skitser Skitse for hvordan vi kunne lave designet til Magasinets website. 25

26 Bilag 3 Think Aloud Test Sebastian, 16 år Fed baggrund, kan godt lide at det er gennemsigtigt, så man kan ane baggrunden Få og simple farver, som passer godt sammen Reklamesliden er super Hjemmesiden fylder ikke hele skærmen, det er anderledes, det kan jeg godt lide. Kontaktoplysningerne helt nede i bunden ser dumt ud når det står sådan. Nem og overskuelig hjemmeside Casper, 21 år Troede det var en professionel side Simpelt og overskueligt design Godt farvevalg Slideren er super fed giver en lydt til at undersøge mere Godt med få punkter Kan lide dropdown menuen. Lone, 50 år Bogstaverne i det øverste panel, virker for store Bunden med reklamen Kulturmaskinen er lidt tam Hanne, 75 år Flot side! Ang. billetkøb: fredag bør rettes til Fredag. Kulturmaskinen: Jeg synes typerne er for spinkle anden font? Fede typer? Mikkel, 42 år (webredaktør): ''Det første der slå mig er den store karrusel i toppen, dejligt stærkt visuelt element. Logo og 'Magsasinet' står ikke særligt skarpt, da de er de primære visuelle grafikker synes jeg der skal kæles for dem, så de står rent og stramt. Det blå baggrundsbillede er jeg mindre begejstret for, det støjer og bidrager ikke med noget. Menuen er dejlig enkel, men måske hældende til det klodsede. Den kunne måske være en anelse mindre i højden, og måske forfinet lidt. Dropdown er fint og overskueligt. I kalenderen stritter den grønne farve ved datoerne lidt, burde måske være den samme som ellers bruges? Eller en helt anden? Og vandrette streger mellem de enkelte events vil gøre det tydeligere at datoen knytter sig til den grå kasse med bandnavn - det bliver lidt søjleopdelt. Så savner jeg en overskrift på kalender og artikelliste, der forklarer hvad jeg ser på. 26

27 I artikellisten kunne det måske være en ide at tage den første linje med af artiklen som appetitvækker? Der er ikke så stor forskel på kalenderen og artikellisten når de begge fremtræder næsten ens. Hvor kan jeg dele det med mine kontakter? Specielt koncerter og kulturtilbud er ofte noget jeg gerne vil dele (FB mm) Men generelt positivt indtryk, og en side jeg gerne ville benytte og navigere rundt i. Her er hvordan vi lavede vores website før Think Aloud Testen. 27

28 Bilag 4 Kodebeskrivelse 1 Vi lavede en drop down menu i Flash. Herunder ses selve koden i Flash. import flash.filters.glowfilter; import flash.events.mouseevent; import flash.display.movieclip; var navbtnglow: GlowFilter = new GlowFilter(0x999999, 0.5, 0, 15, 1, 2, true, false); // Dette er en roll-over effekt. Denne samme effekt, som når vi arbejder med 'hover' i CSS. // Vi laver en Glow-using ved brug af komandoen 'variables' og laver et nyt GlowFilter. // Først definerer vi farven, når musen kører henover objektet: # // Derefter alpha: 0.5. Intensiteten af farven. Skal defineres mellem 0 og 1. // Så definerer vi blur ved x-aksen.: 0. // Så definerer vi blur ved y-asksen.: 15. // Så har vi styrken på farven: 1. // Så definere vi hvor høj kvaliteten skal være: 2. // Så fefinere vi om de skal være inner eller outer glow. Det skal være inner: true // Til sidst knockout: false. // Vi har her et glowfilter (lysfilter) vi kan tilføje til vores knapper. // Nu skal vi have defineret, at glowfilteret skal komme frem, når musen kører henover // og forsvinder når musen kører væk fra knappen igen. Det gør vi herunder: navbar_mc.addeventlistener(mouseevent.mouse_over, navoverf); navbar_mc.addeventlistener(mouseevent.mouse_out, navoutf); // Først fortæller vi, hvilket objekt(er), dette skal gælde for. Det er navbar_mc. Dette // er navnet på vores navigationsbar (instance name). // Så skal vi give det en begivenhed(event). Det gør vi med addeventlistener. // Dette event er et MouseEvent.MOUSE_OVER, (når musen kører henover) // Vi laver så en lignende kode nede under, som er når musen kører væk fra knappen. // Så skal vi have fortalt den, at det er det Glowfilter vi lavede før, som skal komme frem // når musen kører henover og væk igen. // Det gør vi ved at give det en funktion (function) function navoverf(event:mouseevent): void{ event.target.filters = [navbtnglow]; // Vi laver endnu et event. Vi definere igen, at det skal være et muse-event // Derefter fortæller vi den, HVAD der skal ske når musen kører henover: nemlig // navbtnglow, som vi definerede tidligere. 28

29 // Så når musen kører henover vores navbar_mc (og de andre instancer deri), // vil variablen navbtnglow ske (nemlig give instance-knapperne et glow) navbar_mc.setchildindex(event.target as MovieClip, 1); dropmenus_mc.gotoandstop(navbar_mc.getchildat(1).name); trace("we are Rolled Over..." + navbar_mc.getchildat(1).name) // Her er vores kode, der "tricker" dropdown-menuen, når musen kører henover. // Første definerer vi navbar_mc som et childindex og sætter dif til 1. // Så laver vi endnu en gotoandstop kommando på vores dropdownmenu (dropmenus_mc), // som er inde i vores navbar_mc. // Til sidst tilføjer vi et trace (We are Rolled Over..." + navbar_mc.getchildat(1).name, // hvor name er navnet på det menupunkt vi kører musen henover. } function navoutf(event:mouseevent): void{ event.target.filters = []; } // Dette er samme funktion som oppe over. Her fortæller vi bare, // at glowfunktionen, ikke skal være der, når musen kører væk fra knapperne. // Derfor er [] tom. Dette er vores beta-version af den dropdown-menu, som vi først havde planlagt at bruge. Denne dropdown-menu er lavet fra bunden i Adope Flash Professional CS6, med tegnede elementer, modificerede knapper og actionscript. Vi valgte dog, at bruge en CSS dropdown-menu istedet, da vi løb ind i problemer med at få den publiceret og tilpasset på vores hjemmeside. Vejleder Thomas Jessen kunne heller ikke hjælpe med dette problem. Vi har dog valgt at medbringe den her i bilagene, da vi har brugt en del tid på den og at det egentlig var hensigten, at implementere den på vores hjemmeside. 29

30 Kodebeskrivelse 2 Vores dropdown menu har en gradient baggrund. For at få en gradient farve til at virke i alle browsers, skal der forskellige scripts til. Til at lave denne gradient, og få den til at fungere korrekt i de forskellige browsers, benyttede vi Microsofts CSS Gradient Background Maker. Efter vi fandt vores ønskede gradient, lavede værktøjet 6 forskellige scripts, så den virker i alle browsers. Her under er CSS koden til menuens baggrund og position på sitet: #navigation{ margin-left:22px; //Rykker margin-left 22px, så det passer med at menuen er centreret. width:980px; height:50px; //Bestemmer størrelse på menuen som 980x50px /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #0F3001 0%, # 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #0F3001 0%, #277A04 100%); 30

31 /* Opera */ background-image: -o-linear-gradient(top, #0F3001 0%, #277A04 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0F3001), color-stop(1, #277A04)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #0F3001 0%, #277A04 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #0F3001 0%, #277A04 100%); border: 1px solid #c1c1c1; //Solid border på menuen med en størrelse på 1px og farven #c1c1c1 } Bilag 6 Vi har lavet en SWOT-analyse over Magasinet for at blive klogere på virksomheden bag Magasinet. Blive klogere på deres stærke og svage sider, både interne og ekstern. SWOT-analyse af Magasinet Odense Interne forhold Stærke sider: Svage sider: Ikke sæsonbaseret popularitet Ingen decideret målgruppe Bred kulturel underholdning Ingen nuværende hjemmeside Ligger i midten kulturmaskinen og midten af Odense Frivillige arbejdere (i form af aftaler med andre instanser som fodboldklubber) Ingen decideret målgruppe. Afhænger af, hvem spiller/optræder på Magasinet Eksterne forhold Muligheder: Trusler: Store navne til, for at øge interessen og Manglende interesse kendskabet Konkurrenter 31

32 Bilag 7 Videre arbejdelse Hvis vi skulle arbejde videre med projektet, ville der stadig være rigeligt at arbejde med. I dropdown menuen mangler vi at lave både links og undersider. Hvis dette var et produkt, der skulle sælges til virksomheden Magasinet, skulle designet integreres med et CMS system. Dette gør at siden bliver dynamisk, f.eks. i forhold til kalender og nyheder, så en bruger uden noget erfaring i HTML-kodning, selv ville kunne uploade nye events og nyheder op på sitet. 32

33 Bilag 8 O-site QR-kode 33

34 Litteraturliste Websites 19. nov nov nov Bøger der_i_kunsten/dekonstruktivisme 20.nov nov nov nov nov Samara, Timothy. Making and Breaking the Grid: A Graphic Design Layout Workshop. Beverly, Massachusetts: Rockport,

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

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...

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

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

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

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

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

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

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

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

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

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

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

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6

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

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

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

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

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

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

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

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 Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

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

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

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

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

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

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

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

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

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

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

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

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

GRA DESIGN. HEARTS & MINDS

GRA DESIGN. HEARTS & MINDS GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet

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

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

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

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister

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

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

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

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

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

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

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

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

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

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

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

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

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

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. 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

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

Kommunikation/IT C - Afsluttende opgave 2011

Kommunikation/IT C - Afsluttende opgave 2011 Kommunikation/IT C - Afsluttende opgave 2011 Roskilde Tekniske Gymnasie Martin Fabricius & Simon Dein, 1.3 Side 1 af 11 Indholdsfortegnelse: Indledning... s3 Målgruppe (diskussion)... s4 indledende kravfangst...

Læs mere

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

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

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

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

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

grafisk design Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

Læs mere

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp Kost ved slidgigt Case 2. Personlig fysisk hjælp Problemobservering Sygdommen slidgigt også kaldes artrose er den mest udbredte led sygdom overhovedet, det kan medføre voldsomme smerter. Sygdommen påvirker

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

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

Grafisk workflow 3. Hovedforløb

Grafisk workflow 3. Hovedforløb Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter

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

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

Læs mere

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... 4 Fase 5: Test... 5 Fase 6: Offentliggørelse... 5 Kanyle-modellen:...

Læs mere

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

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

Projekt Kom/it A Semester 6

Projekt Kom/it A Semester 6 Jeanette Bengtsen og Isabel Odder Projekt Kom/it A Semester 6 Applikation - Virette Klasse 3.5k 05-04-2011 Indholdsfortegnelse: Indledning:... 2 Bollemodel:... 3 Formål og præmis:... 3 Indhold:... 3 Målgruppe:...

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

Komunikation/It C Helena, Katrine og Rikke

Komunikation/It C Helena, Katrine og Rikke HTX Afsluttende projekt E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013 Systemudvikling Indledende aktiviteter Kommunikationsplanlægning for projektet, Laswells fem spørgsmål. o Hvem

Læs mere

Grafisk design. sundfertilitet.dk

Grafisk design. sundfertilitet.dk Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.

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

Kommunikation og Samfund

Kommunikation og Samfund rt Kommunikation og Samfund KOM/IT Jannik Nordahl-Pedersen HTX - Roskilde Klasse 3.5 28-02- 2 0 1 2 1 Indholdsfortegnelse Indholdsfortegnelse... 2 Indledning... 3 Problemformulering... 3 Valg af løsning...

Læs mere

Ugeopgave uge 40 Hold A

Ugeopgave uge 40 Hold A Ugeopgave uge 40 Hold A Gruppe: Don Pablos Emil Vollandt, Mathias Smidt, Jacok Kremmer & Alek Modin http://www.fuliktiv.dk/kea/cinnober/landingpage.html Navn: Password: keammd kode2015 Analyse Kommunikation

Læs mere