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... andrs.lauridsen@gmail.com Portfolio: s733l.dk/projects/startuplearning.html Underskrift... Anders Wetterstein... a.wetterstein@gmail.com Portfolio: s733l.dk/projects/startuplearning.html Underskrift... Casper Christiansen... casper.christiansen1992@gmail.com Portfolio: s733l.dk/projects/startuplearning.html Underskrift... Rasmus Seindal... rasmus@seindal.com 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,

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

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

Læs mere

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

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

Michella+Serritzlew+Jacobsen+

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

Læs mere

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Portfolio. Udvikling af min portfolio Link til portfolio:   Michell Aagaard Dranig Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio

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

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

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

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

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

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

E-zine Online magazine

E-zine Online magazine E-zine Online magazine Anders Cramer Nielsen - http://www.anderscramernielsen.dk Bjarke Handsdal - http://handsdalize.com Casper Ragn - http://www.portfolio.casperragn.com Niels Otto - http://ottouch.com

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

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

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

Læs mere

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

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

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

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok

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

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 9 Visuel Interface Design, 27/09/2011 Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående

Læs mere

Grafisk produktion & workflow

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

Læs mere

Grundforløbsprøve Projektbeskrivelse

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

Læs mere

Grafisk produktion & 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

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

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

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,

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

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

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

Læs mere

BRUGTE KLODSER TIL NYE IDEER DESIGNMANUAL & SOCIAL PLAYBOOK

BRUGTE KLODSER TIL NYE IDEER DESIGNMANUAL & SOCIAL PLAYBOOK DESIGNMANUAL & SOCIAL PLAYBOOK 1 DESIGNMANUAL INDHOLDSFORTEGNELSE Designmanual 4 Brug af logo 10 Farver 11 Typografi 12 Maskot Social Playbook 14 Hvad er en social playbook? 15 Facebook 17 Instagram 19

Læs mere

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

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

Læs mere

2/ Sofia Seidler H3 Svendeprøve

2/ Sofia Seidler H3 Svendeprøve GRAFISK DESIGN OPGAVEN: Jeg har valgt at lave en fiktiv opgave for et nystartet brand ved navn, som sælger t-shirts og plakater med dyreprint som motiver. Jeg har haft fokus på deres logo, visitkort, gogards,

Læs mere

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

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

Læs mere

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

I det kommende afsnit vil vi løbende komme ind på de enkelte resultater og samtidig komme med bud på, hvordan disse kunne løses i fremtiden.

I det kommende afsnit vil vi løbende komme ind på de enkelte resultater og samtidig komme med bud på, hvordan disse kunne løses i fremtiden. Opsummeret Feedback Introduktion I dette dokument vil vi opsummere de mest relevante resultater, der kom fra begge de afholdte workshops. De mest relevante resultater var dem, der igennem begge workshops

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

Projekt 1 Re-design af Odense Bunkermuseum

Projekt 1 Re-design af Odense Bunkermuseum Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne

Læs mere

Forside 1: Bagside og bogryg:

Forside 1: Bagside og bogryg: Bagside og bogryg: Bagsiden og bogryggen er lavet i de samme farver som forsiden for at opnå et gennemgående og sammendhængende look. Stregen som skal forestille jernbanen er også fortsat på både bogryggen

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

Grafisk design. sundfertilitet.dk

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

Læs mere

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

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet

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

GRAFISK DESIGN. webdesign af pl.dk

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

Læs mere

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

Udarbejdet i uge 23-24, 2014 Michelle Ploug Hansen 02 Grafisk Design

Udarbejdet i uge 23-24, 2014 Michelle Ploug Hansen 02 Grafisk Design Udarbejdet i uge 23-24, 2014 Michelle Ploug Hansen 02 Grafisk Design Det gode logo kommunikerer værdier og taler til målgruppen. Derfor starter man altid med at lære kunden at kende, det kan enten gøres

Læs mere

Making the world smile

