Analyse af website: cinnobershop.dk
|
|
- Adam Ludvigsen
- 1 år siden
- Visninger:
Transkript
1 Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16
2 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske virkemidler 8 Sitemap 9 Styletile 10 Sproglige virkemidler 11 Responsivt design 12 Konkurrenter 13 REDESIGN 15 (find link til ny website) Indledning 16 Designprincipper 17 Styletile 18 Responsiv design 19 Endelige Wireframes 20 Layoutdiagram 22 Sitemap 27 Testresultat 28 Refleksion 29 konklussion på analyse
3 Kommunikation Hvem er afsenderen? Cinnober er en boghandler i København med speciale i internationale bøger og magasiner om design og kunst, samt kontorartikler og kunstplakater. Hvem er målgruppen? Grafiske designere, arkitekter, kunstnere og andre med interesse i design. Hvad er afsenderens budskab? Forsiden fortæller ikke noget om hvem de er eller hvad de tilbyder. Hvilken effekt ønsker afsenderen at opnå?. flere kunder i den fysiske butik. tilmeldinger til deres nyhedsbrev. sælge et udvalg af deres sortiment online Hvad kan du forestille dig, at afsenderen ønsker, at målgruppen skal tænke om afsenderen? Cinnoble vil sandsynligvis gerne fremstå både internationale, inspirerende og som den butik med stort udvalg og ekspertise indenfor design og kunst litteratur. 3 3
4 Wireframes home 4 4
5 Wireframes about 5 5
6 Wireframes webshop 6 6
7 Wireframes webshop/betaling 7 7
8 Grafiske Virkemidler Det funktionelle Det funktionelle behov er okay opfyldt, siden er simpelt, og overskuelig. Vi er ikke i tvivl om hvor vi kan finde de forskellige informationer. Til gengæld er den måde man bevæger sig på siden, ikke særlig funktionel, især når man ikke kan scrolle på tastatur, men skal anvende knapper, som man i øvrigt nemt overser. Så strukturen halter lidt. Navigationen halter desværre også. Vi har en menu en som ligger i bunden, i stedet for toppen, derudover har vi en home knap, hvorimod vi hellere vil have at home-funktionen lå i logoet. Rækkefølgen i navigationen skal også rykkes om, da webshop skal stå før about. Til sidst skal sproget også rettes, da noget står på dansk og andet på engelsk. Det relevante Behovet for relevans er også ganske fint opfyldt. Måske kunne der enten anvendes flere billeder, eller skæres ned i teksten, da siden er en smule teksttung. Yderligere kunne man evt. have et billede af ejeren, for at gøre siden mere intim/personlig. Det emotionelle Siden engagerer ikke brugeren emotionelt. Allerede når man ser forsiden, er man i tvivl om hvad det omhandler. Er det et bibliotek? Et projekt? Et brand? vi skal ind og læse about, og se billeder før vi har et indblik i, hvad siden handler om. Den grafiske stilart er meget simpel. Jeg vil mene at de har lavet designet sådan, for netop at fremhæve deres design-bøger (varer). Men dette design har desværre gjort siden meget standardiseret og kedelig. 8 8
9 Sitemap 9 9
10 Styletile 10 10
11 Sproglige virkemidler Det funktionelle: Teksten er forståelig, men kommer hurtig til at virke meget tung. F.eks. under about har vi kun en overskrift og en brødtekst, vi kunne godt bruge en mellem eller underrubrik til at dele teksten lidt op, og derved gøre den lettere og mere letlæselig. Relevans: Teksten er relevant ift. Siden, dog er der en meget varieret tone. Den ene halvdel af siden har en meget professionel informerende tone, mens den anden halvdel er legende og poetisk. Derfor burde man have valgt en tone, eller tilgang til teksten, i stedet for to, da det skaber uro og forvirring. Emotionelt: Igen er der to meget forskellige toner i teksten. Vi er som læsere bliver i tvivl om hvem cinnober er. Er de seriøse og alvorlige? Eller er de legende og poetiske? Jeg er meget i tvivl hvorvidt de sproglige virkemidler understøtter sidens tema
12 Responsiv design Der er ikke tænkt i at lave et responsiv design på cinnobershop.dk Derfor er der ingen breakpoints. Det gør hjemmesiden besværlig i forhold til de mobile platforme, hvor teksten bliver meget lille og til tider ulæselig, hvis man ikke zoomer ind på skærmen. Eksempelvis er det utrolig svært at navigere rundt i webshoppen, da teksten er for lille og de alt for små billder, ikke giver et ordenligt indtryk af produktet
13 Konkurrenter Cinnobles direkte konkurrenter af uafhængige boghandlere med speciale indenfor design og kunst har alle hjemmesider med det hovedformål at sælge produkter online. Forsiderne viser typisk udvalgte produkter, nyheder og tilbud. Generelt for alle hjemmesiderne er at de kun i nogen grad er responsive. dac-bookshop.dk er Dansk Arkitektur Centers online webshop. Boghandlens fysiske butik er repræsenteret på Dansk Arkitektur Centers hovedside (dac.dk), hvor events m.m. i deres fysiske butik er tilgængelig. viking1914.com og stelling.dk har udover deres webshop også blogs, nyhedsartikler, og oversigt over kommende events og udstillinger på forsiden. Det gør det mere interessant, relevant og involverende for brugeren at besøge deres hjemmesider. DAC hovedside DAC bookstore (webshop) 13 13
14 Konklusion på analyse Cinnobers site er ikke særlig stærk til at formidle hvilket erhverv det handler om, vi skal som forbruger ind og læse om hvem de er og hvad de laver, før vi egentligt ved hvad det drejer sig om. Dette er det første vi ønsker at lave om på. Det skal altså være tydeligt og klart, at cinnober er en boghandel for mode, design arkitektur mm. Derfor skal splash image, samt home menuen skildre dette klart. Yderligere skal sitets struktur laves om til en one-page. Der skal anvendes en normal scroll funktion (tastatur), i istedet for knap-funktion. Navigateren vil vi gerne flytte til toppen af sitet, hvor vi også gerne vil have rykket, samt omdøbt de forskellige sektioner så det matcher sidens indhold bedre. Home knappen vil vi have slettet, og rykket home-funktionen under logoet
15 redesign af website: Brugernavn: kea2016 Kode: mmdkode
16 Indledning Vores formål med den ny designede hjemmeside for Cinnober er at gøre deres budskab mere klart og mere brugbart. Det har vi bl.a. gjort ved hjælp af et nyt splashbillede hvor budskabet om butikken som en egentlig boghandel, gerne skal stå klart og tydeligt med en implementeret bog i billedet. Vi har også gjort siden mere overskuelig med nye symboler af deres udvalg af forskellige produkter. Processen med udarbejdelsen af symbolerne er eksemplificeret ved en skitsetegning. Vi har valgt at beholde det enkle udseende dog med lidt flere farver. Menuen er blevet flyttet op i toppen istedet for bunden og der er tilført nye sektioner som nyeste bøger, sortiment, events nyhedsbrev og kontakt. Herunder også i et responsivt design. Dette er alle sektioner vi mener er afgørende for en butik som Cinnober, hvor fokus skal være på deres sortiment og de begivenheder de afholder i forhold til deres sortiment. Teknisk er alle sektioner blevet beskrevet i et sitemape og endivdere i wireframes i både laptop og responsiv design og efterfølgende i layoutdiagrammer. Herefter kunne vi begynde at kode
17 Designprincipper Den nye Cinnober side skal, ligesom ved det tidligere design, fremstå i et simpelt og symmetrisk design, dog ønsker vi at tilføje flere farver. Selve ordet Cinnober betyder en rødorange farve, som vi derfor har valgt at inddrage. Hertil ville vi gerne beholde sidens stærke kontraster (sort/hvid), så derfor har vi yderligere anvendt en blålig nuance som er en komplementærfarve til orange. Dertil ønsker vi også at gøre kontrasten mere indirekte, ved bla. at tone farverne ned. Under sortiment sektionen (se screenshot), har vi valgt ikke at indramme sektionen. I stedet bygger denne sektionen på teorien om lighed. De forskellige bokse har samme form, farve, og størrelse, og derved skaber de et rum for sig selv. Mht. typografi har vi valgt at benytte os af sans-serif skrifttyper, igen for at understøtte det enkle design
18 Styletile 18 18
19 Responsiv design MOBILENHED LAPTOP Hvor Cinnober s oprindelige hjemmeside ikke fungere på mobilenhed har det været afgørende at få lavet et fungrende responsiv design. Af design patteren er der på den nye hjemmeside primært gjort brug af mostly fluid, da vores ikoner i både nyeste bøger og i sortiment sektionerne, bevæger sig ned under hinanden når vi formindsker skærmen. Eksemplificeret på billlederne. Det betyder at ikonerne nu er læsevenlige på de mobile enheder på en midre skærm
20 Endelige wireframes laptop 20 20
21 Endelige wireframes mobil 21 21
22 Layoutdiagram Nyeste bøger 22 22
23 Layoutdiagram Sortiment 23 23
24 Layoutdiagram Events 24 24
25 Layoutdiagram Nyhedsbrev 25 25
26 Layoutdiagram Kontakt 26 26
27 Sitemap 27 27
28 Testresultater 28 28
29 Refleksion Grafiske virkemidler Det funktionelle behov Vi har lavet en ny nav-bar som er blevet placeret i toppen af sitet, samt inddelt sidens indhold i nye sektioner. Dertil har vi rette scroll funktionen, så den fungere normalt, samt lagt home-funktionen under logoet
30 Refleksion Grafiske virkemidler Behovet for relevans Vi har rettet en del af teksten, så alt nu står på dansk, dertil har vi givet sektionerne nye overskrifter, så der er bedre sammenhæng mellem links i menuen og sidens indhold. Et yderligere forslag til hvordan man kunne optimere sproget, var måske at tilføje en bestemt tone, evt. en legende eller poetisk, da dette vil fremhæve shoppens kreative aspekt
31 Refleksion Grafiske virkemidler Det emotionelle behov Dette punkt har vi været meget fokuseret på, da den tidligere side var meget uklar i hvem de er og hvad de laver. Derfor vil vi engagere forbrugeren emotionelt ved at fremhæve hvad cinnober ernemlig en boghandel for design. Vi har anvendt et splash-billede, samt en nav-bar i toppen af siden, som begge stærkt indikere at det er en boghandel
32 Refleksion Kommunikation Hvem er afsenderen? Cinnober er en boghandler i København med speciale i internationale bøger og magasiner om design og kunst, samt kontorartikler og kunstplakater. Hvem er målgruppen? Grafiske designere, arkitekter, kunstnere og andre med interesse i design. Hvad er afsenderens budskab? Den tidligere side havde et meget svagt budskab, vi er i tvivl om hvem de er, og hvad de beskæftiger sig med. Det nye budskab skal først og fremmest fremhæve at cinnober er en boghandel for design. Ydereligere har vi et mere underliggende budskab, nemlig at cinnober tilbyder en særlig expertise indenfor design. Cinnober håndplukker deres sortiment, og på den måde kan man sige at de agere som design-experter. Hvilken effekt ønsker afsenderen at opnå? At fllere kunder i den fysiske butiktilmeldinger til deres nyhedsbrevsælge et udvalg af deres sortiment online Hvad kan du forestille dig, at afsenderen ønsker, at målgruppen skulle tænke om afsenderen? At Cinnober er et unikt og inspirerende sted, med et håndplukket sortiment indenfor design
33 Refleksion Proces og udfordringer Dag 1: Først lavede vi en analyse af cinnobers nuværende site, hvor vi udså de forskellige fejl, og dårlige funktioner vi ønskede at rette. Dag 2: udarbejdede vi nye wireframes og styletile samt tegne ikoner (se bilelde til højre) til siden. Dag 3: begyndte vi at kode. Vi delte sektionerne op internt i gruppen. Desværre var vores layout diagram ikke helt specifik nok, så der var lidt vanskeligheder med at få alle dokumenterne samlet, pga. manglende titler til de forskellige wrappers, artikler mm. Yderligere var det en udfordring at få alle ikoner, tekst, og knapper til at ligge i alignment vandret. Dag 3+4: har det især været det respontive design der har drillet. Især nav-baren i mobilversionen drillede, da vi i første omgang ønskede at links i menuen, skulle ligge lodret under hinanden. Vi måtte droppe dette da menuen ikke kunne folde sammen igen (hamburgermenu). Derfor endte det med at vi lod den stå som en flexboks. Til gengæld da vi validerede vores side, var der ingen fejl. Splashbillede, ikoner og logo er udarbejdet i photoshop. Opgaveaflevering er udarbejdet i indesign
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
GRUPPE 5 Line - Nanna - Thea - Sarah
GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode
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
Redesign af website. Website: Cinnobershop.dk. Lavet af gruppe 13: Freja Astrid Petersen Jannik Olaf Randrup Søren Koefoed R. Madsen Malina M.
Redesign af website Website: Cinnobershop.dk Lavet af gruppe 13: Freja Astrid Petersen Jannik Olaf Randrup Søren Koefoed R. Madsen Malina M. Stevns Indhold: Analyse af eksisterende website Koncept og idé
Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline
Redesign af website Gruppe 16: Anja Line Kira Emma Ditte Karoline Indhold Analyse 2-5 Koncept og idé 6 Wireframes 6-7 Styleguide 7 Layout diagrammer 8 Kodning 9 Beskrivelse af test og testresultater 9-10
Rapport for Redesign af virksomheden Feelgood Bakery
Rapport for Redesign af virksomheden Feelgood Bakery Gruppenavn: Bagedysten Medlemmer: Jens V. Hartfelt, Daniella Munck, Natalie K. Frandsen, Sara J. Klausen Link: http://afleveringer.hartfeltgrafik.dk/feelgoodbakery/index.html
Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/
Redesign af website Gruppe 27: Fanøfærgen Website: Feelgood Bakery Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Dagmar Büchert Julie Otzen Mads Klarlund Mathias Duhn Larsen 2. Koncept & idé
Ugeopgave uge 40 Hold A
Ugeopgave uge 40 Hold A Gruppe: Don Pablos Emil Vollandt, Mathias Smidt, Jacok Kremmer & Alek Modin http://www.fuliktiv.dk/kea/cinnober/landingpage.html Navn: Password: keammd kode2015 Analyse Kommunikation
GRUPPE. Ann Hellestrup Johannsen Clara Terese Abel Hagelund Lina Hansen Monica Jannerup Lund
GRUPPE 7 Ann Hellestrup Johannsen Clara Terese Abel Hagelund Lina Hansen Monica Jannerup Lund INDHOLDSFORTEGNELSE Analyse af eksisterende website...kommunikation...responsive design...kommunikation og
Projekt redesign af Kyoto.dk Hold A - gruppe 20
Projekt redesign af Kyoto.dk Hold A - gruppe 20 INDHOLD I RAPPORTEN Analyse, persona og idégenerering Wireframes og styletiles Layoutdiagrammer Uddrag af kode Evaluering s feedback Reflektion og reslutat
Analyse af websiden FeelgoodBakery.dk
1.semester Multimediedesign Gruppe:Alba,Jacqueline,NadiaogAnneMai Uge40 Gruppeopgave Analyse af websiden FeelgoodBakery.dk Link til redesign af webside: http://nadiacah.com/uge40/landingpage.html Hvem
Analyse-opgave. Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam. Indhold: Kommunikation. Persona. Styletile.
Analyse-opgave Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam Indhold: Kommunikation Persona Styletile Responsive Design Wireframe Virkemidler Kommunikation Kyoto er en fashion butik
Analyse af websiden FeelgoodBakery.dk
Analyse af websiden FeelgoodBakery.dk Link til redesign af webside: http://nadiacah.com/uge40/landingpage.html Hvem er afsenderen? - Feelgoodbackery Hvem er målgruppen? - Den moderne familiemor - Det moderne-fællesskabsorienterede
Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.
Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil
CINNOBER. Rapport. Redesign af hjemmeside. Gruppe 22 Anton Feldbæk Mia Winter-Queen Malou Antonius Tine De Freiesleben Røssel
Rapport Redesign af hjemmeside CINNOBER Gruppe 22 Anton Feldbæk Mia Winter-Queen Malou Antonius Tine De Freiesleben Røssel Komposition Hvem er målgruppen og hvordan ser en persona ud herfor? Tendensen
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
GRAFISK DESIGN. Webdesign til fodboldportal
Webdesign til fodboldportal REDEGØRELSE Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldporta, pl.dk. Hjemmesiden skal indeholde rigtig mange
Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B
Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B Analyseafsnit Kommunikation Hvem er afsenderen? Cinnober Hvem er målgruppen? Hipstere. Spelt mødre Kunstbevidste Ingefærs spisende
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
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
RAPPORT. RE-DESIGN af sitet. Rapport redesign. Gruppe 14
Rapport redesign Gruppe 14 RAPPORT RE-DESIGN af sitet www.kyoto.dk Gruppe 14 Gruppemedlemmer: Olivia Høyer, Marie Rørstrøm, Khaled Albu Qais & Benedicte Kjeldsen 1 Analyse af eksisterende website Kommunikation
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
Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B
Kommunikation og design Ugeopgave 38 Website Sarah Winther, Hold B Dato: 18 sep. 2015 Kunde: Subsero Projekt: Ugeopgave 38 Kreativ Brief Case: Digitalt bureau: www.subsero Hvem er afsenderen? Sarah Winther
GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf.
GRAFISK DESIGN BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. KRAV TIL UDTRYKKET Moderne Enkelt Minimalistisk Responsivt Brugervenligt
Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring
Vend billedet... med de 10 bud for B2B-webdesign Quick Guide til bedre markedsføring 1 Lign en forretning Produktet kommer først Præsentér dine B2B-produkter og -serviceydelser allerede på forsiden af
grafisk design Se webappen på din mobil
ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil
Senior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014
Senior Sundhed Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014 Frida Madsen Christian Knudsen Jonatan Nielsen Line La Fontaine Louise Bonke Projektet Der er til vores webbureau udviklet: Et
DSU Dansk Stavgang Union
DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier
WORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
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
Feelgood Bakery Re-design. Jaqueline, Elisabeth, Caroline & Nathalie Gruppe 4
Feelgood Bakery Re-design Jaqueline, Elisabeth, Caroline & Nathalie Gruppe 4 Københavns Erhversakadami Multimedie Design Marts 2016 Re-design af Feelgood Bakery http://www.nathalieskaarup.dk/feelgoodbakery/feelgood/
Grafisk 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
Dokumentation. Grafisk Design
Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide
DesignGuide. Gruppe B13. Olga Batrakova Nadezda Christersen Svetlana Koshman.
DesignGuide Gruppe B13 Olga Batrakova Nadezda Christersen Svetlana Koshman http://www.deleklub.dk/html_customized/web/sneakerscoffee014/index.html DesignGuide / Sneakers & Caffee / Gruppe B13 1 KONCEPTET
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
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
MOOLA - sundhed for krop & sjæl. Velkommen til MOOLA. Information og inspiration til en sund krop, et balanceret sind og en smuk sjæl
MOOLA - sundhed for krop & sjæl Velkommen til MOOLA Information og inspiration til en sund krop, et balanceret sind og en smuk sjæl sundhed for krop & sjæl Information og inspiration til en sund krop,
Redsign af SF-Film. Link til orginale side: sf-film.dk. Link til vores redesign:
Redsign af SF-Film Link til orginale side: sf-film.dk Link til vores redesign: http://tanalie.dk/sffilm/kontakt.html Hold A Daniella de Lopes, Natalie Frandsen og Sara Klausen Kort beskrivelse af projektet:
FEELGOOD BAKERY. KEA Multimediedesign. Ugeopgave 40 Redesign af website Afleveringsdato: 02.10.15
FEELGOOD BAKERY KEA Multimediedesign Ugeopgave 40 Redesign af website Afleveringsdato: 02.10.15 Gruppe 13 Christine Islev-Noes Martin Bøje Petersen Martin Just Petersen Sabine Tollgaard Koch 1 DISPOSITION
GRAFISK - DESIGN HJEMMESIDER TIL IME FONDEN
GRAFISK - DESIGN HJEMMESIDER TIL IME FONDEN Dokumentation OPGAVEN Opgaven står i af få redesignet IME fondens online profil og dertil hørende kampagner samt tilbud de kører online. IME s hovedside skal
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier
RAPPORT. App 4. projekt 3. semester. www.mypedersen.dk/sem3projekt4app.html Mail: mypedersen@gmail.com
RAPPORT App 4. projekt 3. semester Uarbejdet af Mayianne Nøks Pedersen, den 15. november 2012 www.mypedersen.dk/sem3projekt4app.html Mail: mypedersen@gmail.com INDHOLDSFORTEGNELSE PROBLEMFORMULEREING...
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
RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d. 17-9-2015. Sara Jacobsen & Natasja Christoffersen 3. års HTX
RESPONSIV WEBDESIGN Gøg og Gokke Kommunikation IT Afleveres d. 17-9-2015 Sara Jacobsen & Natasja Christoffersen 3. års HTX Indhold Indledning... 2 De seks faser... 2 Problemanalyse... 2 K-strategi... 3
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
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.
Website design, projekt 4
Website design, projekt 4 Mette, Nikolaj, Alexander, Julie I dette projekt har vi fået et design- brief af markedsføringsøkonomerne. Designet- briefet omhandlede, at vi skulle lave en hjemmeside omkring
Designmanual. Version 1. 02-06/2013
Designmanual Version 1. 02-06/2013 s designmanual indhold Indhold 2 Introduktion... 3 Kommunikationsunivers... 4 Konceptbeskrivelse...5 HVAD...5 HVEM...5 HVORDAN...5 HVOR...5 HVORNÅR...5 Konceptskitse...6
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.
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
Grafisk Design KOM/IT. Kevin, Christoffer & Thor 15-10-2010
Grafisk Design KOM/IT Kevin, Christoffer & Thor 15-10-2010 Indhold Indledning... 2 Skitseteknik... 2 Vores skitser... 2 Komposition... 3 Format... 3 Harmoni... 3 Gestaltreglerne... 3 Ensartethed... 3 Lukkethed...
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.
Kreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio
Webdesign processen Line Hasse Kirkegård - HOLD B Kreativt brief Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio Jeg har taget udgangspunkt i casen:
KYOTO.DK ANALYSE OG REDESIGN. Malene Rostgaard Rasmussen Camilla Skov Sørensen Thomas Juul Mathias Vangsgaard
KYOTO.DK ANALYSE OG REDESIGN Website: juuul.dk/kyoto.html Password: kea Malene Rostgaard Rasmussen Camilla Skov Sørensen Thomas Juul Mathias Vangsgaard 2 ANALYSE, KOMMUNIKATION Hvad vil siden og hvem forsøger
Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier
Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI Vision: Scenarier Et internationalt universitet med fokus på de studerende Vejviseren til dit rette valg Destination for læring & oplysning Livet & menneskene
grafisk workflow Frank winding
grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit
Undervisningsmateriale - Rapport
Kom/IT Undervisningsmateriale - Rapport Klasse 1.7 Mathias Saxe H. Jensen 10-05-2011 Side 1 af 10 Indhold Forside... 1 Indledning... 3 Problemstilling... 3 Målgruppe... 3 Problemformulering... 4 Kommunikationsplan...
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:
MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:
MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël Unique Landscapes URL: http://sillenoel.com/uniquelandscapes/index.html 1 7. Ekspertvurdering Kvalitetsvurdering af Unique Landscapes nuværende website.
Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding
Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace
Grafisk design. Kommunikation/it Roskilde Tekniske Gymnasium 12/12-08. Klasse 1.2 Tamana og Sesilje
Grafisk design Kommunikation/it Roskilde Tekniske Gymnasium 12/12-08 Indholdsfortegnelse Indledning... 3 Farver... 4 Kompositioner... 7 Typografi... 8 Praktisk arbejde... 10 Vores rapport opbygning...
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
navigation begreber 0
navigation begreber 0 logo SITE ID hovedmenu SECTIONs VÆRKTØJ utilities søg search sidenavn page name du er her you are here lokalmenu local navigation undermenu subsections navigation begreber 1 logo
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
Grafisk produktionsforståelse
04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere
Grafisk design Af Esra, Muska og Sasha. Klasse 1.2 HTX -3/12/2008
Grafisk design Af Esra, Muska og Sasha. Klasse 1.2 HTX -3/12/2008 Vores produkt er en pjece, som vi brugte til at visualisere vores viden indenfor projektet med. Se bilag, pjece. Vi var nødt til at lave
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
WORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Den Sociale Retshjælp
Den Sociale Retshjælp Design Manual 1 Indhold På de følgende sider finder du det designprogram, som Den Sociale Retshjælp arbejder ud fra. Med det ved hånden er du i stand til at designe løsninger til
Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine
Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com
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
Redesign af hjemmeside
FeelGood Bakery Redesign af hjemmeside Af Christian Severin, Kasper Bartholin, Michelle Demir & Julie Løchte - september 16 REDESIGN AF HJEMMESIDE 1 Analyse af FeelGood Bakeries hjemmeside Feelgood Bakery
Selv 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.
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
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...
Æstetik på pilgrim.dk
Æstetik på pilgrim.dk Indhold 1. Hvorfor æstetik ift. Pilgrim? 2. Hvad består æstetiske oplevelser af, og hvordan er brugerne blevet inddraget i sådan en designproces? 3. Design for æstetiske oplevelser
WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******
Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt
DESIGNMANUAL Roskilde Dyrskue - 2016
mødested for land & by DESIGNMANUAL Roskilde Dyrskue - 2016 Vores designmanual indeholder regler og retningslinjer samt skal bruges til inspiration i arbejdet med vores visuelle kommunikation. Grunden
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
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
Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen
Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt
Grafisk design. Webdesign til barbershop
Grafisk design Webdesign til barbershop Portfolio h1 Side 3 webdesign til barbershop Opgaven Barbershop i Horsens kom til os, for at få lavet et nye website. Afsender Barbershop er en barber salon i Horsens
Generelle ideer til Messecenter Vesthimmerland
Generelle ideer til Messecenter Vesthimmerland I det følgende har jeg skrevet refleksioner, spørgsmål og tanker vedr. hvilke områder jeg ser i kan forbedre og måske bør se nærmere på. Tankerne er inddelt
TYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING BOX OFFICE E-MAGASIN Magasin Design http://issuu.com/mads-pj/docs/e-magazine DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe et e-magasin omkring Box Office resultater.
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
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
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
www.meotine.aschultzdesign.com Mul A, 2. semester, projekt 1: Coorporate Social Responsibility
Mul A, 2. semester, projekt 1: Coorporate Social Responsibility Andreas Schultz Ida Bach Sophie Hrefna Sophie Præstmark Thalassa Phillips www.aschultzdesign.com www.idabach.com www.sophiehrefnaboye.dk
PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
Forfatter: Sanne Nørgaard Larsen Cand.mag. i retorik, grafiker og kommunikationskonsulent hos Rambøll By og Trafik
En god visuel fremstilling kan skabe overblik, vise sammenhænge og levere blikfang. Men hvordan gør man? Den praktiske side giver råd til at få din visuelle kommunikation til at hænge sammen. Bibliografisk
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
Projekt om Københavns Musikteater
Projekt om Københavns Musikteater Spørgsmål og områder til første vejledning Vi har tænkt os at lave et redesign af Københavns Musikteaters hjemmeside med følgende undersider: o Forside o Forestillinger
Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Hvad er Musicon? Hvad vil jeg promovere?
Hvad er Musicon? Musicon er en ny kreativ bydel i Roskilde, der ligger på et areal, der tidligere rummede en betonvarefabrik. Området ligger mellem Dyrskuepladsen og Roskilde Station og fylder ca. 250.000
Grafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
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
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
AMANDA ABIGAIL PEDERSEN MARIA THOMSEN SOFIE MAI SØRINE SKOV KRUSE
THE A-TEAM AMANDA ABIGAIL PEDERSEN MARIA THOMSEN SOFIE MAI SØRINE SKOV KRUSE ANALYSE KOMPOSITION Siden virker rodet, og der mangler sammenhæng mellem valget af fond og baggrundsbilledet på landingpagen.