2 Faktaark indholdsfortegnelse

Størrelse: px
Starte visningen fra side:

Download "2 Faktaark indholdsfortegnelse"

Transkript

1

2 2 Faktaark indholdsfortegnelse 3 Projekttitel...Startup.dk Vejledere...Ditlev Vestergaard Skanderby Marc Kluge Frederik David Tang Jesper Hinchely Morten Rold Anslag Anders Lauridsen... Portfolio: s733l.dk/projects/startuplearning.html Underskrift... Anders Wetterstein... Portfolio: s733l.dk/projects/startuplearning.html Underskrift... Casper Christiansen... Portfolio: s733l.dk/projects/startuplearning.html Underskrift... Rasmus Seindal... Portfolio: rasmus.seindal.nu/projekt2_5.html Underskrift... Problemstilling...4 Metode...5 Projektplan...6 Planlægning...6 Projektudviklingsmetode...10 Interessentanalyse...11 Risikoanalyse...12 Virksomheden...13 Elevatortale...13 SWOT...13 Markedsanalyse...14 Forretningsplan...15 Virksomhedskommunikation...18 Blue Ocean Strategy...18 Målgruppeanalyse...19 Designbrief...20 Logo...20 Farver...20 Typografi...20 Website...20 Designudviklingsprocess...21 Skitser...21 Wireframe...23 Mockup...25 Færdige website...27 Visuel identitet...30 Logodesign farvevalg...31 Visitkort...31 Brevhoved signatur...32 Powerpoint Template...32 Annonce...34 Designmanual...36 Grafisk signatur...36 Typografi til pc og trykte medier...36 Logo farver Signatur...36 Powerpoint...36 Tekniske løsninger...37 Use-case...37 SEO...37 ER-diagram...37 Simplegrid...38.less...38 jquery...38 PHP og mysql...38 Forberedelse til brugertest...39 Forberedelse til usability tests...39 Ganstertest...39 Brugertest...39 Konklusion...40 BIlag...41

3 4 Problemformulering metode 5 Problemstilling Metode Hvordan skaber vi en service der tillad- Mange gamere ejer flere spil som de aldrig bruger; Enten fordi de har gennemført er så smertefrit som muligt at bytte For at løse vores problemstillinger i problem- dem, eller fordi spillet aldrig fangede spillerens interesse. Derfor ender mange gamle spil med andre? formulering har vi brugt forskellige metoder spil, og spil udstyr på loftet eller i skraldespanden på et tidspunkt. for at se om projektet kan lade sig gøre. Vi vil gerne lave en service der hjælper gamere med at bytte deres brugte spil for Er interessen for en sådan service stor Til at analyse eventuelle opstarts og fremtid- andre spil. Derved opnår de gamle spil en ny værdi, da man kan bytte dem for andre nok til at den kan køre i Danmark? problemer har vi lavet en SWOT og til kom- spil af interessere. Servicen skal gøre byttehandlen så smertefri og lettilgængelig som munikation og markedsføring, har vi brugt muligt. Hvordan får vi folk til at benytte sig af Blue Ocean Strategy. servicen? Hvordan tjener vi penge nok til at dække omkostninger og stadig få profit? Er det realistisk at servicen kan komme op at køre? Problemformulering

4 6 Projektplan 7 Planlægning Til projektudvikling har vi brugt WBS og GANTT-kort. Disse 2 metoder er en god måde at strukturere opgavefordelingen, på ved at WBS giver et hurtigt overblik over hvor mange, og hvilke opgaver projektet indebærer. GANTT-kortet giver en simpel oversigt over hvor meget tid der skal bruges på hvilke opgaver, hvornår man skal starte på de forskellige opgaver, og hvornår de skal være færdige.

5 8 Projektplan 9

6 10 projektplan 11 Udviklings metode - Prototyping Vi har brugt udviklingsmetoden prototyping, igennem hele projektet. I vores projekt bliver prototyping brugt på den måde, at hver gang vi f.eks. har lavet en ny funktion på vores produkt, eller noget designmæssigt, skal det tages op til intern vurdering således at man hele tiden arbejder i den rigtige retning og ikke får lavet noget som ikke er brugbart eller som ikke er særlig funktionelt i forhold til målet. En ting vi har haft en del problemer med kan bruges som et eksempel, Search Bar: Hvor skal den korrekte placering være i forhold til vores design? Hvor stor skal den være? testpersoner der kan give feedback, vil det blive til fasen Beta. Denne måde at prototype på, giver det bedste resultat, men bliver som regel kun brugt i meget store virksomheder, der har ressourcer til at udføre denne form for prototyping. Vores virksomhed har ikke mulighed for at benytte den type prototyping, da det tit er meget lange faser, og koster mange penge at gøre det på den måde. Interessentanalyse Projektets formål er at udvikle en service der kan giver 2 personer mulighed for at bytte spil og udstyr med hinanden, således at en forlagt genstand får en ny værdi, ved at den bliver byttet til en ny genstand, der ligger i personens interessezone. Interessenter: Forbrugeren, fordi uden forbrugere er projektet ligegyldigt. Investorer som evt skal betale for promotion af virksomheden. Vi har brugt en simpel matrix model til at analysere alle vores interessenter. De 4 zoner fortæller hvorvidt man skal have fokus på de pågældende interessenter. Man kan vægte det på følgende måde: low interest og low power har ikke rigtig nogen indflydelse på vores projekt. Ihvertfald ikke i sådan en grad at man skal gøre andet overfor denne gruppe af interessenter end at holde øje med dem. I feltet high interest og high power har en meget større betydning. Disse 2 interessenter skal henholdsvis informeres om udvikling og ændringer i projektet. Og tilfredsstilles så de så vidt muligt får hvad de vil have. I feltet der ligger i high power og high interest har vi de vigtigste og mest afgørende interessenter, I forhold det korrekte design, eller i hvert fald hvad det er normen, valgte vi at starte med at putte den i toppen på højre side af vores Iværksætterne os, alle ikke finansielle opgaver kan løses af os. og uden disse er til stede kan projektet ikke blive til noget. website. Men i forhold til resten af designet så den mærkelig ud, og den blev for kort og for presset. Efterfølgende har den haft den samme størrelse, men placeret i midten, hvor vi til sidst endte med at beholde den. Annoncører dem der skal annoncere på vores website forventer vi leverer et professionelt produkt det kan betale sig at annoncere på. Vi gjorde den ekstra lang i forhold til før, for at det skulle se harmonisk ud. Dette er en ting der kræver en masse diskussion internt i Butikker der sælger og køber brugte spil. gruppen, og det er et eksempel på hvordan vi har brugt prototyping. Normalt vil man i en større virksomhed, kalde denne fase Alpha hvis man f.eks. udvikler et spil. Når man begynder at inkludere eksterne

