sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
|
|
- Niels Dideriksen
- 5 år siden
- Visninger:
Transkript
1 sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk, Andreas cph-ah251@cphbusiness.dk Online løsning: Github repository: Redesign som prototype i Adobe Xd:
2 Redegørelse for GitHub strategi Første dag sad vi og kodede sammen og den der så først fik lavet en menulinje og forside, der kunne bruges, lavede et repository på sit GitHub. Da vi ikke kunne få forking til at virke uden at komme til at ødelægge hinandens arbejde, så klonede alle i gruppen koden fra repositoriet og forsøgte at løse de problemer, der var opstået. Den, der så fik løst de udfordringer vi havde på den bedste måde, uploadede deres projekt til deres egen repository og så klonede de andre i gruppen den og forsøgte at løse de næste udfordringer, der opstod. Derudover har vi på vores side også andre undermenuer, disse blev lavet fortrinsvis i mapper, så deres forside og stylesheets var samlet. Udover de forskellige sider lavede vi også en mappe kaldet images, her er alle de billeder vi bruger på siden samlet. Til sidst har vi samlet alle siderne på et GitHub repository, som har linket: sweetbothotbot. Dette link er et som alle kan gå ind og kigge og clone, derved har alle medlemmer mulighed for at downloade siderne. I selve GitHub har vi brugt startegien således, at vi har opbygget siden på Sweetbot forsiden (index). Herefter har vi lavet stylesheets til denne side, en for mobil og en for større skærme. Herefter lavede vi HotBot forsiden hvortil vi også lavede stylesheets både til mobil til pc-skærme.
3 Informationarkitektur Hierarki og navigation er to vigtige dele i ethvert digitalt produkt. Den første del definerer strukturen af indhold, mens den anden involverer måder som brugerne bevæger sig igennem siden på. Vi lavede en sitemap, for klart at illustrerer indholdets hierarki på websiden og for vores egen skyld, så det blev nemmere at finde rundt i, hvordan man skulle lave navigationen, da vi begyndte at kode. Dette lavede vi ud fra en undersøgelse, hvor vi havde talt med forskellige personer, som fortalte, hvad de forventede af hjemmesiden. Herefter udarbejdede vi en wireframe, for både Sweetbot og HotBot forsiderne. De gængse informationer er nogle, som går igen på alle siderne, så som logo, menu og footer.
4 HotBot Logo Vi startede vores proces med at brainstorme, hvad vi mente HotBot logoet skulle symbolisere samt, hvad der var indforstået med siden. Herfra fandt vi frem til, at man forbandt det med en robot og noget e-handel. Herefter skitserede vi forskellige robot hoveder, som skulle være udgangspunkt for logoet. Næste trin var at tegne den valgte skitse ind i illustrator. Vi valgte i første omgang at tegne den i sort og uden baggrund. Derudover mente vi også at der skulle være et billede repræsenterende for HotBot, som værende det første kunden ser, når de trykker ind på siden. Hertil tog vi det yderste af vores logo design og skiftede robotten ud med et flueben, for at symbolisere, at det er godkendt og korrekt. Til sidst lavede vi logoet i de forskellige farver, som siden har af farve tema. Det er altså muligt ligesom med Sweetbot logoet at få vores logo i flere farver, både logoet med robot og fluebenet. Efterfølgende synes vi, at logoet med kun robot hovedet, ikke var specifik nok, da kunden ikke ville vide at det var et menupunkt eller hvad det egentlig stod for. Derfor besluttede vi at tilføje teksten HotBot som en del af logoet. For at kunne implementere teksten ordentligt, brainstormede vi nogle forskellige muligheder. Her kom vi frem til det endelige logo, til selve HotBot, hvor vi tilføjede tekst i en cirkel til vores robot hovede.
5 Ikoner Vi brugte samme proces, som til logoet, for at lave ikonerne til HotBot siden. Her diskuterede vi om, hvilke ikoner som skulle bruges på siden, så de gav mest mulig mening. Her kom vi frem til, at vi ville bruge tre ikoner: identitet, sikkerhed og design. Disse kom vi frem til, da vi mener at det er dette som kunden får ved at bruge HotBot, og i det hele taget, hvad firmaet udlover. Vi brainstormede ikonerne og deres betydning, og kom frem til at: - Identitet silhuet af menneske - Sikkerhed hængelås / skjold - Design pensel / blyant Disse tre ikoner, bruger vi på vores HotBot side, som indikation for de tre egenskaber HotBot medfører i købet.
6 Brugertest Vores brugertest er konkluderet ud fra flere forskellige testpersoner. De forskellige testpersoner har fået linket til hjemmesiden, hvor de har haft mulighed for at gennemgå siden selv i et par minutter. Herefter er siden gennemgået på deres præmisser, hvor de har kommenteret undervejs, hvad de fandt nødvendigt, at der mangler eller hvad de finder godt ved siden. Brugeren kommenterer meget på at HotBot logo i menuen ikke giver nogen mening, at der i stedet kun skal stå HotBot og derefter logo komme på siden, når man kommer ind. Gennemgående for burgeren på alle siderne er, at designet og selve layoutet passer godt sammen. Brugerne kommenterer, at der er et gennemgående tema, som bliver holdt. Temaet virker enkelt. Dog kunne de godt tænke sig, at der nogle steder var noget mere farve, som trådte frem. Brugerne kommer med en forespørgsel ved gennemgang af siden, nemlig en genvej på forsiden. Her bliver der kommenteret på, at det ville være nemmere for brugerne, at web design, internet security og branding billederne alle sammen ville lede ind til deres respektive side som, hvis man trykker i menuen. Brugere kommenterer i forhold til forsiden, at ikonerne under firmaet, ikke sidder lige, når hjemmesiden kigges på i stor skærm. Bruger mener de burde sidde lige eller at der skal være et gennemgående mønster for den ikke sådan, at de er forskellige højder.
7 Efter feedback fra undervisere Projektet blev afsluttet med en fremlæggelse for vores studiekammerater og to undervisere. De to undervisere gav efterfølgende feedback på vores projekt, som vi skulle bruge til at lave et redesign, når vi kom til eksamensprojektet på 1. semester. Vi fik meget feedback på designet. Menuen hang og fløj ude til højre, og ændrede placering alt efter hvilken side man befandt sig på. Udover det var der ikke nogen indikator på, hvilken underside man var på i menuen. HotBot punktet i menuen gav heller ikke mening, eftersom man som udefrakommende egentlig ikke ved, hvad HotBot er. Screenshot af den gamle version. Eftersom det var designet, der var mest feedback på, så valgte jeg, sammen med et af gruppemedlemmerne, Andreas, at lave et redesign som en prototype i Adobe Xd. For at lave dette startede vi med at tegne nogle wireframes for at få os på rette vej. Vi havde også meget centreret tekst til beskrivelser under billeder og ikoner, hvilket ikke fungerede og det ville blive svært at læse og holde sammen på, hvor man var kommet til, når der kom rigtig tekst på. Det sidste var, at de store billeder på undersiderne, webdesign, internet security og branding, var alt for store og dominerende. Man skulle bladre lidt for langt før man kunne se at der nedenunder rent faktisk befandt sig noget indhold. Forside wireframe
8 Underside wireframe Her fokuserede vi meget på at få tingene til at stå i rette linjer, gøre navigationen lettere og gøre siden bare lidt mere farverig ved at ændre på logoet og HotBots baggrundsfarve. Udover det fik vi også ændret på undersiderne, og valgte helt at gå væk fra det store billede, da det egentlig ikke var nødvendigt. Efter ændringer i Adobe Xd
9 Indhold 1.0 Introduktion 2.0 Logo design 2.1 Ikoner
10 Introduktion Oversigt Formålet med disse retningslinjer er at forklare brugen af den nye mærkeform og styrke konsistent anvendelse af de visuelle elementer i al kommunikation. Dette omfatter publikationer, præsentationer og alle andre marketingmaterialer både online og offline. Retningslinjer for brug af logoet er inkluderet.
11 Vores "identitet" Vores identitet er det logo, der præsenteres for de danske kunder. Det er lige så vigtigt som de produkter og tjenester, vi leverer. Vores visuelle identitet er den samlede effekt af logo, produkter, varemærke, varemærke, reklame, brochurer og præsentationer - alt det der repræsenterer os. Fordi mærket ikke kan kompromitteres, har vi oprettet denne vejledning for at give alle de relevante specifikationer, du har brug for for at bevare sin integritet. Retningslinjerne i dette dokument er ikke ment at hæmme, men for at forbedre den kreative proces. Ved at følge disse retningslinjer vil de materialer, du opretter, repræsentere vores firma sammenhængende med omverdenen.
12 Logo design
13 Primære logo
14 Sekundære logo
15 Alternative farver til logoet
16 Ikoner
17 Primære ikoner
18
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 mereEKSAMENS 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 merePortfolioudvikling. 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 mereEt 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 mereMultimediedesign 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 mereMedvind 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 mereUdover 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 mereMÅ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 mereDenne 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 mere1. 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 mereFRISØ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 mereAfsluttende semesterprojekt - 1. Semester
Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015 Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest...
Læs mereProdukt. 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 mereGrafisk 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 merePortfolie 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 merePortfolio 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 merePORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
Læs mereDokumentation. 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 merePortfolio 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 mereRedesign 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 mereKODNING 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 mereGrafisk 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 mereGruppe 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 mere4. 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 mereOPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.
01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny
Læs mereMultimediedesigner. Portfolio
Multimediedesigner Portfolio Eksamensprojekt 1. sem. Dec. 2017 - Jan. 2018 Formål Formålet med portfolien er at præsentere og dokumentere dit faglige niveau og vise din faglige udvikling samt gøre dig
Læs mereDisse 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 mereGRAFISK 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 mereBag om projekterne. Flow 1 Flow 2 Flow 3 Flow 4 Flow 5. Her kan du navigere dig rundt i opgaven: (Note: the following will be in Danish)
Bag om projekterne (Note: the following will be in Danish) Hvad kan jeg finde her? I dette dokument får du et kronologisk indblik i processen bag mine skole projekter: hvad mine idéer var, hvad jeg har
Læs mereGrafisk 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 mereGrafisk 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 mere3. PROJEKT. Cph Business MULA SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE.
3. PROJEKT Cph Business MULA JB PLASTICS INFOGRAFIK SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE. INDHOLDSFORTEGNELSE PART 1 - Intro - Brainstorm - PBS -
Læs mereELEMENTER 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 mereGoogle websites. https://sites.google.com. Pædagogiske og didaktiske mål
Google websites https://sites.google.com Pædagogiske og didaktiske mål Et værktøj til at samle og dele klassens materialer og noter på ét sted med mulighed for et lækkert layout. Der kan lægges dokumenter
Læs mereProjekt 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 meregrafisk 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 mereWebsite design 1. semester, Projekt 3
Website design 1. semester, Projekt 3 Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt
Læs mereKomunikation/It C Helena, Katrine og Rikke
HTX Afsluttende projekt E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013 Systemudvikling Indledende aktiviteter Kommunikationsplanlægning for projektet, Laswells fem spørgsmål. o Hvem
Læs mereProjekt Kom/it A Semester 6
Jeanette Bengtsen og Isabel Odder Projekt Kom/it A Semester 6 Applikation - Virette Klasse 3.5k 05-04-2011 Indholdsfortegnelse: Indledning:... 2 Bollemodel:... 3 Formål og præmis:... 3 Indhold:... 3 Målgruppe:...
Læs mereSelv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:
Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.
Læs mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs mereBrugervejledning til Design Manager Version 1.02
Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1
Læs mereWBS. 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 mere6. 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 mereUdarbejdet 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 mereGrafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...
Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer
Læs mereGrafisk 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 mereKARINA KONRAD USER EXPERIENCE PORTFOLIO. Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer
KARINA KONRAD USER EXPERIENCE PORTFOLIO Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer interaction. Jeg kan: - finpudse det, du ønsker at sige til dine
Læs mereGRAFISK 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 mereHenrik Pedersen 3. HTX Jonas Johansen 16/01/2015. Visuel Identitet Ditlev Hellesøe
Visuel Identitet Ditlev Hellesøe 1 Indholdsfortegnelse Problemanalyse... 3 K Strategi... 3 Idéudvikling... 4 Medieproduktion... 5 Test... 6 Offentliggørelse... 6 Konklusion... 6 2 Problemanalyse Ditlev
Læs mereFronter for elever - Første undervisning
Fronter for elever - Første undervisning Fronter for elever - Første undervisning 1 Kom godt i gang 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 0) Nulstille unilogin i UMS - (Elev) 4 1) Logge på Fronter
Læs mereafsender Aarhus Folk Festival
GRAFISK DESIGN Hjemmeside Redegørelse Hvad går opgaven ud på? Design af hjemmeside i wordpress fra start til slut til mindre festival i Aarhus område. En stor udfordring var at lave programmeringen så
Læs mereStine 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 merePROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen
PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website
Læs mereGRAFISK 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 mereBilag 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 mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mereVejledning for LOF s afdelingshjemmeside
Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en
Læs mereHardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside
Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log
Læs mereGrundforlø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 mereGrafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow
Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret
Læs mereIndhold 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 mereMULTIMEDIEDESIGNER 1. ÅRS PRØVE
MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.
Læs mereGRAFISK PRODUKTION OG WORKFLOW
GRAFISK PRODUKTION OG WORKFLOW WYBRANDT.COM Webdesign til Kalundborgegnens Erhvervsråd Kalundborgegnens Erhvervsråd stod til at skulle ha en opdateret side, med bedre navigation og et ansigtsløft Opgave
Læs mereGuds Fred Grafisk produktionsforståelse
Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. 35 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt
Læs mereGRAFISK 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 mereWebsite design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet
Website design for WALK & TALK LYNGBY STAVGANGSKLUB Gruppemedlemmer fra Mul A Auguste Ottesen Ida Bach Mark Harboe Patrick Eilert https://augusteottesen.wordpress.com https://idabachhansen.wordpress.com
Læs mereVi glæder os til at arbejde sammen med jer! De bedste hilsner. Sebastian Hansen og Bjarke Nielsen HeltSimpelt.dk
Vi glæder os allerede! Nu går det spændende arbejde i gang og vi skal om lidt levere jeres nye hjemmeside, blog, webshop eller alle tre dele samlet i et. Derfor skal vi bruge en kravsspecifikation, så
Læs mereMultimediedesigner. 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 merePortfolio. Logo. Farvepalette. Typografi. Wireframe. Responsive design. Arbejdsproces. Grafisk design
Grafisk design Portfolio Opgave:Digital portfolio til skoleopgave Hos Vink Plast arbejder vi ikke ret meget med digitalt design, så jeg besluttede at lave opfinde en opgave for at få arbejdet med kompetencen.
Læs mereGRAFISK 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 mere1 // 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 mereMARIA 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 mereRAPPORT 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 mereGRA 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 mereFredag 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 mereAdobe Acrobat Connect brugergrænsefladen
Adobe Acrobat Connect brugergrænsefladen Adobe Connect er et webbaseret videokonferenceværktøj, der giver mulighed for online, synkron kommunikation, deling af filer, skærm og whiteboard, gennemførelse
Læs merePROCESSUM 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 mereHHBR. 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 mereJEG 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 mereGrafisk Workflow. hovedforløb 2
Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover
Læs mereIA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME
IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME # 1 NAVIGATION DESIGN BRUGERENS VEJ TIL INDHOLD NAVIGATION ER ALLE DESIGN ELEMENTER DER GUIDER BRUGEREN TIL INDHOLDET HVOR ER JEG LAD BRUGEREN VIDE
Læs mereProject 5: Portfolio Remake
Project 5: Portfolio Remake Art is a tree of life. William Blake December 2014 Januar 2015 1. semester, MulA, Multimediedesigner uddannelse Copenhagen Business Academy, Lyngby annastacy.k@gmail.com Indholdsfortegnelse
Læs mereGrafisk design / Frederik Aaen / Portfolio H2 GRAFISK DESIGN
25 GRAFISK DESIGN FØR VI GÅR I GANG I forbindelse med stiftelsen af et firma, skal der udarbejdes et navn og logo. Opgavebeskrivelse En mindre virksomhed i Skanderborg ønsker en visuel identitet for at
Læs merePROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC
grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en
Læs mere2/ 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 mereOpstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS
Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,
Læs mereDokumentation. 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 mereReklameanalyse - trykte reklamer
Reklameanalyse - trykte reklamer Undervisningsmateriale i analyse af trykte reklamer Egnet til mellemtrin Indholdsfortegnelse Introduktion.... 1 Formål... 1 Forløb... 2 Lektioner... 3 Lektion 1-2... 3
Læs mereGRAFISK 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 mereGrafik 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 merestartup.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 mereHjemmeside design til Everyday Health
Graf isk Design Hjemmeside design til Everyday Health Graf isk Design/Dokumentation Opgave Ejen af Everyday Health klinikken i København, kunne godt tænke sig at hendes nuværende hjemmeside blevet lavet
Læs mereFørsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner
Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige
Læs mereWebsite projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk
Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv
Læs mereGrafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mere