Eksamensprojekt, 2. semester Mul Erhvervsakademi Knord. Robin Staley Wenningstedt Hansen Agnete Gnistrup Tommy Egedal Pedersen Maria Laustsen

Størrelse: px
Starte visningen fra side:

Download "Eksamensprojekt, 2. semester Mul Erhvervsakademi Knord. Robin Staley Wenningstedt Hansen Agnete Gnistrup Tommy Egedal Pedersen Maria Laustsen"

Transkript

1 Eksamensprojekt, 2. semester Mul Erhvervsakademi Knord Robin Staley Wenningstedt Hansen Agnete Gnistrup Tommy Egedal Pedersen Maria Laustsen

2 Indholdsfortegnelse 2 Projektformulering 3-5 Problemformulering Projektplan & Tidsplan 6-14 Målgruppeanalyse og planlægning af produktet Metode & teorier Konative og interaktive funktioner Design Produkt Medie Kontekst Analyser af den valgte virksomhed Værdier Vudering/analyse af den nuværende kommunikations- og marketingsstartegi, samt forslag til ændringer i forhold denne og diskussion af valg. Styrker Pris og produkt Imageanalyse Kommunikationskanal Design af meddelse 2

3 Valg af promotionmix Måling af promotionsresultater Design brief Dokumentation af designudvikling Logo Design udvikling opstart Design udvikling re-design Design udvikling finish Fotografering til hjemmesiden Designprocess Maxi for landkortet Zoo Designprocess for reklamebanner og tilbudsavis/webavis Processbeskrivelse for webtilbud Redigeret webtilbudsbanner til fødselsdagstilbud Processbeskrivelse for de tre reklamebanner på forsiden Redigering af de tre reklamebanner på forsiden Flash fremgangsmåde Overmenu Sidemenu Kodeeksempler af java script

4 Resultater af brugertest Før testen originalsiden Vores site Scenarier Resultat Konklusion 46 Reflektion 47 Gruppearbejde Referencer Litteraturliste Kilder Bilag 1 50 De tre kerneværdier Bilag 2 51 Brainstorm Bilag Brugertest Bilag 4 62 SWOT & TOWS Matrix Analyse Bilag

5 Projektformulering Dette eksamensprojekt var en opsætning af en E-handels side. Opgaven gik på at vælge et firma og hjælpe dem med at forbedre deres e-handelsløsning, samt give dem forslag til hvordan de bedre kan synliggøre deres virkesomhed online. Vi valgt som tydeligvis manglede en fungerende e-handelsside. Dernæst udarbejdede vi en problemformulering som vi kunne arbejde ud fra Problemformulering Hvordan formår vi at, introducere s kunder for et redesign og en e-shop, så det giver en positiv effekt på kunden, og forøger virksomhedens omsætning? 5

6 Projektplan & tidsplan 6

7 7

8 8

9 Projektplan Introduktion: Projektudlevering og gruppe opdeling. Mandag den 03/ Problemformulering og projektplan. Efter at have dannet en gruppe på 5, formulererede vi vores problemformulering samt en tidsplan/projektplan. -Der blev uddelt opgaver til hvert gruppemedlem. -Vi valgte at lave en gangstertest på Resultaterne skal vise os hvad for nogle problemer der even tuelt kan opstå og hvad der kan forbedres. -En undersøgelse af websitet blev også lavet, for at finde virksomhedens visuelle identitet og deres værdier samt det generelle om sideopbygningen. Onsdag den 05/ Efter vores undersøgelse af hjemmesiden, skulle vores website godkendes med vores problemformulering samt projektplan. -Vores milepæl blev nået og vi fik godkendt vores hjemmeside. -Vi fik alle til opave, at lave et nyt design layout til onlineshoppen samt et nyt logo. -Vi valgte at vores design layouts skulle give et nyt look, men stadig bibeholde deres værdier og visulle identitet. Torsdag den 06/ Arbejde hjemme. Mødes igen fredag med design forslag til layout og logo. 9