Making the world smile Making the world smile http://www.somethingsimple.dk/projects/hasbrocsr/index.html Hasbro-gruppen - MulB 2.sem: Ivan Christensen, Jonas Falk & Augusta Naundrup Problemformulering 3 PBS 4 WBS 4 Gantt chart

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

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 PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

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

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

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

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

GRAFISK DESIGN DOTHOST HJEMMESIDE

GRAFISK DESIGN DOTHOST HJEMMESIDE DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem

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

Designmanual. Romalt Idrætsforening 1981

Designmanual. Romalt Idrætsforening 1981 Designmanual Romalt Idrætsforening 1981 Introduktion Kære brugere af denne designmanual Denne designmanual omhandler pri mært brug af logo og farver i Romalt IF s designlinje. Den er ment og tænkt som

Læs mere

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

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

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

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

Læs mere

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

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

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

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

Læs mere

Grafisk workflow 3. Hovedforløb

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

Læs mere

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

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

Læs mere

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

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

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

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

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

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

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

Læs mere

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

# 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 Logo - inderst inde

GRAFISK DESIGN Logo - inderst inde GRAFISK DESIGN Logo - inderst inde Produkt Redegørlese HVAD GÅR OPGAVEN UD PÅ Denne opgave gik ud på og lave et logo for et undertøjs firma kaldt inderst inde, som skulle have en meget bred målgruppe,

Læs mere

Medvind en vejrapp for cyklister

Medvind en vejrapp for cyklister Medvind en vejrapp for cyklister Jeg har valgt at lave en vejrapp, der primært er til cyklister, som gerne vil vide om de får modvind eller medvind på deres tur. Den mere præcise målgruppe er tiltænkt

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

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

JB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2

JB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2 JB Plastic A/S 3.Projekt - Rapport MUL B - Gruppe E1 & E2 Indholdsfortegnelse JB PLASTIC A/S... 3 WBS... 3 TANKER VEDRØRENDE DESIGN AF LOGO... FEJL! BOGMÆRKE ER IKKE DEFINERET. LETTERHEAD... 5 ANDRE IDÉER

Læs mere

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:

Læs mere

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility Corporate Social Responsibility 1st project 2nd sem. February 2016 Mads Bruun Simonsen Daniel Engelhardt Alexander Klug Rasmussen Philip Nielsen LINK Cphbusiness Side 1 af 10 Indholdsfortegnelse Projektbeskrivelse.3

Læs mere

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

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

Læs mere

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter Roskilde Tekniske Gymnasium Afsluttende opgave Ældre og handicappede Frederik & Peter Indhold Indledning... 2 Problemformulering... 2 Ressource planlægning... 2 Kommunikationsplanlægning... 3 Case... 3

Læs mere

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS JB PLASTICS Gruppe D: Rie, Rasmus, Benjamin, Andreas,, 1 P a g e Contents Analyse af firmaet og dets behov... 3 Brainstorming proces... 3 WBS... 4 Start WBS en:... 4 Slut WBS en:... 6 Designproces... 7

Læs mere

DESIGNGUIDE // MAJ 2012

DESIGNGUIDE // MAJ 2012 DESIGNGUIDE // MAJ 2012 Designguiden indeholder corporate standarder og retningslinjer, der fastsætter cphbusiness grafiske identitet. De grafikfiler, som hører til cphbusiness corporate standarder må

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

Analyse af website: cinnobershop.dk

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

Læs mere

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

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

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN 2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan

Læs mere

Grafisk design. Filmblad til tablet

Grafisk design. Filmblad til tablet Grafisk design Filmblad til tablet Lodret cover Opgavebeskrivelse: Mit digitale produkt er et filmblad til tablets over månedens film. Tablet udgaven er mere kompakt og gør at brugeren får et hurtigere

Læs mere

Crowdfunding. Modul 3. CPH Business Academy. Lærere: JHI & TUJE www

Crowdfunding. Modul 3. CPH Business Academy. Lærere: JHI & TUJE www Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www. http://ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla

Læs mere

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

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

Læs mere

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

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail. CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com

Læs mere

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

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