7 12 projektplan Virksomheden 13 Risikoanalyse Elevatortale SWOT 1 = Lille 3 = Middel 5 = Stor Hvis sandsynlighed gange konsekvens er lig eller over 9 = Indsatsområde. Vores virksomhed hedder Gameswap, og vi kan hjælpe folk der ligger inde med ældre, og nye spil og tilbehør til alle platforme. Vores produkt er en service, hvor man på Der findes ingen andre virksomheder der tilbyder samme service som Gameswap. Derfor har vi brugt skydeskivemodellen til at finde det der kommer tættest på Gratis spil i vores site har mulighed for at bytte sine spil form af byttehandlen. Gratis skal forstås på og tilbehør fra hvilken som helst platform til den måde at du bytter med noget og derfor enten samme eller en anden platform. ikke betaler penge for at få. Vores service giver kunden værdi, ved at give dem muligheden for at bytte en aflagt genstand til en anden, der ligger inden for kundens nuværende interesse zone.

8 14 Virksomheden Markedsanalyse Der findes ingen andre virksomheder der tilbyder samme service som Gameswap. Derfor har vi brugt skydeskivemodellen til at finde det der kommer tættest på Gratis spil i form af byttehandlen. Gratis skal forstås på den måde at du bytter med noget og derfor ikke betaler penge for at få. Forretningsplan Personlige Ressourcer Der kræves erfaring som minimum inden for følgende områder: HTML, CSS, PHP, Database, Photoshop Illustrator, og Marketing. Serviceydelsen Som kunde ønsker man at have nem adgang til en simpel service, der gør at kunden kan bytte sine brugte spil med til et andet, uden at betale noget for det. Markedsbeskrivelse Der er pt. ingen konkurrence på dette marked. Det tætteste man kommer på vores service, er diverse andre butikker der køber spil brugt af forbrugeren. Salg og Markedsføring Reklame og annoncering - det vil være nødvendigt at lave reklame for firmaet for at folk får kendskab til vores firma og vores service, således at bruger mængden kan vokse. Servicen vil være meget begrænset uden en stor bruger mængden, og derfor vil vores virksomhed kræve annoncer i f.x. Pc/spil magasiner og hjemmesider/portaler. Herunder kan GameReactor, Pc World, gaming.dk m.m., nævnes. 15 vores målgruppe. Til disse events ville vi have en bås med reklame og en computer opsat således man kunne have fri afbenyttelse til vores aktuelle service. Praktisk organisering af virksomheden Webudvikler website og vedligeholdelse Multimediedesigner/Grafiker visuel identitet og materiale Marketing Virksomhedens udvikling Fremtidsplaner? Udvikling af produkter/service? Udvikling i indtjening? 3 års mål? Udvikling af APP, der er tilsvarende hjemmesiden men til at have med på farten. Implementering af GPS funktion der gør man ikke er afhængig af at skulle skrive sin by/ postnr manuelt, derfor vil man få fuldkommen korrekt lokation af sin kommende byttehandel. Virksomheden kommer til at køre rundt af reklame penge, og derfor er det vigtigt at der også vil være en form for udvikling i dette område. Som grundlag for dette er det vigtigt at få annoncering fra firmaer der kan give større indtægter, og eventuelt have flere annoncer med tiden. Event deltagelse - Copenhagen Games og Dreamhack, ville være 2 mest relevante steder og forbrugere til disse events er i

9 16 Virksomheden 17 Finansiering Vi vil gerne have at Gameswap udelukkende er finansieret af reklamer. Dette er et bevidst valg fra vores side, da vi jo som nævnt tidligere, ikke sælger noget, eller nogen fysiske produkter. Derfor er det heller ikke muligt at tjene penge på andet end reklamer. Vores mål er at vi i starten gerne vil tjene nok via reklamer, så siden kan løbe rundt. Dvs. Der skal komme nok indtægter til hosting af sitet, vedligeholdelse mv. Derfor er det i starten ikke målet at tjene nok penge til at det er et fuldtidsjob det er noget vi gerne vil opnå på længere sigt. Realistisk set mener vi at det er muligt at tjene kr. om måneden via. reklamer.[1] Budgetter? Hvordan kommer økonomien til at se ud? Og hvordan vil virksomheden køre rundt? Ud fra beskrivelse af vores finansiering, ved vi at vores virksomhed er en hjemme virksomhed dvs. der tages ikke hensyn til arbejdscomputere, lokaler osv. Grundet dette er vores budget lavet udelukkende ud fra hvad det koster at oprette, og vedligeholde et website, og hvad vi har af indkomst ift. reklamer. Reklamer vil vi skaffe via Google Adsense, som er en nem og hurtig måde at få reklamer implanteret på siden. Dog har det en bagside, i og med de tager 50% af indtjeningen. Derfor er det vores mål på længere sigt at sælge reklamepladsen direkte til forskellige virksomheder inden for spilbranchen. Dette kunne f.eks. være Komplett, Wupti osv. Fordelen ved dette, er at vi skærer mellemmanden fra (f.eks. Google Adsense) og selv tjener 100% på reklamerne. [1]

10 18 Virksomhedskommunikation 19 Online & offline Vi vil med Gameswap gerne have både online og offline kommunikation. Dog vil vi primært fokusere på online kommunikation, da Gameswap er en online service, der udelukkende er at finde online. Nedenfor har vi listet de kommunikationsmuligheder indenfor både offline og online. Facebook: Vi ser det som en stor fordel at oprette en Facebook side til Gameswap. Vi kan med en Facebook side hurtigt og nemt nå ud til vores brugere. Dette gælder både mht. markedsføring, men også kundesupport. Brugere kan nemt få information omkring drift på sitet, og de kan nemt kontakte Gameswap for support. Twitter: Grunden til at vi ser det vigtigt også at have en Twitter, er at vi gerne vil nå ud til et så bredt publikum som muligt. Der er en del der ikke bruger Facebook, og mange af disse personer har derimod Twitter. På denne måde kan vi nå så langt ud som muligt, og der vil ligesom på Facebook, komme forskellige former for markedsføring, og en nem måde for brugere at få support på. Annonce: Vores eneste offline kommunikations mulighed, er muligvis også vores stærkeste, når det kommer til markedsføringen af sitet. Det er planen at annoncen skal i blade og magasiner indenfor markedet. Dette kunne f.eks. være PC Gamer, Gamereactor. Her ville vi nå helt ud til vores målgruppe, der måske ikke har fundet os online endnu. Blue Ocean Strategy En blue ocean strategi handler om at lave en strategi der gør virksomheden unik på et markedet. Normalt vil en virksomhed fokusere sin markedsføring på ting som er vante på det pågældende marked. Men med blue ocean strategi, handler det om en unik markedsføring. Dette kan bl.a. være med til at virksomheden skiller sig ud fra mængden. Gameswap befinder sig i høj grad i midten af det blå ocean. Gameswap er en service der ikke ligner andre, og der findes ikke noget tilsvarende på nuværende tidspunkt. Det ville derfor være ideelt at Gameswap lavede en helt unik form for markedsførings- og kommunikationsstrategi, så de hurtigt og nemt, kan indtage leder positionen på markedet. Målgruppeanalyse Vores primære målgruppe er drenge/mænd, i alderen år. De bor over hele landet, og er ofte under uddannelse eller i fast job. Vi har taget udgangspunkt i en rapport fra Danmarks Statistik, som omhandler IT anvendelsen i befolkningen. I denne rapport er der mange statistikker der underbygger vores valg af målgruppe. I rapporten står der bl.a. at det hovedsageligt er mænd der køber spil/videospil online. [2] og at det primært er unge i alderen der køber disse. [3] Vi har dog valgt at tilføje nogle år til alderen i vores målgruppe, da der stadig er mange der i midten af tyverne der spiller spil. Det er også disse personer som kan gå hen og blive nostalgiske og gerne vil byttet sig til de spil de spillede da de var børn. De unge i vores målgruppe regner vi med primært vil gå efter de nye spil, men her er dog også mulighed for de vil bytte sig til de gamle spil. [2] Figur 33 [3] Figur 35

11 20 Designbrief design Udviklingsprocess 21 Logo Eftersom vores virksomhed går ind under it/spilbranchen, vil vi gerne lave noget der falder ind i denne kategori. Vores umiddelbare tanker var at lave noget i futuristisk stil, da man tit ser dette inden for spil chance, og/ eller altid forbinder det med denne genre. Vi vil lave en form for emblem med tilhørende tekst som tilsammen udgør vores logo. sin side af indholdet, og i bunden skal der selvfølgelig være en footer. Skitser Vores skitser er tavle håndtegnede skitser, for at give en hurtig modellering af hvad sitet skal indeholde og hvor det skal placeres. Vi har anvendt placeringen af de forskellige elementer i forhold til normen på websites. F.eks. er vores search bar i toppen, og helst til højre på sitet, afhængig af sitets format. Logoet sidder altid til venstre, da man også finder dette mest normalt. På vores skitser kan man f.eks. se, at der på mobilsitet er to menuer. Grunden til dette er at vores skitser er brugt til at vise flere forskellige muligheder for det samme element. Farver Farvemæssigt vil vi gerne have noget der symbolisere pålidelighed, og derfor ved vi allerede at der skal indgå en mørkeblå farve i vores tema og logo. Til den mørkeblå nuance ville det være naturligt at vælge en kontrastfarve, som på det almindelig farvehjul er orange. Typografi Den typografi vi gerne vil anvende, skal ligesom logoet være futuriske, eller moderne, som man nemt kan forbinde med spil og it. To af mulighederne kunne være noget sci-fi eller fantasy type typografi, der tit er meget anvendt til spil logoer og design. Website Websitet skal laves ud fra et grid, og vi vil gerne lave et simpelt design. I toppen vil vi gerne have logo, menu og evt login eller searchbar, lineært med hinanden. Under dette vil vi gerne have alt det indholdsmæssige og annonce pladser, som er på hver

12 22 design Udviklingsprocess 23 Wireframe Vores wireframes er lavet ud fra de tavle skitser vi lavede til at starte med. Vi har brugt det samme grid system til at lave vores wireframes, som selve sitet skal laves af. Griddet består af en masse div er med baggrundsfarve, der udgør vores wireframes. De færdige wireframe grids, er det vi har kodet og arbejdet ud fra, til at lave vores forskellige sites. I vores mock-up af desktop sitet(se bilag) har den gennemgående komposition været ens med vores skitser og wireframes. Derfor er der kun lavet et mock-up af desktop versionen da vi fra alle 3 sites, mobil, tablet, og desktop, har et gennemgående design der ikke ændrer sig. Den eneste forskel er at for hver versionen ville der enten blive rykket rundt eller fjernet et element, eller f.eks. vil banner annoncen skifte dimension. Banner annoncen på mobile sitet kommer f.eks. til at være landscape format, da den ellers ville fylde en hel skærm på et mobilt device i panorama. For at sitet ikke skal være så kedeligt i vores mock-up, har vi valgt at putte nogle forskellige elementer ind med f.eks. vores to kontrastfarver. Omkring logoet, menuen, og på ydersiderne, er der orange bjælker for at det springer mere i øjnene. Vandmærket i indholds div en er også en mulighed, da den også giver lidt ekstra branding. Men der skal tages hensyn til design princip 16, om luft med forklaring: Elementer har brug for luft omkring sig, ellers risikerer designet at virke klemt. Mængden af luft kan bruges til at skabe opmærksomhed. Da vandmærket i sig selv er et element, overskrider vi sandsynligvis denne lov. Det hele afhænger af det indhold som lægges oven på vandmærket. Hvis vandmærket er forstyrrende for læsbarheden, er den bedste mulighed at fjerne det. Det skal også overvejes om man vil have Gameswap stående under, eller omkring logoet for at brandet fremstår mere tydeligt og genkendeligt.

13 24 design Udviklingsprocess 25 Mockup I vores mock-up af desktop sitet(se bilag) har den gennemgående komposition været ens med vores skitser og wireframes. Derfor er der kun lavet et mock-up af desktop versionen da vi fra alle 3 sites, mobil, tablet, og desktop, har et gennemgående design der ikke ændrer sig. Den eneste forskel er at for hver versionen ville der enten blive rykket rundt eller fjernet et element, eller f.eks. vil banner annoncen skifte dimension. Banner annoncen på mobile sitet kommer f.eks. til at være landscape format, da den ellers ville fylde en hel skærm på et mobilt device i panorama. For at sitet ikke skal være så kedeligt i vores mock-up, har vi valgt at putte nogle forskellige elementer ind med f.eks. vores to kontrastfarver. Omkring logoet, menuen, og på ydersiderne, er der orange bjælker for at det springer mere i øjnene. Vandmærket i indholds div en er også en mulighed, da den også giver lidt ekstra branding. Men der skal tages hensyn til design princip 16, om luft med forklaring: Elementer har brug for luft omkring sig, ellers risikerer designet at virke klemt. Mængden af luft kan bruges til at skabe opmærksomhed. Da vandmærket i sig selv er et element, overskrider vi sandsynligvis denne lov. Det hele afhænger af det indhold som lægges oven på vandmærket. Hvis vandmærket er forstyrrende for læsbarheden, er den bedste mulighed at fjerne det. Det skal også overvejes om man vil have Gameswap stående under, eller omkring logoet for at brandet fremstår mere tydeligt og genkendeligt Til forskel fra vores mock-up har vores færdige website adskillige visuelle forskelle. Logoet der på vores mockup virkedede mere som et emblem har nu fået virksomhedens navn under og agere mere som et rigtigt logo man normal ser hos et firma. Derudover har vi valgt ikke at bruge de blå polygoner, de de var for teknisk krævende at få sat det rigtige sted i forhold til menuen, og logoet, fordi de går ind både under og over logoet. Til at starte med var vores idé at Join knappen skulle være orange. Den overvejelse har vi haft fra start af, fordi man normalt ønsker at skabe fokus på dette område. Dette har vi valgt ikke at gøre fordi vi for det første har fjernet vandmærket i indholds boksen og vores baggrund på selve websitet er hvid i stedet for grå som mock-up. Vores orange farve går meget i et med den hvide baggrund, derfor har vi skiftet den til vores blå farve da knappen alligevel sidder i det område brugeren forventer knappen er(øverste højre hjørne.)

14 26 27 design Udviklingsprocess På vores færdige site, har vi en drop down menu, der oprindelig skulle være med horisontale undermenupunkter, men rent visuelt gav det for mange problemer. F.eks. kom der margin mellem underpunkterne som vi ikke kunne få fjernet, og derfor har vi valgt at anvende en traditionel vertikal undermenu, da den er lige så anvendelig - dog uden kodnings relateret problemer. Til menuen har vi anvendt vores orange farve til hover effekt således, at man tydeligt kan se hvor man befinder i menuen, og derudover skabe lidt nuancering til den mørkeblå farve. En visuel ting man ikke man se på vores mock-up er, at vi valgte at lave vores login funktion, som en pop-up boks lige under knappen. Færdige website Til forskel fra vores mock-up har vores færdige website adskillige visuelle forskelle. Logoet der på vores mockup virkedede mere som et emblem har nu fået virksomhedens navn under og agere mere som et rigtigt logo man normal ser hos et firma. Derudover har vi valgt ikke at bruge de blå polygoner, de de var for teknisk krævende at få sat det rigtige sted i forhold til menuen, og logoet, fordi de går ind både under og over logoet. Til at starte med var vores idé at Join knap- Vores orange farve går meget i et med den hvide baggrund, derfor har vi skiftet den til vores blå farve da knappen alligevel sidder i det område brugeren forventer knappen er(øverste højre hjørne.) På vores færdige site, har vi en drop down menu, der oprindelig skulle være med horisontale undermenupunkter, men rent visuelt gav det for mange problemer. F.eks. kom der margin mellem underpunkterne som vi ikke kunne få fjernet, og derfor har vi valgt at anvende en traditionel vertikal undermenu, da pen skulle være orange. Den overvejelse har vi haft fra start af, fordi man normalt ønsker at skabe fokus på dette område. Dette har vi valgt ikke at gøre fordi vi for det første har fjernet vandmærket i indholds boksen, og derefter har valgt at gøre baggrund hvid eftersom der ikke var nogen grund til at have en lysegrå baggrund uden vandmærke. den er lige så anvendelig - dog uden kodnings relateret problemer. Til menuen har vi anvendt vores orange farve til hover effekt således, at man tydeligt kan se hvor man befinder i menuen, og derudover skabe lidt nuancering til den mørkeblå farve. En visuel ting man ikke man se på vores mock-up er, at vi valgte at lave vores login funktion, som en pop-up boks lige under knappen.[4] [4] Se evt. fuld størrelse billede i bilag

15 28 visuel identitet 29 Logodesign Vi valgte at bruge en firkant med afrundede Vi prøvede at rette op på den skæve vinkel Vi prøvede at understrege Gameswap med En af de overvejelser som vi gjorde os i hjørner til dette logo, hvorfor det kom til at ved at placerer M et og W et under hinanden, en dobbelt farvet streg, hvor farven på højre forbindelse med vores logo design var, at ligne en for fremtids dog-tag. Der var dog som desværre heller ikke var rigtig godt. Vi side af stregen, passede med den venstre vi gerne ville have at det bar præg af noget delte meninger om, om dette logo var det bemærkedede dog at vi nu havde dannet et side a S et og omvendt, med henblik på at fremtid, og noget højteknologisk, da vores perfekte logo til vores virksomhed, bl.a. pga. S imellem M et og W et pga. gestaltloven om gøre logoet lidt mere spændende med denne målgruppe primært er gamer entusiaster, vores planer om at lave en APP på sigt og det lukkethed, hvilket vil sige at de omkringlig- kryds-effekt. Selvom at vi faktisk havde som tit og ofte har en forkærlighed for al var svært at lave et pænt APP-emblem, ud gende objekter synliggør noget der kunne besluttet os for at dette skulle være vores en- slags teknologi. Derfor gik vi igang med at fra det. Vi prøvede først og fremmest at lave ligne et S. S et blev dog først helt tydeligt da delige logo, voldte understregningen os prob- lede efter en passende font. Vi prøvede bl.a. APP-emblemet udelukkende med M et og vi roterede logoet 90 grader og nu hvor det lemer senere hen, da vi skulle til at lave vores Georgia af, da vi tidligere havde brugt den i W et, men det fungerede ikke pga. den skæve primære formål med vores virksomhed, er at annonce og hjemmeside. Understregningen mange andre sammenhæng. vinkel som medførte mangel på harmoni. swappe eller bytte spil, tænkte det at de var kom til at virke malplaceret når der var andet Men på trods af at Georgia er en rigtig ny- ideelt med et S som logo. Vi valgte at skrive indhold omkring, så derfor var der ikke andet delig sans-font, virkede fonten dog alt for Gameswap under S et, men som udgang- for end at Kill your darlings. gammeldags, og fungerede derfor ikke eft- spunkt følte vi at der manglede et eller andet. er hensigten. Adobe-pakken har et meget begrænset antal fonte, gik vi derfor ind på 1001freefonts.com, hvor vi fandt sans-serif fonten, Future Forces. Future Forces var efter vores klare overbevisning det rigtige valg, da stilen ligner noget man vil se hos en spilproducent, eller i en fremtidsfilm, som navnet på fonten også indikerer. Nu hvor fonten var på plads, ville vi prøve at skabe noget kreativt og mindeværdigt, ud fra den kombination af bogstaver, som er i Gameswap. Dette er typisk den mest tidskrævende del af arbejdet, da kreativitet opstår ud fra inspiration og man ikke selv er herre over hvornår inspirationen opstår. Heldigvis var det ikke tilfældet her, da det hurtigt gik op for os at M et i game ligner en spejling af W et, i swap. Denne spejling udgjorde det kreative element i vores første logo.

16 30 visuel identitet 31 Udtalelser hvilket påvirkede vores beslutning om at Farvevalg sammensætning er så populær, er pga. at For at bekræfte at vi havde truffet det rig- fjerne den. Derudover mente han at vores Vi startede med forskellige grå nuancer til folk godt kan lide når en kold og varm farve tige valg med hensyn til valg af logo, tog vi logo mindede lidt om en bane i Wolfenstein vores logo, for at understøtte den højteknol- mødes, da den store kontrast skaber nogle kontakt til 5 af Caspers venner som også (en spilserie som startede i 1981), hvilket vi ogiske stil, men logoet kom til at fremstå som billeder i folks hoveder. er spilinteresseret, og derfor er en del af ikke selv havde tænkt over, men som under- koldt og kedeligt, så det skulle der rettes op vores målgruppe, for at høre deres mening. støtter hele vores koncept yderligere. på. Visitkort Desværre er testpersonerne ikke de mest de- Selvom vi havde besluttet os for at droppe sign interesserede mennesker, så de var ikke vores understregning af logoet, fandt vi den meget for at uddybe deres svar. faktisk meget passende på vores visitkort, da den fungerer som en opdeling af kortet hvis Caspers besked: Halløj! Er i gang med et ek- den bliver forlænget. Vi har valgt at placerer samensprojekt og jeg laver noget logo, så ville Farvesymbolik et vandmærke nede i højre hjørne, ved at lige høre om du vil give noget feedback? Altså - Én af grundene til at vi valgte at benytte os reducerer opaciteten i vores logo til 60 %. Det hvad er det første du tænker når du ser det, ris/ af den mørkeblå farve, er pga. at den asso- vil forhåbentligt maksimere sandsynligheden ros og hvilket kan du bedst lide. cieres med oprigtighed og troværdighed. Det for at folk evt. måtte genkende vores logo er vigtigt som nystartet virksomhed, at folk senere hen. Grunden til at vi så det som Testperson 1 (Christopher): Nr. 1 var min føler sig trygge når de færdes på ens side, da nødvendigt at justerer opaciteten, er pga. at første indskydelse, men 3 er også fin. de fleste er velvidende om at internettet er logoet ellers ville blive for dominerende. Testperson 2 (Morten): Den i midten. spækket med scammers og virus. Derfor Testperson 3 (Kristian): Den nederste tror jeg kan det medfører en vis mistro fra forbruge- at jeg synes er fedest men kan sådan set lide rens side som vi helst gerne vil undgå. Det dem alle. er dog også værd at nævne, at man ligeledes Testperson 4 (Andreas): Det øverste med farve forbinder den blå farve med teknologi, hvilket er fich (slang for cool). meget gerne må komme til udtryk, som tidlig- Testperson 5 (Daniel): Det øverste ser mest ere nævnt. professionelt ud. Og det ser forresten godt ud, Den orange farve blev egentlig valgt pga. at ligner noget fra et firma som det skal. kombinationen af blå og orange er en rigtig behagelig sammensætning. Det er en meget Vi tog også kontakt til Jesper Hinchely, som populær sammensætning, men selvom at er lærer på CphBusiness, da vi søgte no- den bliver brugt i stor stil, er det bare et get feedback fra en grafiker som evt. måtte tegn på at folk finder den appellerende og have nogle forslag til nogle forbedringer af dermed er det en legitim grund til at bruge Gameswap logoet. Jesper mente også at disse to farver. Ud fra farvesymbolikken, tror understregningen af logoet var overflødigt, vi personligt at grunden til at netop denne

17 32 visuel identitet 33 Vi har valgt at bruge Future Forces til navnet på vedkommende som er ejer af visitkortet, for at understøtte hele stilen i vores visuelle identitet. Der er dog ikke blevet fortaget nogle opacitets ændringer i den orange farve i Peter Hansens navn, da navnet er den vigtigste information og derfor vil vi gerne have at den fremstår tydeligt. Fonten til den resterende tekst er Verdana, da den virker til at være en behagelig og let læselig sans-serif font, som ikke gør så meget andet end at overgive alle de praktiske informationer. På bagsiden har vi prøvet at holde designet så simpelt som muligt, da vi helst ikke så at der kom for mange forstyrrende elementer som fjerner fokus fra logoet. Brevhoved På hovedet har vi igen valgt at bruge understregningen af logoet som indikator for hvordan siden er opdelt, for at der er en vis kontinuitet i det grafiske arbejde. De praktiske informationer har vi valgt at placerer i footeren, da vi mener at brevhovedet, i det her tilfælde, ville fremstå som rodet hvis der var for mange informationer i. [5] signatur signatur er efter vores klare overbevisning en nødvendighed, da vores kommunikation primært vil foregå via. mail og derfor er det vigtigt for os at selv online kommunikation giver modtageren et indtryk virksomheden som værende etableret og velfungerende. Selve designet er ret traditionelt, men logoet og den karakteristiske streg-opdeling, giver mailen et præg af Gameswap visuelle identitet. Powerpoint template Forsiden af vores powerpoint template minder meget om visitkortet, men grunden til at vi har lavet en form for footer er fordi der i modsætning til visitkortet, skal være et område hvor der er plads til navnene på dem der står for den givne præsentation. Den orange kant i footeren, skyldes at der var der for meget blåt i forhold til orange uden, og kanten retter op på farvebalancen. I alle overskrifterne har vi brugt Future Forces med orange farve, og det er grunden til at understregningen er blå, da det ellers også ville medføre en uharmonisk farvebalance. Vandmærket her har vi brugt en lys grå til her, da det især er vigtigt på et powerpoint at man ikke flytter fokus fra de informationer som powerpointet indeholder. [5]billede af brevhoved i bilag

18 34 visuel identitet 35 Annonce Med en begrænset startkapital kan det være problematisk at markedsføre en nystartet virksomhed, hvis der ikke er nogle som ønsker at investere i vores service. Vi håber ikke at det bliver tilfældet men hvis vi ikke skulle være i stand til at skaffe investorer, er den bedste og den mest omkostningsfrie måde at reklamere, earned media. Så hvordan kan vi lave en annonce som er så interessant at den kan få en viral effekt, på trods af at annoncer er døende, nu hvor folk dårligt anser dem. Vores inspirationskilde til annoncen er et billede på facebook, som netop er gået viralt på trods af et meget begrænset indhold. fra vores egen barndom. Nostalgien og begejstringen fremgår tydeligt da personer har liket opslaget og har kommenteret. Pga. de imponerende tal har vi valgt at bruge dette billede som inspirationskilde til vores annonce. Så derfor har vi sammensat nogle af de mest populære spil fra vores barndom, ud fra egne præferencer og anmeldelser på nettet. Annoncen er ikke særlig informativ men hensigten er at den skal fungere som en form for moodboard, og dermed vække folks interesse for at besøge gameswap.dk. Billederne og vores tagline/hjemmeside bliver opfattet som en helhed pga. gestaltloven om nærhed, nu hvor billede-sammensætningen har gjort det muligt at gøre teksten en del af firkanten. Vi har brugt de to blå streger på hver side af annoncen, som en form for indramning af spillende men udover det har vi prøvet at begrænse os med hensyn til farver og elementer, da det ikke burde være nødvendigt, nu hvor billedet som vi brugte til inspiration klarede sig fint uden. Share the adventure Tankerne bag vores tagline er at vi opfordrer folk til at dele de oplevelser, minder og eventyr som de har haft gennem livet foran skærmen. For selvom at nogle mennesker forbinder computerspil med en nørdet livsstil, så husker mange alle de timer de har brugt foran skærmen som barn og måske voksen, som en god og hyggelig tid. Vores klasse kammerat Helena, så ved et tilfælde vores annonce og så snart hun så det gamle Hercules spil fra 1997, trak hun på smilebåndet og udbrød - Herkuladedrik!, som er en livgivende drik, i spillet. Helena er bestemt ikke en gamer og har ikke spillet Hercules spillet mange år, men alligevel var gensynet nok til vække gode minder, og hvis hun stadig har det derhjemme kan det være hun får lyst til at spille det igen eller Share the adventure. På billedet[6] ser man henholdsvis, spillet Crash Bandicoot fra 1996, og Spyro fra 1998, som er nogle af de mest mindeværdige spil Med hensyn til medie mener vi at de ville være ideelt at indrykke vores annonce i gamereactor, som er et fysisk blad men også en hjemmeside for spilinteresserede, da vi dermed ville nå en stor del af målgruppen. Derfor er vores annonce A4 format pga. det er en af de reklameformater som Gamereactor tilbyder. [6] Screenshot fra mobil telefon

19 36 Designmanual Tekniske løsninger 37 Designmanual Målet med Gameswaps design og visuelle identitet er at virksomhedens værdier kommer til udtryk og dermed giver folk et hensigtsmæssigt indtryk af vores service. Grafisk signatur Gameswaps logo fremstår som et trovær- Logo-farver CMYK Skal kun benyttes i forbindelse med tryk. RGB Tages i brug ved anvendelse af elektroniske medier. User-case User-cases bruges til at illustrere hvad der foregår i det scenarie kunden har med virksomheden. Vores user-cases fortæller os hvilke elementer og handlinger der foregår når kunden bruger vores service.[7] ER-diagram ER-diagram bruges normalt til at give overblik over det kort man har i hele database, men eftersom vi kun har én tabel i vores database så er der kun enkelt tabel der ikke skaber den effekt man normalt vil have i en stor database. digt og ambitiøst brand som også har en vis seriøsitet og professionalisme over sig. Gameswaps karakteristiske S repræsenterer kerneværdien i gameswap, nemlig at swappe/ Visitkort bytte. Tryk CMYK-farver ved tryk Den mørkeblå giver Gameswaps service et oprigtigt udtryk som komplimenteres af den SIGNATUR varme orange farve som skaber en spæn- Ved afsendelse af fra Gameswaps dende kontrast. medarbejdere skal signatur blive taget Typografi til PC og trykte medier Verdana skal anvendes som typografi til PC og trykte medier Verdana regular ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Verdana bold ABCDEFGHIJKLMNOPQRSTUVX- YZÆØÅ abcdefghijklmnopqrstuvxyzæøå i brug. Powerpoint Guidelines for Gameswap powerpoint. Valg af gennemgående farvebrug skal primært være de 2 farver i gameswap emblemet. (Gameswap Blå + Gameswap Orange) Alle powerpoint slides skal indeholde den kongeblå koncern bjælke, nederst på slidet. Derudover skal alle overskrifter skrives med Future Forces i orange. Alle overskrifter skal understreges med en blå streg. Vandmærket skal indgå i alle sammenhæng i det nederste højre hjørne. Tryk SEO Til at optimere vores site til søgemaskiner, har vi brugt nogle forskellige online værktøjer og guides. Vi har brugt en tool fra seoanalyst.dk(referencer Dette tool viser hvordan vores title tag ville se ud i en søgemaskine, og de oplyste ord vi har søgt på. Til vores meta tag har vi brugt en online guide.[8] Vi har kun brugt meta name tagget description, da vi har lært i undervisningen at moderne søgemaskine ikke inkludere meta name tagget keywords i deres søgninger. CMYK-farver ved tryk [7] Se stor user-case i Bilag [8]

20 38 Tekniske løsninger forberedelse til Brugertest 39 Simplegrid box som variablen container. Koden kører Forberedelse til usability tests teressant, men har nogle spørgsmål som du Hjemmesiden bruger et predefineret grid en if statement ved tryk på loginknappen Vi har som mål for sitet, at skabe en så god gerne vil have svar på. Du skal derfor tage kaldet simplegrid der floater containerne på hjemmesiden. If statementet checker og brugervenlig site som overhovedet muligt. kontakt til Gameswap. Hvordan gør du det? til venstre, og sikrer at elementerne står om man har trykket på loginknappen eller Derfor har vi forberedt nogle spørgsmål til over hinanden. Griddet har defineret for- på elementer inden i loginboxen. Hvis en gangstertest og en brugertest, som vi vil Scenarie #2: skellige classes, f.eks. col-1-1 der sætter el- dette ikke er tifældet bliver boxen skjult foretage os, i ugen op til fremlæggelsen af Du vil gerne være bruger på siden, og du skal ementet der bruger classen til at fylde den ved fadeout. opgaven. Det er meningen af nogle af test- derfor oprettet en bruger. Hvordan gør du maksimale vide i griddet. Griddet benytter personer skal testes på desktop sitet, mens det? sig også af flere mediaquerys så siden $(document).click(function(e){ nogle skal teste mobil sitet. Nedenfor har vi defineres efter skærmstørrelse, hvilket listet vores spørgsmål, som vi har forberedt Scenarie #3: tillader eksempelvis en mobil, tablet og ba- var container = $(.loginbox ); til at bruge på? testpersoner. Du skal nu finde et spil du gerne vil spille, og sisside med bedre optimeret layout. if da du har en Playstation 3, skal du finde et (!container.add(.login ).is(e.target) Gangstertest spil der fungerer hertil. Hvordan gør du det?.less && container.has(e.target).length 1. Websitets identifikation: Hvilket website Hjemmesiden benytter sig også af Css-pre- === 0) befinder du dig på? processor i form af.less filer. Less tillader { container.fadeout({duration: 100, 2. Sektioner: Hvilke overordnede sektioner at man kan definerer sine egne attributer queue: false});} findes på websitet? såsom background-color: gsb; og sam- }); 3. Underside: Hvilken underside befinder du menfletning af flere css dokumenter ved dig på? hjælp af importering. 4. Lokal navigation: Hvilke muligheder har PHP og mysql du på dette niveau/hvilke undersider find- jquery Vi har til registrering på hjemmesiden es på samme niveau? Vi har benyttet jquery til vores loginbox. benyttet os af PHP og mysql til at oprette 5. Placerings-indikatorer: Hvor er du i den Koden definerer at boxen skal vises ved en database med primærnøgle og linke samlede struktur/ Hvordan er du kommet tryk på loginknappen og forsvinde ved tryk den til hjemmesiden. hertil? på et element uden for boxen. Kodeord feltet har tilføjet kryptering så 6. Søgefunktion: Kan du søge, og hvor kan I linjen: man ikke kan aflæse det i databasen. du det? $(.loginbox ).stop(true, true).fadein({duration: 200, queue: false }); Brugertest defineres det at boxen ikke skal kunne I brugertesten, har vi lavet? scenarier som queues ved flere tryk, hvilket modvirker at vores testpersoner skal igennem. boxen kan komme til at blinke ved mange tryk. Scenarie #1: I den nedenstående kode defineres login- Du finder sitet og servicen den tilbyder in-

21 40 Konklusion Bilag 41 Konklusion og refleksion At starte en virksomhed er ikke bare lige til. Der ligger mange timers planlægning og analyse bag, og vi indså hurtigt at det var en kæmpe opgave at få en relativ simpel hjemmeside op at køre. Derudover så der en masse skriftligt arbejde, hvor vi skulle analysere markedet og vores kunder/brugere. Vi mener selv at vi fik opfyldt vores krav om at lave en service der tillader brugere at bytte spil let og uden besvær. Dette fik vi opfyldt ved at lave et site der er nemt og overskueligt. Derudover fandt vi hurtigt ud af at der i stor grad var behov for sådan en service i Danmark, da der på nuværende tidspunkt ikke findes en lignede service. Derudover ligger vores service godt til vores målgruppe. Vi har lavet en annonce for at skabe opmærksomhed til sitet, men det vil kræve mere end kun annoncer at få en høj kendskabsgrad til sitet. Sidst men ikke mindst, mener vi at en service som Gameswap, kan komme op og køre. Markedet er stort, og der findes ingen konkurrenter på markedet. men vi mener som sagt at det er muligt at få lavet sitet funktionelt, og at vores service ville kunne blive en succes. Projektet viste sig fra dag et, at være stort, og vi fik hurtigt travlt med at planlægge projektet ordentligt. Vi mener selv at vi stå med et færdigt produkt vi kan være stolte af, da vi formåede at strukturerer arbejdet godt, og komme i mål med de målsætninger vi havde. Selvfølgelig er vores site kun en prototype, og der skal en del til at sitet kommer til at virke helt optimalt. Dette vil kræve meget arbejde,

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

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

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

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

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

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

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

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

Grafisk Design 70% Skitser

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

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

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

Læs mere

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

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

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

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

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

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

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

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 Opgaven I er en gruppe multimediedesignerstuderende, der har besluttet at starte jeres egen virksomhed. I kan frit vælge, hvilken

Læs mere

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

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

Læs mere

Grafisk 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

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

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

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

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

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

primær er informativ og dermed appellerende til fornuften og rationaliteten.

primær er informativ og dermed appellerende til fornuften og rationaliteten. Opgaven Opgaven lød på at fremstille et nyt design til en hjemmeside for udlejning af lokaler, som Mil-tek tidligere har haft online, men som pt er lukket ned. Kunde og ansvar Kunden har været Mil-tek

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

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

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

# Redesign af copenhagenskatepark.dk

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

Læs mere

GRAFISK 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

Grundforløbsprøve Projektbeskrivelse

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

Læs mere

GRAFISK 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

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

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

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

G R A F I S K D E S I G N L O G O

G R A F I S K D E S I G N L O G O GRAFISK DESIGN LOGO Andreas Ernst Tørnqvist / Grafisk Design Opgavebeskrivelse Jeg fik stillet opgaven at designe en iden ti tet til min vens nye It-support firma. Opgaven var fri, der var ingen krav,

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

PROCESSUM DESIGNMANUAL 1.0 2013

PROCESSUM DESIGNMANUAL 1.0 2013 PROCESSUM DESIGNMANUAL 1.0 2013 1 INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE FORORD RETNINGSLINJER LOGO PLACERING OG BRUG FRIZONE: PLACERING: TYPOGRAFI PRIMÆR TYPOGRAFI SEKUNDÆR TYPOGRAFI KOMMUNIKATION GRUNDPAPIR

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

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

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

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael Indholdsfortegnelse Problemformulering Problemformulering... s. 1 Kommunikation... s. 2 Model... s. 2 Analyse... s.

Læs mere

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

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

grafisk // design // d k sign

grafisk // design // d k sign gr a fis grafisk e // d k sign grafisk vinbog / redegørelse / brainstorm og inspiration / farver, fonte og logo / layout / opslag / omslag HVAD? Design og opsætning af et fiktivt magasin, Plus, hvor design

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

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

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

Grafisk produktion & workflow: Alt til forfesten

Grafisk produktion & workflow: Alt til forfesten Grafisk produktion & workflow _ 33 / 23 Grafisk produktion & workflow: Alt til forfesten Produkt _ Jeg har i længere tid gerne ville opbygge min egen webshop. september 2014 tog jeg mig sammen og opbyggede

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

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

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

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

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

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

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

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

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

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

Y ELL O W G REN A D E

Y ELL O W G REN A D E YELLOW GRENADE OPGAVEN Nick Christiansen kontaktede mig på Facebook. Han havde set mit coverbillede, (ulven ses på modstående side) som jeg har tegnet i Illustrator. Han var helt vild med ulven, der udelukket

Læs mere

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

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

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne.

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne. GRAFISK DESIGN REDEGØRELSE GRAFISK DESIGN 3 OPGAVEN skulle have opdateret deres nuværende identitet, og kom derfor til os og ønskede et redesign af logo, emballage og website. Vi tog imod opgaven, og glædede

Læs mere

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

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

Læs mere

GRAFISK 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

Projekt 5 - Porfolio Redesign

Projekt 5 - Porfolio Redesign Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown

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

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

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

Læs mere

Hotel Hans Egede. Designmanual (råskitseret) Version 0.7 / oktober 2012

Hotel Hans Egede. Designmanual (råskitseret) Version 0.7 / oktober 2012 Hotel Hans Egede Designmanual (råskitseret) Version 0.7 / oktober 2012 Introduktion 1 Hotel Hans Egede ønsker ny grafisk design identitet, og har i den forbindelse forespurgt på et oplæg fra forskellige

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

Trin for trin guide til Google Analytics

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

Læs mere

DESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse.

DESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. DESIGN MANUAL Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. Designmanualen er et værktøj til brug for dem, der i det daglige

Læs mere

Portfolio Grafisk Design Grafisk Design

Portfolio Grafisk Design Grafisk Design Grafisk Design Portfolio Grafisk Design Grafisk Design Opgaven gik ud på at lave et postkort, der skulle reklamere for et åbent hus-arrangement på Aarhus Tech. Opgaven er lavet i samarbejde med skolens

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

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

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

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

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

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev

Læs mere

KODNING AF RESPONSIV DESIGN

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

Læs mere

Interviewer: Men da du så kom ind på siden hvad var dit førstehåndsindtryk af den så?

Interviewer: Men da du så kom ind på siden hvad var dit førstehåndsindtryk af den så? Transskribering af interview med EL Udført tirsdag den 27. November 2012 Interviewer: Hvordan fik du kendskab til Pinterest? EL: Øj, det er et godt spørgsmål! Hvordan gjorde jeg det? Det ved jeg ikke engang.

Læs mere

GRA DESIGN. HEARTS & MINDS

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

Læs mere

Billedbehandling. Roll-up banner til Kvickly i Ribe

Billedbehandling. Roll-up banner til Kvickly i Ribe Billedbehandling Roll-up banner til Kvickly i Ribe Opgave i billedbehandling Jeg fik tilbuddet om at lave et Roll-up banner til Kvickly i Ribe. De har hver torsdag og fredag vinsmagning nede i butikken,

Læs mere

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er 38 Grafik design Opgave beskrivelse Overordnet kommunikation Opgaven er en hjemmesiden, lavet for en kunde Ulla Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven

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

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

Dokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet.

Dokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet. Dokumentation På de følgende sider findes dokumentation for arbejdsforløbet under portefolioprojektet. Dette består primært af forskellige illustrationer af brainstorm, overvejelser vedrørende informationsarkitektur

Læs mere

Grafisk Design. Facebook: Opdatering fra en Teenager en typisk fredag aften. Kilde: Min kusines datter.

Grafisk Design. Facebook: Opdatering fra en Teenager en typisk fredag aften. Kilde: Min kusines datter. Brainstorms Brainstorms INSPIRATION Facebook: Opdatering fra en Teenager en typisk fredag aften. Kilde: Min kusines datter. Sjovt med skråtstillet, skaber dynamik i opslaget. Fed taleboble til små-annoncer.

Læs mere

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

Grafisk design Logo til sports event. Andreas Ernst Tørnqvist

Grafisk design Logo til sports event. Andreas Ernst Tørnqvist Logo til sports event Andreas Ernst Tørnqvist Redegørelse Opgaven Opgaven omhandler forslag til logo for Sportslege 2013. Bidrag Jeg vil tage udgangspunkt i et logoforslag, som jeg ud arbejdede til lejligheden.

Læs mere

Grafisk DESIGN. Hjemmeside

Grafisk DESIGN. Hjemmeside Grafisk DESIGN Grafisk DESIGN Hjemmeside indhold 3 Opgaven 0 Skitser 4 Inspiration Skitser/proces 5 Farvevalg og typografi Færdigt logo 6 Skitser 3 Proces 7 Fotostil 4 Udvalgte koder 8 Storyboard og flowchart

Læs mere

CHAMP. Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Maria Jacobsen, 12gf32med8b, Aarhus TECH

CHAMP. Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Maria Jacobsen, 12gf32med8b, Aarhus TECH CHAMP Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Grafisk design Opgaven Opgaven lød på at designe undertøjsemballage til det fiktive undertøjsfirma Inderst Inde. På æsken skulle der være

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

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard Grafisk design Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Sognegaarden - Hedensted Opgave: ny grafisk identitet og hjemmeside Programmer: Indesign, illustrator og photoshop Farverum: CMYK

Læs mere