10 Fredag den 07/ Milepæl; vores målsætning for denne dato var: -At vi alle skulle have lavet en gangstertest på hjemmesiden og finde problemer på hjemmesiden på dens generelle funktionalitet som f.eks. undersider, navigation og brugervenligheden. -At vi fik godkendt vores problemformulering samt vores projektplan og tidsplan. -Eventuelt komme med nogle ideer til det visuelle design layout og logo. Mandag den 10/ Vi skulle alle have et forslag til design layout samt nyt logo til vore netbutik hos maxizoo.dk sendt til dropbox. -Udvalg af design og logo, layout til netbutikkens hjemmeside. -Små ændringer på design og logo layout -Milepæl; Tirsdag den 11/ Vejledning med Ian, fik nogle forslag til hvordan vi kunne gøre vores designlayout simplere samt funktionelt. -Færdigt design og logo layout. -Valg af font. (Alle) -Valg farver. (Alle) -Udarbejde og valg af menu knapper i PS filer. (Robin og Agnete) -Valg af sideopsætning. -Analysemodeller (Thorlacius model, Jacobsens, Three wing target. (Maria og Tommy) -Gennemgang af Jan Jacobsen s 25 spørgsmål. (Tommy) -Redesign og funktionaliteten til websitet. (Agnete og Robin) -Færdigt design layout og logo. -Milepæl. 10

11 Onsdag den 12/ Forbedre projektplan og knæk opgaverne i mindre stykker. -Skrive en mail til om vi kunne bruge nogle af deres materialer til projektet. Fik svar og lov af Lene Harvig Marketing og Information fra Maxi Z00 til at få adgang til s billede database samt deres produkt informationer. (Maria) -Gennemgang af galleri fra s billeder til database. (Maria) -Opbygning af sideopsætning i Dreamweaver. (Alle) -Diskussion om menu dele til netbutikken, om det skal laves i Flash(SWF file) i stedet for i Photoshop. -Da vores kendskab til JavaScript ikke var særlig stor, valgte vi at lave vores menuer i Flash. omaria (læste materialer til analyser, teorier og modeller) Torsdag den 13/ Kristi himmelfartsdag, havde alle fået uddelt opgaver til ugen efter. -Opgavefordeling orobin (arbejdede videre på design samt farverarbejde til hjemmesiden) oagnete (arbejdede videre på design samt farverarbejde til hjemmesiden) otommy (læste materialer til analyser, teorier og modeller) Fredag den 14/ HJEMMEAREJDE Mandag den 17/ Arbejdede på det vi havde lavet i weekenden. Kom i gang med virksomhedens visuelle identitet samt fandt nye værdier og et nyt budskab som passer bedre til vores målgruppe. -Overmenu Flash(Robin) 11

12 -Lavet menudele i Flash(Agnete syg) -Visuelle identitet, Værdier og budskaber (Maria og Tommy) Tirsdag den18/ Videre arbejde med visuel identitet, give hjemmesiden nye værdier samt budskaber til målgruppen/modtager (Maria og Tommy) -Flash, arbejde videre på menuerne samt sideopbygning af hjemmesiden (Robin) -Baggrundsbilleder og sideelementer redigeret (Agnete) -Komme med vores endelige buskab med nye værdier samt den visuelle identitet. Onsdag den 19/ SWOT analyse (Tommy) -Analyser af den valgte virskomhed rapport(maria) -Flash (Robin) -Delelementer til indkøbskurv (Agnete) Torsdag den 20/ SWOT & TOWS Matrix analyse færdigt (Tommy og Maria) -Design process (Agnete) -Videre proces med analyse af virksomheden (Maria og Tommy) Fredag den 21/ Reklame; videre arbejde med tilbudsavis samt bannerreklame. (Tommy) -Draft af rapporten -Rapport af, analyse af deres værdier. (Tommy og Maria) 12

13 -Snakket om s værdier, og kommet med mere konkrete værdier (Tommy og Maria) -Videre arbejde med de forskellige menuer. (Agnete og Robin) -Billedarbejde med alle thumbnails til hjemmesiden (Agnete) -Arbejdsfordeling til alle gruppemedlemmer i weekenden -Opgavefordeling til weekenden orobin:flash omaria: kommunikationsstrategier, de 4p er, forberedelse til lightbox oagnete: Videre arbejde med thumbnails til undermenuer. otommy: de 4p er, Reklamebanner til hjemmesiden -Lightbox billeder til hjemmesiden (Maria og Agnete) Mandag den 24/ Hjemme hos Agnete og lave projekt arbejde. -Redigering af reklamebanner til forside (Tommy) -Stemmningsbilleder; udvalg af billeder til hjemmesiden (Maria og Agnete) -Brugertest med scenarier bearbejdes (Tommy og Agnete) -Flash filen sidemenuen færdiggjort, sætte div. tags til reklamebanner til forsiden(robin) Tirsdag den 25/ Diskussion om situationen med Andreas manglende fremmøde og engagement. -Andreas ude af gruppen(forarbejde til side menu) (draft af indesign/rapport) -Videre arbejde med formular til hjemmesiden (Robin) -Landingpage (Robin) -Videre arbejde med udvalg og færdiggørelse af stemningsbilleder (Maria og Agnete) -Thumbnail/varebilleder til de forskellige sider på Websitet f.eks. landingpage og forms osv. (Agnete) 13

14 -Projetkplan & tidsplan (Tommy) -Linke reklamebannerne til de tilhørende sider (Robin) -Opsætning af lightbox til hjemmesiden (Maria og Robin) Onsdag den 26/ Rapport kommunikationsstrategi fortsat (Maria og Tommy) -Lightbox med billeder (Maria) -Thumbnail til siderne færdigt (Agnete) -Langdingpage med form og billeder færdigt (Agnete og Robin) -Design proces beskrivelse fortsat(agnete og Robin) -Reklamebanner ugeavis process beskrivelse færdigt (Tommy) -Folex, filer til CD og mapper klargøres (Agnete) -Vi har droppet info knapperne på undermenuerne, i stedet har vi lavet det sådan at det er billedet som linker til Lightbox. -Hjælp af Tue med lightbox Torsdag den 27/ Design udvikling, udviklingsproces for design samt logo -Design brief, hver især skriver noget om det vi har lavet igennem hele projektet -Konklusion og reflektion -Bilag -Litteraturliste 14

15 Målgruppeanalyse og planlægning af produktet Første tiltag i at designe et nyt visuelt image for, består i at definere deres målgruppe, finde et budskab og på den måde skabe et fokus. Vi har valgt at segmentere målgruppen, brainstorme afsender, produkt /medie og budskab ud fra de 25 spørgsmål skrevet af Jan Kragh Jacobsen. 1. Hvem er målgruppen? Alder 5 60 år. Familier, unge, børn. 2. Hvad er budskabet? Brainstorm Mangel på tid går ud over dyrene, køb online hos Går du med tidsnød Maxi i din hverdag, køb online hos Zoo Forkæl dit dyr med mere tid, køb online hos For mere tid til kæledyrene, køb online hos Giv dig selv mere overskud, køb online hos Vi valgte budskabet s netbutik gør det nemt for dig at forkæle dine dyr, på 3.Hvad er mediet? World Wide Web. 4.Hvilken effekt skal produktet have hos målgruppen? Let tilgængelighed, tidsbesparende, bekvemt og nemt. 5. Hvad er formålet med effekten hos målgruppen? Forkæle dyrene, velfærd for dyrene. 15

16 6. Hvem er afsender? Faktisk afsender: Implicit afsender: Medieproducenten (os) 7. Hvilken effekt skal produktet have hos afsenderen? Faktisk afsender: At styrke websitet som salgskanal og på den måde vinde markedsandel. Større profit for ved implementering af e-handel. Medieproducent: Erfaring. 8. Hvad er formålet med effekten hos afsenderen? Opgradere s e-marketing til e-handel med det mål, at bliver førende i Danmark indenfor online salg af produkter til husdyr. 10. Er produktet lavet før? Webshoppen er lavet på s internationale website. Vores produkt er struktureret efter samme kategorier. 11. Hvor, hvornår og hvordan skal målgruppen opleve produktet? Målgruppen har adgang til netbutikken på internettet døgnets 24 timer. 12. Hvordan skal produktet distribueres? distribuerer selv deres vare til kunderne gratis. 16. Hvilken viden skal producenten have? Kendskab til målgruppen opnås ved research af websitet Kendskab til konkurrerende virksomheder som fører e-handel i Danmark. Producenten skal have kendskab til s nuværende markedsføring på nettet, samt deres motiver for at gå fra e- marketing til e-handel. 16

17 Det er en fordel at få viden om s egen SWOT analyse og PLC kurve. 25. Hvordan skal produktet afprøves? Ved udarbejdelse af en brugertest. Metode og teorier For at kunne implementere en webshop og lave en ny visuel identitet for med udgangspunkt i deres nuværende website, har vi valgt at bruge Lisbeths Thorlacius model til analyse af visuel kommunikation på websites. Den faktiske og implicitte afsender og modtager, er i vores brug af modellen lagt sammen og defineret som afsender og modtager. Eftersom en afklaring af faktiske afsenders (s) intention og faktiske modtagers (målgruppens) reception vil kræve en omfattende interviewundersøgelse, der ligger uden for opgavens omfang. Vi har i stedet lavet en brugerundersøgelse af produktet med henblik på at analysere målgruppens reception ud fra appelformen Logos, for primært at undersøge brugervenligheden i vores design. Som den implicitte afsender for, har vi valgt at forny deres designudtryk ved at pifte de grønne og røde farver op til lyse og friske farver. Da i forvejen henvender sig til flere generationer, har vi valgt at give siden et familiært udtryk, som skal afspejle de tre kerneværdier: let tilgængelighed, sundhed og dyrenes velvære. Dette har vi gjort med henblik på præcisere en målgruppe for og skabe mere fokus i deres visuelle image. Eftersom valget af en emotiv funktion kræver en afsender og modtagerundersøgelse, kan vi kun formode at den første emotive funktion gør sig gældende i vores design: henvender sig til målgruppen med den opfattelse, at velvære og sundhed er vigtigt i vores samfund, og skal være let tilgængeligt for både dyr og mennesker. Vi antager at den tiltænkte målgruppe er af samme opfattelse, men vi kan som sagt ikke dokumentere det. Konative og interaktive funktioner For at bestemme hvilke kommunikationsfunktioner, der skal gøre sig gældende i målgruppens interaktion med webshoppen, har vi først undersøgt hvilke funktioner i forvejen anvender på deres website. benytter sig meget massivt af den konative funktion i form at reklametilbud, som deres side er overfyldt med. Det virker meget forstyrrende på det samlede visuelle udtryk. For at forhindre at modtageren drukner i stimuli, har vi valgt at nedtone reklamer på webshoppen, således at det kun forefindes et sted på siden. (fødselsdagstilbud) 17

18 Af interaktive funktioner har vi inddraget konsultation i form af en søgefunktion i header, eftersom det er relevant at søge en vare, denne funktion fremgår ikke på s website. Vi benytter den transaktive interaktive funktion i forbindelse med købsprocessen ved brug af en formular. Betalingstransaktionen er ikke funktionel, da vi ikke har en database at overføre indtastede oplysninger til. Kontaktoplysninger til s hovedkontor er ikke tydelig på deres website, derfor har vi valgt at gøre webshoppen mere brugervenlig, og fremhæve disse vigtige oplysninger ved at angive kontaktoplysninger i footer. en er dog ikke linket til en mailportal. Vi inddrager dermed konversation som den sidste del af interaktionsdesignet. Design Produkt I designets formale æstetiske funktion har vi brugt komplementærfarverne rød og grøn med det formål, at signalere en dynamisk effekt i navigationen af indhold. Skiftet fra grøn til rød ved mouse-over i menuerne, skaber en energi og dynamik i interaktionen med siden. Valget af den grønne farve signalerer sundhed og giver brugeren en følelse af ro og velbehag. Rød signalerer energi/dynamik, men også nærhed. Den lyse grå farve giver luft rundt om siden og fremhæver kasseelementerne på siden. Produkterne i webshoppen er sat op på en hvid baggrund, som udover at give et minimalistisk udtryk gør det enkelt at vælge produkter. Medie (navigationsstruktur og gestaltlove) Webshoppen er opbygget ud fra den hierarkiske navigationsstruktur og gitterstrukturen. Den hierarkiske struktur ses i form af en organiseret opbygning af hovedmenuerne og undermenuerne. Ved brug af gitterstrukturen har vi inddelt emnerne/kategorierne i kasser, hvorfra man kan bevæge sig på tværs mellem hovedmenuerne og undermenuerne. 18

19 Sidens kasse-opbygning opfylder loven om lukkethed. Overskrifterne i hovedmenuerne og sidemenuerne opfylder loven om nærhed i form af den dynamiske navigation. Den fatiske funktion udmønter sig i at header, footer og hovedmenu går igen på alle sider, det giver en genkendelighed i designet som sammen med de logiske navigationsstrukturer opretholder kontakten mellem vi som afsender og modtager. Denne sammenhæng i designet opfylder loven om ensartethed. Kontekst Af referentielle funktioner Index: Indkøbsvognen er et index, som vi bevidst har brugt flere gange på siden for at signalere overblik og gøre det muligt at handle enkelt og hurtigt. Den intertekstuelle funktion Webshoppen refererer til maxizoo.dk, dette ses tydeligt i brugen af de grønne og røde farver. Ikon: Piktogrammerne er designet ud fra den tanke at simplificere navigationen på siden. Ikonet er forståeligt for alle generationer i målgruppen, også børn. Vi har lavet et re-design af s logo i form af to større piktogrammer, som refererer til piktogrammerne i sidemenuen. Analyser af den valgte virksomhed En analyse af virksomheden sker på baggrund af vores vurdering af virksomheden ud fra s egne værdier og styrker. Værdier Vi har alt til dine dyr Vi er altid i nærheden Vi er prisaggressive Vi elsker dyr Vi garanterer den bedste service Vi sætter vores kunder først 19

20 Da nogle af disse værdier er en smule overfladiske og mindre gennemtænkte, har vi bygget videre på de service orienterede værdier ved at tilføje værdien let tilgængelighed og tænkt denne værdi ind i udviklingen af en e-handelsløsning. Vi har valgt velvære og sundhed som s to sidste og vigtigste kerneværdier, og tænkt dem ind i en ny visuel identitet. Vurdering/analyse af den nuværende kommunikations- og marketingstrategi, samt forslag til ændringer i forhold til denne og diskussion af valg. Det har ikke været muligt for os at analysere en kommunikationsstrategi og marketingsstrategi ud fra s egne oplysninger, da marketingsafdelingen ikke ønsker at give os indsigt i deres SWOT analyse eller produktlivscykluskurve. For udarbejdelsen af en SWOT analyse har vi taget udgangspunkt i virksomhedens styrker Styrker Unikt koncept Specialitet i discount Markedsførende i Europa Vækstmuligheder gennem et stærkt franchise system Kontrol gennem hovedkontor Ideel branding Mange års samarbejde med internationale leverandører Kreativ ledelse Moderne logistik Ud fra en analyse af s website har vi defineret de resterende faktorer til udarbejdelse af en SWOT analyse, suppleret med analyseværktøjet trussels/muligheds matrix for definering af indsatsområder i en given markedsstrategi i form af en Tows matrix. Denne markedsanalyse/strategi er udelukkende lavet ud fra det formål at udarbejde en ny visuel identitet for, 20

21 samt at udvikle virksomheden fra dens nuværende stadie indenfor e-marketing til e-handel. Vi ønsker at sammenfatte SWOT analysen med en Tows matrix med det formål, at definere indsatsområder til udarbejdelse af den marketingstrategi, som en webshop og ny visuel identitet, skal udvikles på grundlag af. For udarbejdelse af produktsortimentet i en webshop for online salg af s produkter, havde det været optimalt at tage udgangspunkt i en porteføljeanalyse. Denne analyse skulle kombinere PLC kurven og bostonmodellen, til udarbejdelse af en strategi for online salg af evt. nye, ældre og nuværende produkter. Men da vi ikke har adgang til disse oplysninger, har dette ikke været muligt. Vi vil i stedet på baggrund af en analyse af s positionering på markedet, bruge de 4 P er som værktøj til en ny strategi og tilgang til markedet. Pris og Produkt Hvis man kigger på s nuværende positionering på markedet via deres website, kommunikerer de en tvivlsom og mixed positionering, der er forvirrende for kunden. Udover at websitet hverken signalere budskab eller fokusere på en målgruppe, er den visuelle interaktionsstruktur og navigationsstruktur heller ikke gennemtænkt. Siden er klasket til med rekla- metilbud, som udgør halvdelen af interaktionsstrukturen på websitet og giver virksomheden en rodet identitet. Med signalementet at prisaggressivitet differentiere udelukkende deres produkter på pris, det er så massivt at det giver dem et kedeligt image af discount, dårlig kvalitet og mangel på loyalitet overfor deres kunder. skal stadig være omkostningseffektiv ved at differentiere produkter på pris, men mindre prisaggressivt og mere kvalitativt. Signalet skal være god kvalitet til lave priser. For at kunne forbedre kvaliteten af produkter, vil en webshop kunne give nogle logistiske besparelser ved effektivisering og centrering af lager. Med billig og effektiv distribution kan dermed bevare deres lave priser. kan med en webshop differentiere sig på service, ved at tilbyde deres kunder gratis levering. Imageanalyse Med en ny forbedret visuel identitet kan differentiere sig gennem image, og på den måde vinde markedsandel. Dette kræver udarbejdelsen af en ny kommunikationsstrategi. En egentlig imageanalyse ud fra s målgruppe, har 21

22 vi ikke haft ressourcer til at lave. Men ud fra en nytænkning af s værdier, har vi forsøgt at skabe et nyt image der signalerer velvære og sundhed, i form af nye farvenuancer og billeder på sitet. Kommunikationskanal Vi har brugt AIDA modellen til bestemmelse af s kommunikationsmål med webshoppen. Opmærksomheden (Attention) på webshoppen, er skabt ved brug af komplementære pangfarver, rød og grøn. Vi har øget opmærksomheden omkring produkterne, ved at gøre info om produkterne let tilgængeligt i form at lightbox. Piktogrammerne og lightboxen på siden, har primært haft det formål at skabe interesse (Interest) for navigation i sidemenuerne og produkterne. For at brugerne har haft lyst (Desire) til at fortsætte deres besøg på siden, har vi gjort navigationsstrukturen meget brugervenlig i form af kasseopsætningen af menuerne, samt skabt en klar kommunikation i farvevalget, piktogrammerne og opsætning af produkter. Selve købshandlingen (Action) er også gjort let tilgængelig ved placering af købsknap/indkøbsvogn flere steder på siden. Den valgte kommunikationskanal er ikke personlig masse medie. Design af meddelelse Webshoppen har en informativ appeal i form at beskrivelse af produkter i lightbox. I tilbudsavisen nederst på siden, giver vi webshoppen en emotionel appeal, med salgsargumentet spar penge. Meddelelsens format er et website, hvor der i høj grad er lagt vægt på et brugervenligt design ud fra tanken, at det skal være simple & stupid. Valg af promotionmix henvender sig direkte til slutbrugeren gennem reklame tilbud nederst på siden. Måling af promotionsresultater I tilfælde af at webshoppen blev funktionel, kunne det være interessant at foretage en måling af kommunikationsstrategien. 22

23 Design brief Ideen med dette website design var, at få siden til at ligne et eksotisk hjemmeside. Baggrundsbilledet er et palmeblad. Meningen med siden er, at den skal være meget åben, luftigt og eksotisk. Zoologisk have forbinder man tit med noget eksotisk og virksomhedens navn er kunne man tænke at det er sjov ide at opfriske siden med eksotisk image. Har forsøgt at bibeholde deres logo så meget som muligt, har derfor kun ændret deres selve logo til et par frøføder, istedet for en hund og en kat der står med et madkasse. Frøføder var et godt tilbud for logo som den ekstra eksotiske image. 23

24 Havde i tankerne at benytte samme farver som i det oprindelige logo, men med et lille twist; gradient er kommet for at blive. Og i stedet for at have dele af dyr med, så bare bruge fodspor. De valgte fodspor syntes at passe fint ind, samt det giver en dynamisk effekt. De lyse, varme farver giver en tryghedsfølelse og glæde. Poten symboliserer solen på vej til skumring, og fuglesporerne symboliserer dyrene gående på jorden. 24

25 Design skitsen er lavet med udgangspunkt i Maxizoos website, men med et mere dynamisk og organisk udtryk. Dette ses i form af warp effekter i teksten i hovedmenuen, samt gradient i sidemenuen. Kassestrukturen er bevaret. Ikonerne er taget fra Maxizoos website. 25

26 Har valgt at bygge sitet op med inspiration fra s hjemmeside, men har fokuseret på at simplificere det og opfriske deres farver. Tanken bag designet er at menu strukturen skal være simpel og at siden skal virke luftig. 26

27 Dette designforslag er et re-design af designforslag 1. Her er fokuseret på at gøre menuen visuelt pænere, og lave effekter på alle aktive elementer. Dette design er samtidig gjort mindre kasset og mere sammenhængende. 27

28 Websitet er ændret til et mere objektivt site. Med en lysegrå baggrundsfarve har det gjort websitet mere stilrent og luftigt. Menuerne er også ændret til mere lyse farver, for at give siden et velbalanceret helhedsindtryk. 28

29 Dokumentation af designudvikling Logo Vi har valgt at re-designe s logo, for at holde fast i den eksisterende kundekreds, og for at bevare deres grundlæggende image. Dette kommer til udtryk ved at simplificere deres logo i form af to piktogrammer, og bibeholde farverne rød og grøn i nye nuancer ligesom på resten af siden. Græsset i logoet er tilføjet for at give mere liv og dynamik. Logoet er lavet i et mere ungt design, for at henvende sig til en yngre målgruppe. Design udvikling - opstart Første skridt i vores design proces var at vi hver i sær, ud fra vores satte målgruppe gik i gang med at lave design forslag, både til logo og til selve siden, hvordan den skulle sættes op og hvordan menuerne skulle udformes. Herefter gik vi sammen igen og udvalgte det bedste design. Vi gik hurtigt i gang med at re-designe nogle af delene og snakke om hvordan vi fik vores menuer til at fungere. Næste skridt var at uddelegere opgaver og herefter udføre disse opgaver. Det blev til at en skulle stå for at sætte siden op i Dreamweaver, en anden skulle stå for menuerne som skulle laves i flash, en lavede et kort over butikker i flash, og en gik i sving med at gøre delementer klar til de andre via Photoshop og Illustrator. Vejledning med Ian Wisler Poulsen 10. maj Den 10. maj fik vi vejledning med Ian, hvor han kiggede på vores design og kom med få kommentarer og forslag til det: Designet er generelt meget kasset, undgå bokse. Mere luft til piktogrammer i venstre side. Drop shadow effekten skal væk fra kasserne, for at gøre designet mindre kasset og mere blødt. Menu undermenu for hvert dyr kunne re-designes til at opfylde reglen om ensartethed (similarity), dette gør desig net mindre kasset. Ikke valgte objekter burde være sorte, valgte hvide. 29

30 Undermenu kunne indrykkes til højre. Tekststørrelsen kunne man lave mindre og ikke fed. Ian foreslog vi laver kortsortering og brugertest. Evt. senere en ekspertvurdering. Design udvikling - re-design Denne feedback tog vi til efterretning og vi gik i gang med at ændre og redigere designet. Vi har lavet menuerne mere sammenhængende og knap så boksede, lagt mere luft mellem alle delelementerne på siden, lavet om på opsætningen af tekst og piktogrammer i sidemenuen, fjernet fed skrift og i stedet for drop shadow har vi forsøgt os med outer glow effekt på de aktive bokse. Efter vi har lavet ændringer på siden og har skubbet frem og tilbage på tekst og piktogrammer og lagt forskellige slags gradient, bedømte vi dem sammen. Vi blev alle enige om at vi var kommet ud med et langt bedre produkt. Denne vejledning har vi fuldt ud udnyttet og sat stor pris på. Design udvikling - finish Efter dette stødte vi dog ind i flere problemer. Da vi ikke var så bekendte med flash, fandt vi først sent ud af, at vores menuer blev nødt til at blive lavet fra bunden i flash og ikke være importerede Photoshop filer. Dette har været skyld i megen tidsspilde, da personen der sad med designet har brugt meget tid på at dele en menu op i mange knapper i photoshop, og lægge outer glow på og finde ud af hvordan dette kunne komme til at fungere. Resultatet blev at det kunne det ikke, så vi måtte begynde forfra i Flash, hvor en fra gruppen satte sig så ind i dette. Herefter begyndte det at køre på skinner. Outer glow effekten blev droppet da dette ikke var muligt i flash, i det mindste ikke med vores kompetencer, og i stedet blev der lagt en rød mouse over effekt og en mørkere rød effekt på de aktive menuer. Fotografering til hjemmesiden 30

31 Ud fra vores målgruppe og værdier besluttede vi hurtigt at vi ville tage nogle gode stemningsbilleder til vores side, så de forskellige undermenuer kunne indeholde stemningsbilleder med dyr og familie. Vi valgte selv at tage ud og tage disse billeder. Vi kiggede på s eksisterende hjemmeside for at finde billeder der var brugbare, men deres billeder mente vi var for forældede og ikke særligt indbydende til en hjemmeside. Så vi har fået lavet en aftale med en af gruppemedlemmernes familiemedlemmer om deltagelse i fotosession. Design process for landkortet. Efter mange diskutioner om hvad der skulle være på hjemmesiden og gode ideer til en netbutik. Har vi kigget på nogle andre hjemmesider for inspiration og for at se hvordan standarten er på hjemmesider og netbutikker som fe.ks. www. thansen.dk, og Der blev foreslået, at bruge et landkort, der viste butikker som lå rundt i Danmark. Vi tog T-hansens landkort som et inspiration/udgangspunkt til vores oversigt over butikker der illusterede, hvor de ligger i landet. Landkortet hentede vi på google søgning og ændrede det, så det passede til vores design på hjemmesiden. Vi prøvede os frem til med forskellige farver, som rød, lyseblå og gul. Vi valgte istedet at bruge 2 forskellige grønne farver, for at landkortet skulle skabe balance mellem det røde og grønne farver på siden. Ideen med landkortet var, at brugeren kunne finde sin nærmeste butik og eventulet se om havde varer liggende på lager, som brugeren nu leder efter. Men da ingen af os kan finde ud af database, har vi istedet forsøgt, at fokusere på det visuelle. Redigering af landkortet og byvisning Vi har valgt at bruge de grønne farver fra topmenuen for at skabe en og den røde farve for byvisningen. Skrifttypen er Airal i hvid for at det kan læses bedre. Design process for reklamebanner og tilbudsavis/webavis 31

32 For at modtageren ikke skal drukne i stimuli af konstant reklamebanner og nyhedsbanner på hjemmesiden. Har vi valgt at holde os fra det og frasorteret det meste og ned til nogle enkelte reklamebanner og nogle nyhedsbanner for neden af siden. På reklamerne har vi brugt appelformen ethos og logos. Med ord som Spar tid og penge og Spar tid og penge på vores Netbtuik. For at virke troværdige og samtidige på en fornuftigt logisk måde, hvor vi hentyder til vores produkt Onlineshop. En hentydning til, at hvis de kommer her ind til Netbutik og handler vil man kunne spare en masse penge og tid samtidige give ens kæledyr det velvær de fortjener. Processbeskrivelse for webtilbud Webtilbudet har vi taget inspirationen fra deres egen reklamebanner på siden produkt info*note1. Vi har taget udgangpunket med potesporerne, som gå over banneret. Vi har været igennem nogle design forslag til hvordan banneret skulle se ud og ramme vores visuelle ID så godt som muligt. Den første banner virkede alt for flad og meget kedeligt og lignede lidt for meget den gamle hjemmeside med en grøn tynd ligne som gik igennem det røde farve. Porterne som går over banneret er både i hvid og grøn farve. Det endte med at vi droppe det helt, for at holde os til det nye design. Redigeret webtilbudsbanner til fødselsdagstilbud Efter en kort diskution om hvordan banneret skulle se ud, satte vi hjemmesidens nye friske farver i rød og grøn ind til banneret. Banneret er lavet i photoshop, hvor vi har sat gradiant på med mørkerød og lyserød farve og yderligere sat to af tilbudavisen på højre side af banneret for visualiser de fine tilbuds priser som vi tilbyder modtageren. En meget simpel banner som netop kun skal fortælle kort og omfattende om vores nye produkt. Processbeskrivelse for Fødselsdagstilbud 32

33 Med fødselsdagstilbudsavisen har vi været heldig med, at kunne vise vores mange sortimenger som Netbutikken tilbyder. Der har vi taget billder fra s database photos og sat dem ind og redigeret dem til de rette størrelser. Vi har valgt at sætte billeder ind med forskellige dyr produkter for at visualisere de mange produkter og ramme en bredere målgruppe med kæledyr. Farverne og logoet har vi taget fra vores egen design lager for at give ugeavisen et mere nutidigt look. Vi prøver at informere om vores nye Netbutik så meget som muligt uden at det er for stimulernede som den daværende hjemme har gjort. Og sat tekst ind på midten af avisen hvor vi reklamere med nyeprodukt. Processbeskrivelse for de tre reklamebanner på forsiden Vi havde en diskution om vi skulle sætte webbannet på forsiden eller om der skulle laves et nyt banner. Vi besluttede os for at lave et nyt banner med flere informationerdelt op i nyheder. Nyheder skulle være små og kort, for ikke at skabe alt for meget stimuli på siden. Banneret skulle være for neden af siden for ikke at skabe alt for meget støj på siden. Det lignede meget det gamle webanner som vi havde lavet samt den daværende hjemmeside og var derfor ikke godt nok. Redigering af de tre reklambanner på forsiden Teksten forblev det samme uden italicerede tekst. Med appelformerne ethos og logos for at modtageren skal reagere på stærke kampagne priser og Shop online, spar tid og penge. Kasserne blev delt op i tre kasser for sig selv, for at vi kunne lave dem til link. Et af bannerne linkede til Fødelsdagstilbudet, den anden linkede til vores Netbutik, den trejde banner linkede ikke til noget. Ideen var ellers, at vi ville have linket til et større landkort med mere information om butiken i Gentofte. Det lille projekt med et stort landkort med informationer om de forskellige butikker med lagerinformation blev droppet helt. Vi satte gradiant på med mærke og lyse grøn som har masse farve som vores indkøbskurv. Stemingsbiledet er taget fra deres hjemmeside og bearbejder på photoshop til den rigtige størrelse. 33

34 Flash fremgangsmåde Vi besluttede os for at lave vores menuer (sidemenu og overmenu) i Flash (Fl), da vi ville lave dem interaktive; hvilket inkluderer at de var inviterende og brugervenlige. Det skulle dermed skabe mere dynamik og gøre websitet mere attraktiv. Vi startede med at lave menuknapperne i Photoshop (Ps) som png, hvorefter vi importerede dem i Flash (Fl). Dette fandt vi hurtigt ud af var en dårlig fremgangsmåde, da de blev pixilerede og utydelige. Det skyldtes at Flash (Fl) er et vektorbaseret program og Photoshop (Ps) ikke er. Derpå lavede vi det hele i Flash (Fl), med undtagelse af dyre-piktogrammerne, der blev lavet i Illustrator (Ai). Vi droppede Flash (Fl) i et lille stykke tid på grund af de pixilerede knapper, hvor vi benyttede en alternativ fremgangsmåde, som var at lave dem interaktive i CSS; ved brugen af #idnavn:hover. Men det droppede vi også, da vi ikke kunne opnå en outerglow effekt, samt dropdown effekten kunne ikke åbnes på denne måde. Så vi vendte tilbage til Flash (Fl) og blev ved det. Overmenu Vores grundidé om det funktionelle var at det startede med at have en farve, som så skulle ændres ved at man mouseover dem, og ved nedtrykningen af knappen. Det visuelle aspekt kom hurtigt til enighed om designet og farvevalget, og gradient giver en god effekt uden at blive til overkill. At lave knapperne og tilføje Up, Over og Down gik lige til og hurtigt, men at komme frem til og lave funktioner, der får knapperne til at linke til URL, tog en del længere tid. Der er 3 forskellige funktioner tilknyttet Overmenu. Her er den første funktion: function netbutikklik(event:mouseevent):void { navigatetourl(new URLRequest( netbutik.html ), _self ); } 34

35 netbutik.addeventlistener(mouseevent.click, netbutikklik); Her laves en mouse event, at når der bliver gjort et eller andet med musen, så skal netbutikklik -funktionen åbne vores netbutik.html i samme vindue som man har åbent. Derefter tilføjes en event listener til netbutik, som er navnet på vores knap. Den event listener venter til at nogen klikker med musen på knappen, hvorpå den vil starte netbutikklik -funktionen, som nævnt overfor. Her er den anden funktion: function knappelukker(knap:simplebutton):void { knap.enabled = false; knap.upstate = knap.downstate; } Denne funktion tager den sendte knap (som parameter), sætter dens tilgængelighed til false, dvs. knappen ikke længere kan trykkes på. Hvorpå den tager måden knappen ser ud på (dens state) i Down og sætter den til at se magen til ud i Up. Her er den tredje funktion: var url:string = ExternalInterface.call( window.location.href.tostring ); switch(url) { case : knappelukker(startside); break; 35

36 ( ) default: trace( Ingen match! ); Denne funktion er en case, der tager den URL man er på og sammenligner med den første case, og hvis den ikke er den samme, så går det videre til den næste case, osv. Den skulle gerne aldrig ramme default, da der i hver case er angivet de enkelte sider, men godt at have den med en trace, så man kan se hvis den nu skulle ramme default. Sidemenu Designet til den blev vi hurtige enige om; at bruge dyre-piktogrammer til knapperne. Derpå funktionen om at når en knap bliver trykket på at den kommer med en dropdown med underkategorier hørende dertil. Farvevalget samt gradient skulle være det samme som i Overmenu, for at holde stilen og simularity; altså ensartethed. Der er adskillige funktioner til denne menu, så vil komme med nogle eksempler. Her er første eksempel: function laasmenu(elementer:array, position:array, synlighed:array):void { if (elementer.length!= position.length position.length!= syn-lihed.length elementer.length!= synlighed. length) { throw new Error( >>> DINE ARRAYS ER FORKERTE, DIN NOOB! <<< ); } for(var i:int = 0; i < elementer.length; i++) { 36

37 } } elementer[i].y = position[i]; elementer[i].visible = synlighed[i]; Funktionen forventer at modtage 3 arrays som parameter, hvor fra den bliver tilgået. Derpå bliver der tjekket om længderne på de 3 arrays er forskellige fra hinanden, og hvis det er tilfældet, så bliver der kastet en meddelelse herom. Men hvis længderne derimod skulle passe sammen, så vil en for-løkke blive udført. Løkken tager det første element i elementer-arrayet og sætter dets y-position magen til det første element i positionarrayet, hvorefter den tager det første element i synlighed-arrayet (som indeholder en boolean) og sætter det første elements synlighed i elementer-arrayet til dette. Denne funktion bliver brugt til at synliggøre og rykke på knapperne, for på den måde at få hundmenu og katmenu til at stå tydeligt frem. Her er andet eksempel: function vishundmenu(knap:simplebutton):void { laasmenu([btn_hund, menu_hund, btn_kat, menu_kat, btn_gnaver, btn_fugl, btn_fisk], [0, 0, 245, 245, 305, 365, 425], [false, true, true, false, true, true, true]); } knap.enabled = false; knap.upstate = knap.overstate; Denne funktion forventer at modtage en knap som parameter, hvor fra den bliver tilgået. Derfra bliver laasmenu -funktio- 37

38 nen tilgået med givne parameter, hvorefter den modtagne knaps tilgængelighed bliver sat til false (altså låst fast), og sætter dens Up-state magen til dens Over-state. Kodeeksempler af Java scripts Formular Her er nogle Java scripts eksempler, som vi benytter på vores website, men de bliver kun brugt til vores formular (form) side. Her er første eksempel: function element1() { if(document.getelementbyid( fornavn ).value == ) { document.getelementbyid( fornavn ).style.backgroundcolor = red ; document.getelementbyid( kontakt ).style.backgroundcolor = red ; return false; } } return true; Denne funktion tjekker om det valgte elements (ud fra id) værdi er det samme som en tom String (tekststreng). Hvis den er det, så skal den farve de to valgte elementers baggrundsfarve (ud fra id) rødt; som i dette tilfælde er et tekstfelt og navnet på det tilhørende fieldset. Derefter sender den false tilbage til hvor funktionen blev tilgået. Hvis der er minimum ét tegn i, 38

39 så sender den true tilbage til hvor funktionen blev tilgået. Funktionen går igen flere gange, med ændring af funktionens navn og de enkelte elementers id. Her er andet eksempel: function element6() { for(var i = 0; i < document.getelementsbyname( betalingskort ).length; i++) { if(document.getelementsbyname( betalingskort )[i].checked) { return true; } } } document.getelementbyid( kortvalg ).style.backgroundcolor = red ; return false; Denne funktion er for vores radio bottons bliver tjekket for værdi. Den tager alle elementerne inden for deres fællesnavn, hvorpå den ser efter om én af dem checked, og hvis det er tilfældet bliver der sendt true tilbage til hvor funktionen blev tilgået. Men hvis ingen er checked, tager den det valgte id (i dette tilfælde navnet på det tilhørende fieldset) og farver dets baggrund rødt og sender false tilbage til hvor funktionen blev tilgået. Her er tredje eksempel: function genskab(id) 39

40 { if (document.getelementbyid) { document.getelementbyid(id).style.backgroundcolor = white ; } } Denne funktion bliver tilgået under alle tekstfelternes tag som onclick. Den forventer et id som parameter, hvorefter den farver baggrundsfarven hvid igen på det valgte id. Her er fjerde eksempel: function formvalidator() { var condition1 = element1(); var condition2 = element2(); var condition3 = element3(); var condition4 = element4(); var condition5 = element5(); var condition6 = element6(); var condition7 = element7(); var condition8 = element8(); var condition9 = element9(); var condition10 = element10(); var godkendt = condition1 && condition2 && condition3 && condition4 && condition5 && condition6 && condition7 && condition8 && condition9 && condition10; 40

41 if(!godkendt) { alert( Det markeret med r\u00f8dt skal venligst besvares, for at f\u00e5 bestillingen godkendt. ); } return godkendt; } Denne funktion er vores validator, der bliver kørt når man har trykket på submit-knappen. Den tager de enkelte funktioners værdier og lægger dem over i variable, hvorefter de bliver lagt sammen over i én variabel. Hvis den variabel ikke indeholder nogen værdi, bliver Maxi en alert-besked vist på skærmen om venligst at udfylde Zoo felterne markeret med rødt. Hvis variablen har en værdi, bliver den sendt tilbage, og man føres videre til landingpagen. Lightbox Vi har valgt at implementere en lightbox effekt for at klargøre informationerne på vores produktbilleder. Vi har tilmed tilføjet en ekstra knap, som ikke gør noget, med CSS effekt. Her er den CSS vi tilføjede: #buttonnavindkoebskurv{ background-image: url(../../images/laeg_i_kurv_groen.gif); width: 91px; height: 51px; float: left; margin-bottom: 0.7em; cursor: pointer; 41

42 } #buttonnavindkoebskurv:hover{ background-image: url(../../images/laeg_i_kurv_roed.gif); width: 91px; height: 51px; float: left; margin-bottom: 0.7em; cursor: pointer; } Den lader vores knap floate til venstre, og billedet ændres når den bliver hover (mouseover). Og her ses det hvor vi har indsat knappen i Java script (den med understregning): Builder.node( div,{id: bottomnav },[ Builder.node( div,{id: buttonnavindkoebskurv }), ) Builder.node( a,{id: bottomnavclose, href: # }, Builder.node( img, { src: LightboxOptions.fileBottomNavCloseImage }) )] På almindelig HTML sprog ville vores indsættelse se således ud: <div id= buttonnavindkoebskurv ></div> 42

43 Resultater af brugertest Før testen Vores testpersoner ligger i aldersgruppen mellem 21 og 32, hvorimellem der både er forældre, hundeejere, katteejere og testpersoner der ikke har dyr. Vores testpersoner forventede at en butik vil have et stort udvalg af varer, hvor man kan finde vægt, farve og andet info. En fælles farve de alle havde forventet var grøn, ellers var der forventninger om farver som gul, røde jordfarver, hvid og mange farver blandet. Ca. halvdelen havde allerede besøgt dyrehandlere på nettet, og næsten alle havde et kendskab til Maxi zoo som butik. originalsiden Generelt mente vores testpersoner, at s original side var meget rodet, at tingene var stillet op rodet og menuen lå for højt, der var en enighed om, at det ikke var en side man havde lyst til at handle på. Testpersonernes blev efter kort tid irriteret over Flash filen på startsiden, fordi den blev ved med at loope. Farvesammensætningen var de ikke tilfredse med, de mente at farverne var for kraftige. Vores site Efter præsentationen af s originale site, præsenterede vi personerne for vores site. Den umiddelbare reaktion fra alle testpersonerne var, at billedet var lækkert, det symboliserede dyrevenlighed, familiehygge og fælleskab. Det var tydeligt at se at hundene er var glade og sunde. Der var også en enighed om at farverne var bedre nu, da de var gjort mere friske i forhold til originalsiden. At vi havde valgt at holde farvesammensætningen, men bare gjort den mere lækker. Billedet mente de fleste dog var for stort, nogle mente at reklamerne i bunden var blevet for små. På sitets underside, var vores testpersoner enige om at piktogrammerne gjorde navigationen nem, og at det var en smart måde at gøre det på. 43

44 Vores piktogrammer fik kommentarer som, >>dejligt at det er lidt legende<< og >>børnevenligt<< og >>dejligt at piktogrammerne gør det mere brugervenligt<<. Billedet på netbutikkens forside var der delte meninger om. Nogle syntes at de var gode, andre ville foretrække 1 billede frem for 2 billeder der var sat sammen. Generelt var folk meget tilfredse med menu strukturen, og mente at det var nemt at navigere rundt på siden. Til undersiden på netbutik, fik vi lidt forskellige kommentarer. Der var kommentar til vores lagerstatus Flash, dette mente folk var en god ide. Så var der få kommentar til billederne på siden, her var der en, der mente at dyre-billederne skal skiftes ud for hver underside man er på. Købsknapperne ville en gerne have større for motivationens skyld. Alle kom med en kommentar om, at der på magisk vis er kommet 3 varer i kurven, men dette har vi gjort for at give et indtryk af hvordan det ville se ud, hvis siden fungerer. Scenarier Vi havde lavet 3 scenarier, som alle 3 blev udført optimalt, testpersonerne havde ingen problemer med at løse opgaverne. Så ud fra dette har vi konkluderet, at vores navigation fungerer optimalt, og at den er nem at navigere rundt i. Resultat Efter testen kiggede vi på de forskellige kommentarer til sitet, og udvalgte de ting som der var flest der mente skulle laves anderledes. Disse ting var billedet på forsiden, som vi overvejede at lave mindre højt, Men vi blev enige om at dette, ville gøre billedet for smalt i forhold til de dyr og mennesker der er på billedet. På forside billedet under netbutik, har vi valgt at halvere og kun have et dyr frem for to, under testen havde vi en kat nederst og en hund øverst, hvorimellem der er lagt nogle foderprodukter ind. 44

45 Efter testen har vi valgt at beholde hunden og foderprodukterne, men skære katten væk. Der var et par kommentar til reklamebanneret for neden af netbutik siderne. De mente, at det var forvirrende og misvejledende og se webtilbudsbanneret, som linkede frem til fødselsdagstilbudet. De mente at det var to forskellige tilbudsaviser. Vi har derfor ændret webtilbudet på banneret og skrevet fødselsdagstilbud i stedet for. 45

46 Konklusion I udarbejdelsen af et re-design, har vi formået at forny s visuelle image, skabe klarhed og fokus på en mere specifik målgruppe. Det har derfor været vigtigt at komme ind til kernen af s værdier, finde essensen i deres visuelle identitet og ikke mindst skabe fokus omkring deres signaler. Ud fra resultaterne af brugertesten kan vi konkludere, at brugernes interaktion med webshoppen har været meget positiv og brugervenlig. Websitet har været enkelt at benytte. Det visuelle image vi har forsøgt at signalere, har været forståeligt og givet et sammenhængende, unikt indtryk på modtager. Denne fornyelse appellerer til modtager om at handle online på en let tilgængelig måde, og øger omsætningen for. 46

47 Refleksion Valget af s website har været udfordrende at arbejde med, da hverken budskab, målgruppe eller afsender har været klart defineret i deres visuelle profil. Dette har givet os frie tøjler til at forny virksomhedens image. Vi har haft adgang til billedmateriale i en database, som har reduceret mængden af arbejde. Vigtige oplysninger om virksomheden for udarbejdelse af en analyse har derimod været mangelfuld. Derfor har virksomhedsanalysen været svær at udarbejde, fordi den primært er lavet ud fra s visuelle image. Gruppearbejde Vi har haft samarbejdsvanskeligheder i gruppen, grundet manglende fremmøde fra et medlem og dårlig kommunikation. Dette har resulteret i dobbeltarbejde og afskedigelse af et medlem. Det har derfor rykket vores tidsplan og forsinket en stor del af arbejdet, som til sidst har givet stress for de resterende gruppemedlemmer i forløbet. 47

48 Referencer Litteratur liste -Christian Oxholm Zigler; Marketing Management - kort & godt 4. udgave -Jørgen H.K. Jepsen, Anne Schoubye; Afsætningsøkonomisk Modelsamling -International markedsføring 3. udgave -Ian Wisler-Poulsen, Ole Gregersen Usability -Jan Krag Jacobsen 25 Spørgsmål -Ian Wisler-Poulsen Layout i opgaven -SWOT analyse -TOWS Matrix -Lisbeth Thorlacius Visuel kommunikation på websites -Roman Jacobsen Model til analyse af poetiske tekster -Hillman Curtis MTIV, Three Ring Target 48

49 Kilder Henrik Glinka Andersen: Fotos af kat: Tilbudsavis og pote aftryk: 49

50 Bilag 1 50

51 Bilag 2 51

52 Bilag 3 Brugertest Alder: Testperson 1: 32 Testperson 2: 27 Testperson 3: 27 Testperson 4: 26 Testperson 5: 21 Før testen foretages: Dette er en brugertest på et site for dyreartikler, vi vil gerne bede dig tænke højt under hele testen. Vil lige starte med at høre hvad du forventer af en hjemmeside for dyreartikler? Testperson 1: Testperson 2: Ved ikke rigtigt Testperson 3: Hele sortimentet forventes at ses, at der er forskellige ting til forskellige dyr. Testperson 4: Jeg forventer der er en oversigt over forskellige ting til de forskellige dyr, altså der er noget til hunde marsvin osv. Beskrivelse på produkter fx hundemad, priser hvalpefoder om der er noget specielt ved det, varebeskrivelse. Det er jo dyreartikler så det er en ren varebaseret side, let at finde varerne dem man søger Testperson 5: Info om de forskellige artikler vægt, priser, udvalg, produktliste, billeder, af de forskellige produkter Hvilke farver forventer du? Testperson 1: Naturfarver, grøn, brunt. 52

53 Testperson 2: Grøn og gul Testperson 3: Gule og brune farver Testperson 4: Enkel hvide farver, måske også enormt spraglet, ikke nogen speciel farve, mange varer med mange farver, ikke et stort kaos af farver. Testperson 5: Mørkegrøn og rød Har du allerede kendskab til hjemmesider for dyreartikler? Testperson 1: Ja, zoocity, trenddog, dyrelægesider Testperson 2: Nej Testperson 3: Kender kun til hestesider Testperson 4: Maxi Kender maxi zoo og dem der hedder, kan ikke huske Zoo det, de har et lyserødt logo, og en der hedder petsnop.dk den er meget elegant i sorte farver. Forventede ikke at siden var så gennemført Testperson 5: Ingen kendskab til hjemmesider for dyreartikler Præsenter personen for original side Kender du? Hvis ja hvad har brugt sitet til? Og hvordan syns det det er at navigere rundt på? Testperson 1: Kender butikken, kender ikke sitet. Testperson 2: Nej Testperson 3: Har hørt om, men aldrig været inde på deres website. Testperson 4: Har været inde på siden men rigtigt lang tid siden Testperson 5: Mener at det ligger i Høje Taastrup men ellers kender han det ikke 53

54 Forsiden: Jeg vil bede dig starte på forsiden: Hvad er dit umiddelbare indtryk af forsiden? Testperson 1: Testperson 2: Testperson 3: GRØN og RØD, økologisk tænkte hun på. Græsplæne ved at se dyrene. Kunne ikke lide menuen. Testperson 4: Grøn og rød fin flash video, ret sjovt den der gule ting discount på flash, rodet lige umiddelbart. Billed er i alle hjørner og kanter, noget pjece oppe i venstre, flag i højre, ris og ros nede. Først nu ser jeg logoet, det fors vinder lidt syns jeg, jeg så først logoet i bunden før jeg så det i toppen. Testperson 5: Ej hvor nice at den er grøn, meget dansk røde og hvide farver, syns ikke umiddelbart om dyrebutik og dansk kobling. Lidt irriterende at man skal scrolle, ville ikke se det nede på siden, højremenu med røde kasser, de kommunikerer ikke så godt, Ikke noget han ville klikke på, til gengæld ville han nok klikke på de nyeste tilbud. Hvad syns du om farvevalget? Testperson 1: Testperson 2: Testperson 3: Ingen info Testperson 4: Meget markant ikke rigtigt dyreforretning, ikke ud fra farverne, det kunne også være et byggemarked. Testperson 5: Den grønne farve passer godt, rød hvid no go overdrevet underlig kobling Har du andre kommentarer til forsiden? (opbygning, udformning, stil/tone) Testperson 1: Testperson 2: 54

55 Testperson 3: Forvirring med opsætningen. Testperson 4: Syns det er sjovt at deres menu i venstre side ligger lidt højere end det andet, ingen mening med ris og ros der, menu oppe ved siden af overskrift og logo lidt sjovt og gør det rodet Flash filmen bliver irriterende når det bliver ved. Testperson 5: Underligt med en kolonne i højre side det hele er presset sammen i venstre side lidt kejtet udseende. Selve sitet: Forsiden: Hvad er dit umiddelbare indtryk af forsiden? Testperson 1: Banner er 80 gammelt ( rød + græs), Fedt logo piktogrammer. Fed topmenu og billede. Fin footer. Øverste banner ligner ikke græs, det er for tegnet. Græsset fungerer bedre i footer. Mindre banner i toppen, evt. 2/5 grøn og 3/5 rød. Testperson 2: Familie hygge med dyr, hundene er en del af familien. Testperson 3: Godt indtryk, elsker headeren på grund af græsset. Bedre helhedsindtryk. Kan meget bedre lide bannerne, passer bedre end dem fra den oprindelige side. Synes det er ærgerligt at man skal scrolle ned. Testperson 4: Billedet er hyggeligt, glad hund der leger med pind. Er hund og kat med i logo? Lidt forvirrende Meget overskuelig, headeren den røde farve eller farven i headeren ligner lidt en solnedgang, lidt dyster, lidt dunkel. Det ser rigtigt fint ud meget mere overskuelig i forhold til den anden, det ser mere butiksagtig ud med de små bannere i bunden. Testperson 5: Det er faktisk ret fedt med det store billede der kommer op, dyrevenligt univers med glade mennesker og vilde hunde der har det nice, kombinationen med den grønne og den røde er mere harmonisk her, nyhedsfeltet i højre hjørne er meget dæmpet, ret småt, man kan se man er på startsiden. 55

56 Hvad syns du om farvevalget? Testperson 1: Rød og grøn er fedt Testperson 2: Godt farvevalg Testperson 3: Meget bedre end den anden side Testperson 4: farvevalget er fint nok, kan godt lide at den grønne farve i menuen bliver til røde Testperson 5: Hvad tænker du når du kigger på billedet?(hvad signalerer det) Testperson 1: Glæden ved dyr, familie, samarbejde Testperson 2: Ganske alm. borgerlig familie, villa, volvo, vovse. Anstændige mennesker Testperson 3: Lidt for stort billede. Testperson 4: godt billede, glad hund der leger med pind. Testperson 5: Prøv at gå hen på netbutik under hund og foder. Hvordan oplever du denne side? Testperson 1: Super godt med sidemenu piktogrammer brugervenligt Testperson 2: Tænker på økologi, man kan se hvad man køber, overskueligt, godt med prisen står der. Testperson 3: Nemt og overskueligt med undersiderne, rigtig gode stemningsbilleder. Kan godt lide landkortet. Testperson 4: Syns den virker overskuelig, let at se hvor man er, kan godt lide den lille hundepote det er ret 56

57 hyggeligt lidt legende med de små tegninger, tydeligt at se hvad det er fine billeder, man kan sagtens se produkterne, klikker på et produkt og der kommer en boks op med info, Informativ side let simpel at overskue kan godt lide kortet til højre med butiksoversigt let at forstå. Testperson 5: Haha nice, trækker lidt på smilebåndet af illustrationerne lidt legende hører sig også til. Hvilke indtryk giver siden? Testperson 1: Virker som om der mangler noget i siderne, tilbudsbanner skal være ligeså lang som footer Højre hundebillede af hund skal spejles så de kigger fra væk fra hinanden Testperson 2: Billederne passer ikke til foder siden, måske man kunne sætte hundebilleder ind som passer til produkterne NB. Evt. sætte et andet billede ind under kategori foder, hvor den ene hund drikker vand! Testperson 3: For mange ting man skal igennem, for at kunne komme frem til deres mål om ting de gerne vil købe. Testperson 4: Informativ side let simpel at overskue kan godt lide kortet til højre med butiksoversigt let at forstå. Kan godt se at det er en dyreforretning, selvom den er lidt tegneserie agtig Testperson 5: Kan godt lide drop down menuen, at poten følger med giver lidt bevægelse billederne er lidt mærkelige ville fortrække et billede frem for 2, klikker på et produkt, så kommer det op, det er ret fedt lavet der er kg. og en pris og lidt om produktet kommer op, så det er i fokus. Hvis jeg skulle købe ville jeg være mere motiveret hvis købsknapperne er lidt større men meget fedt med effekten på knapperne Er ikke i tvivl om at man godt kan bestille online, øhm man kan ikke klikke på lagerstatus. Uden rigtigt at have klikket på noget har jeg 3 varer i kurven, det er tydeligt at man kan handle Scenarie 1 Du vil købe hundefoder til din hvalp. Find Hill s Science Plan puppy large breed foder. 57

58 Scenarie 2 Find hen til kassen, udfyld formularen og gå til betaling. Scenarie 3 Du vil gerne se s webtilbud find denne. Efterinterview: Hvad er din samlede oplevelse af websitet? Testperson 1: Nemt brugervenligt Testperson 2: Nemt Testperson 3: Enkelt, og nemt, til at overskue Testperson 4: den grå baggrund lidt hvidere Testperson 5: Fungerer godt navigationen er god lidt sammenpresset Inde under netbutik Var det nemt/svært at gå til? Testperson 1: ja meget Testperson 2: Nemt Testperson 3: Det er nemt at gå til, lidt langt indtil varerne. Testperson 4: Let at finde rundt på siden Testperson 5: universet med små tegninger er godt lavet giver siden en identitet, så man hurtigt kan finde rundt un der de forskellige ting. 58

59 Er der information du mangler? Hvilken? Testperson 1: Nej tror ikke Testperson 2: Nej Testperson 3: Der mangler ikke noget for folk der skal ind første gang. Testperson 4: Umiddelbart ingen informationer der mangler Manglede noget mere info om foderet, hvis jeg skal købe det over nettet Testperson 5: Syns ikke rigtigt der manglede nogle informationer, godt inddelt, i kategorier Baren i bunden kunne godt have fået lidt mere plads på forsiden Websitets menuer og opbygning: Er det logisk og uoverskueligt for dig? Testperson 1: Ja meget Testperson 2: Ja Testperson 3:Ja Testperson 4: Let at se hvad der er på siden Menuer og opbygningen er logisk kan godt lide brødkrummestien Testperson 5: Logisk opbygning Er der funktioner/features du efterspørger? Hvilke? Overflødige? Testperson 1: Nej Nej Testperson 2: Fint Testperson 3: Nej Testperson 4: Nej Testperson 5: Større købsknap, og lagerstatus kunne være fedt hvis det var der 59

60 Hvordan vurderer du stil og tone er det formidlet til dig som bruger? Testperson 1: Ja simpelt gammeltdags, ældre børn Testperson 2: Fødselsdags tilbud, discount. Familien Danmark=kvalitet Piktogrammer signalere discount, Testperson 3: Syns det fungerer rigtigt godt Testperson 4: Lidt dyster i farverne, ellers fin Testperson 5: Ja Kommentarer, noget jeg ikke har fået spurgt til, noget du gerne vil sige på falderebet? Testperson 1: Nej Testperson 2: Piktogrammer og billeder signalerer to forskellige målgrupper Målgruppen alle kan købe derinde til forholdsvis billige penge, det generelle af siden stemmer overens med valgt målgruppe. Kerneværdier: velvære, sundhed og let tilgængelighed Testperson 3: Kan rigtig godt lide stilen og tonen. Testperson 4: Tror jeg har sagt det meste Testperson 5: Godt afbalanceret, lidt firkantet efter min smag 60

61 61

62 Bilag 4 SWOT & TOWS Matrix Analyse 62

63 Bilag 5 Navigationsdiagram 63

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord Kend dine brugere Om brugertest 2 sem., feb. 2010 Multimediedesigner, København nord Andreas Frandsen, Ninette Nielsen Agnete Gnistrup, Senia Lundberg Side 1 af 7 Indholdsfortegnelse Indledning s. 2 Valg

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Usability dokumentation Lavet af Sarina, Maria og René MulB-13 22.11.2013 I forbindelse med ekspertvurderingstests udarbejdes som hovedregel altid

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

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

MULTIMEDIEDESIGNER 1. ÅRS PRØVE MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.

Læs mere

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg 1 Indholdsfortegnelse side nr. 1. Forside. 2. Indholdsfortegnelse og indledning. 3. Problemformulering og afgræsning. 4. Tidsplan projektplan

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

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

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

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

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

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

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

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

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer

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

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

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

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

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

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664 SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com

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

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

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

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

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

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

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

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

Læs mere

Afsluttende semesterprojekt - 1. Semester

Afsluttende semesterprojekt - 1. Semester Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015 Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest...

Læs mere

WBS. Inledning. Afsluttende projekt 1. sem

WBS. Inledning. Afsluttende projekt 1. sem MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.

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

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter. Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle

Læs mere

W e b s h o p d e s i g n s oktober 2011 1

W e b s h o p d e s i g n s oktober 2011 1 Webshop designs Oktober 2011 1 Indhold DanDomain designpakke 3 Sådan bestiller du 3 Aparte 4 Indhold i Apartes designpakke 4 Designskabelon 1 5 Designskabelon 2 6 Designskabelon 3 7 bangsoe.com 8 Indhold

Læs mere

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion

Læs mere

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk GRAFISK DESIGn Webdesign Min chef ville gerne have lavet en webside til firmaets udlejningshus i Italien. Huset på 200 m² er et traditionelt toskansk landhus i tre etager og ligger i gåafstand fra middelalderlandsbyen

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

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

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com Rapport Udarbejdet af: Mayianne Nøks Pedersen Skole login: knmape68 E-mail: mypedersen@gmail.com URL til brugerundersøgelsen: http://web328.webkn.dk/hjemmeside/image/laering/sem2brugerundersogelse/brugerundersogelse/

Læs mere

Fredag d. 20. februar 2015 2. semester MUL-B CSR CAMPAIGN

Fredag d. 20. februar 2015 2. semester MUL-B CSR CAMPAIGN CSR CAMPAIGN 1 Corporate Social Responsibility http://b-design.nu/2sem-projekt1/csr.html Kathrine Harder kathrineharder@gmail.com Simone Blachman blachman94@hotmail.com Pernille Sjøgreen - pernille.sjoegreen@gmail.com

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

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

Multimediedesigner. Vedvarende. energi

Multimediedesigner. Vedvarende. energi Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der

Læs mere

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace

Læs mere

eksamensprojekt 2. sem

eksamensprojekt 2. sem Multimediedesigner Klima 2009 Virksomheder i en klimakontekst eksamensprojekt 2. sem maj - juni 2009 www.cphnorth.dk Trongårdsvej 44 DK 2800 Kgs. Lyngby 1. Opgaven Indledning: I december 2009 skal Danmark

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

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

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

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 EKSPERTVURDERING 10 REDESIGN AF PROJEKTER 12 BANNERPROJEKT 12

Læs mere

Responsiv hjemmeside

Responsiv hjemmeside Kom/it niv.a 3.år Responsiv hjemmeside Hospidana Carina Aa Hansen, Mathias Larsen, Peter Lærke 2014 Forord I vores rapport vil man kunne gå ind og læse omkring hvorfor vi har valgt at opbygge vores hjemmeside

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

Dreamtours. Projekt 3 Visuel identitet og kommuikation

Dreamtours. Projekt 3 Visuel identitet og kommuikation Projekt 3 Visuel identitet og kommuikation Dreamtours En visuel identitet skabt af Anders Hanberg, Camilla Sabatinski, Mathis Gallego- Pedersen og Peter Schindler. Den danske multimediedesignklasse - 1.semester

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

Introduktion til billeddatabasen

Introduktion til billeddatabasen Introduktion til billeddatabasen Colourbox.dk Colourbox.dk er den billeddatabase som Odense Kommune har købt licens til. Det er vigtigt at bemærke, at der ikke er ubegrænset download af billeder. I materialet

Læs mere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action

Læs mere

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

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

TESTPLAN: SENIORLANDS WEBSHOP

TESTPLAN: SENIORLANDS WEBSHOP TESTPLAN: SENIORLANDS WEBSHOP Indledning Vi vil i vores brugervenlighedsundersøgelse teste Seniorlands webshop 1. Vi vil teste hvor at webshoppen fungerer set ud fra en bruger af Internet. Vi vil blandt

Læs mere

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Corporate Social Responsibility Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Fact sheet Projekt titel Corporate Social Responsibility Url

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist. Ekspertvurdering Antal af eksperter: 1 Tid brugt til evaluere website: 2 timer. Konklusion: Da jeg gennemgik sitet for fejl, mangler og problemer fandt jeg hurtigt ud af, at det største issue var tekst,

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 Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

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

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Rapport Undervisningsmateriale.

Rapport Undervisningsmateriale. Skrevet af Morten & Jacob A. 1.5 HTX Roskilde 2011 Side 1 Rapport Undervisningsmateriale. Arbejdsgruppen bestod af: Morten, Jacob A. fra 1.5. Dato: 6. maj 2011 Skrevet af: Morten & Jacob A. Fag: Kom/IT.

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

Webshop startpakker. Her er dit logo. Mode 2013 Klassiske Italienske USA style 60 er stil

Webshop startpakker. Her er dit logo. Mode 2013 Klassiske Italienske USA style 60 er stil Webshop startpakker Vælg mellem Mars og Venus og kom hurtigt i gang Mars og Venus indeholder Valgfrit farvetema/topbillede Opsætning af skabeloner for: - Forside - Nyheder på forside - Nyheds- og tilbudslister

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf

RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf 1 Web-agency Den første del af opgaven var at skabe en web-agency

Læs mere

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester Portfolio Andreas Stjerneklar Kristensen Multimedia Designer Eksamen 1. Semester Indledning Design Skitser ASK logoet Teknologivalg No database Javascript Eksempel Udviklingsmuligheder Mere relation mellem

Læs mere

Multimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris

Multimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1 Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet

Læs mere

Identifon Brugerundersøgelse projekt 2, 2. semester. af Jesper Hansen, Robin Hansen, Maria Laustsen & Andreas Münter Knord 2010

Identifon Brugerundersøgelse projekt 2, 2. semester. af Jesper Hansen, Robin Hansen, Maria Laustsen & Andreas Münter Knord 2010 Identifon Brugerundersøgelse projekt 2, 2. semester af Jesper Hansen, Robin Hansen, Maria Laustsen & Andreas Münter Knord 2010 Indholdsfortegnelse 2 Indholdsfortegnelse 3 Tidsplan 4 Beskrivelse og begrundelse

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

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

Dynamisk hjemmeside: NeuTravel

Dynamisk hjemmeside: NeuTravel Dynamisk hjemmeside: NeuTravel Problemformulering I dette projekt ønsker vi at lave en uafhængig hjemmeside til brug af turister, som gerne vil læse neutral information (dvs. information der ikke er farvet

Læs mere

Drømme er individuelle. Natascha Fuchs MUL-08. Pia Svensson. Jeffrey Lai. Stefan B. Eilers. Visuel ID. og kommunikation

Drømme er individuelle. Natascha Fuchs MUL-08. Pia Svensson. Jeffrey Lai. Stefan B. Eilers. Visuel ID. og kommunikation Natascha Fuchs MUL-08 Pia Svensson Jeffrey Lai Stefan B. Eilers Visuel ID og kommunikation KNORD - Multimediedesigner 1. sem, nov 2008 Indholdsfortegnelse Kapitel 1.0 Indledning 1.1 Læringsmål 1.2 Problemformulering

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Arbejdsproces. Designparametre

Arbejdsproces. Designparametre REDEGØRELSE Om opgaven Til denne opgave skal der laves et design til easynets nye hjemmeside. Den skal være moderne, simpel i udtryk og overskuelig. Fokus på brugervenlighed. Der skal designes forside,

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

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

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 1 Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 2 Alle testpersonerne giver udtryk for at sitet er forholdsvis nemt at anvende til at finde den information

Læs mere

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

Grafisk Design. Dansk Center For Organdonation

Grafisk Design. Dansk Center For Organdonation Grafisk Design Dansk Center For Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at få lavet et redesign af det logo, Dansk Center For fik fremstillet i 2008, af vores kommunikations afdeling.

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

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

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

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

Læs mere

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund Læringskoncept for Dansk Rideforbund Produkt og målgruppe: Udarbejdelse og idéudvikling af et nyt læringskoncept I børnehøjde til Dansk Rideforbund. Det skal fokusere på sikkerhed I ridningen og målrette

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

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere