P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B Marie Egeberg

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B Marie Egeberg"

Transkript

1 P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B

2 INDHOLD 1 2 Indledning Farver Font Brainstorm 9 Design Principper Info. arkitektur 12 3 Negativ brainstorm Mockup Redesign PBS Wireframe Konklusion 5 WBS Brugertest 6 Kilder

3 1 INDLEDNING Dette er min rapport som jeg har udarbejdet på baggrund af min nye portfolio, som er femte projekt og dermed sidste projekt på 1. semester af multimedie design uddannelsen. Dette projekt omhandler en udarbejdelse af en ny og forbedret portfolio som jeg har har håndkodet fra bunden af, ved brug af HTML5 og CSS4. I denne rapport vil jeg gennegå forskellige elementer af projektet som har haft betydning for mine resultater af den endelige portfolio. 1

4 2 Brainstorm Før jeg begyndte på selve kodningen, syntes jeg at det var vigtigt at lave en Brainstorm over hvilke elementer jeg ønskede skulle indgå. Her var det især tanker, ideer, planlægning og strukturering som var de første ting der dukkede op i min Brainstorming. Jeg har brugt min brainstorm til at forkusere på de punkter, som allerførst faldte mig ind, herefter bearbejdet dem og anvendt dem i min portfolio. ERFARING? PLANLÆGNING KODNING DESIGNDEADLINESDESIGPRINCIPPER COLOR CSS4RESPONSIVT FONT PROJEKTDOKUMENTATION HTML5 USABILITY Grænser Eksperimenter ILLUSTRATOR PHOTOSHOP INDESIGN Her ses tankerne bag min Brainstorm, med henblik på fremstiling visuelt og kreativt. 2

5 3 Negativ brainstorm Da jeg havde lavet min Brainstorm som ses på forrige side, begyndte jeg at lave min Negative brainstorm. Den negative brainstorm gik for mig ud på at være kritisk omkring den Brainstorm jeg først havde lavet, altså hvad kunne forsinke mit arbejde eller hvad kunne være en udfordring. Her så jeg på hvilke ting der kunne påvirke/ begrænse mit arbejde iforhold til de nuværende kompetancer jeg har på studiet. minuserfaring? visioner uklare ideer MULIGHEDER? MÅL RESPONSIVT?USIKKERHED svært at BEGRÆNSE INDESIGN færdigheder minus PHOTOSHOP Javascript Grænser KODNING USIKKERT strukturering Her ses tankerne bag min Brainstorm, med henblik på fremstiling visuelt og kreativt. Nedenunder har jeg lavet den negative branstorming over mit projek, med samme ide som forrige, at gøre det visuelt. 3

6 4 PBS Jeg har valgt at bruge PBS for at organiserer mit projekt fra start til slut i processen. PBS er efektivt blevet brugt til at dele mit projekt op i hvad den består af, og hvad jeg skal bruge for at få det optimale ud af min hjemmeside. Det har givet mig et godt overblik over de forskellige punkter som skulle indgå i min portfolio, hvilket har gjort det lettere at organiserer indholdet af hjemmesiden. 1.4 Kontakt 1.1 Forside 1 PORTFOLIO PBS 1.3 Projekter 1.2 Om mig CV ved siden ses min PBS semester 4

7 5 WBS Ved at have benyttet WBS i min arbejdsprocess med projektet. Dette har gjort at jeg helt præcist har kunne dele mit projekt op i flere dele, for at gøre det håndterbart og struktureret. Ved at dele hver enkel arbejdsopgave op, har resulteret i at jeg har kunne fokuserer på hver enkel opgave en af gangen. Dette har gjort at jeg har haft en godt overblik over projektet fra start til slut, samt gjort det muligt for mig at planlægge de enkelte opgaver Validering CV 1.4 Deadline Aflevering Brainstorm Home About 1.1 Planlægning 1 PORTFOLIO WBS 1.3 Hjemmesiden HTML/CSS Skills Contact Portfolio WBS Info. arkitektur Usability 1.2 Design Layout Designprincipper Responsivt design Wireframe Skitser Mockup 5

8 6 Brugertest For at lave den bedst mulige nye portfolio, er det vigtigt at have lavet en brugertest 2 af min allerede eksisterende portfolio, Wordpress. Wordpress, består af nogle designskabeloner som umiddelbart ikke kan ændres. Dette betyder at hjemmesiden allerede i forvejen er brugervenlig på den vis at disse skabeloner allerede har taget forbehold i, at den der opretter en wordpress, ikke nødvendigvis bør have erfaring med hjemmesidekodning eller brugervenlighed. 1 Et resultat af dette ses i min brugertest, da den sådan set gik som den skulle, da brugervenligheden allerede eksisterede. Ud fra dette har jeg taget forbehold i nogle andre elementer i websitet som måske i denne portfolio, ikke var nødvendig at have med eller som faktisk helt burde undværes. Jeg vil nu gennemgå brugertesten samt de forskellige opgaver, og ud fra dette konkluderer hvad der bør tages stilling til i den nye portfolio. 1 Igang med wordpress: 2 Usability, Wisler-Poulsen, Ian: (Alle disse opgaver til udgangspunkt i disse sider) Side 6

9 6 Brugertest OPGAVE 1 - Find 1.projekt beskrivelse med pdf Klik på semesters OPGAVE 2- Find tilbage til forsiden Klik på logoet Klik på 1. semesters Find pdf for 1.projekt Dette var den første opgave brugeren fik på websitet. Kommentarene til dette var: Jeg går ind under semester, så kan jeg se at beskrivelsen er her. Jeg syntes at der er lidt meget tekst ifht. project decription. Opgave 2 var en simpel opgave, som brugen skulle løse. kommentarene til dette var: Klikker på logoet. Det virker, men der mangler en home også. 7

10 6 Brugertest OPGAVE 3 - Find 4. projekt - Intercultural webssite. Klik på semesters Vælg 4. projekt - Intercultural website OPGAVE 4- Brug søgefeltet og find mobilnummeret Søgefunktionen i højre hjørne Søg phone Gå tilbage til forsiden Vælg contact Kommentarene til opgave 3 var: hmm.. måske under semesters? hmm måske under learning.. der er den.. den er begge steder? Dette var den 4 opgave til brugeren. Kommentarene til dette var: Hvad skal jeg skriv?. Mobile?... Telephone?... Så måske Contact?.. Der er det!. 8

11 6 Brugertest Nu har alle fire opgaver testet hos brugeren. Selvom jeg allerede fra starten af, havde forestillet mig at den wordpress site jeg havde lavet var brugervenlig, opstod der nogle problemer undervejs, som gjorde at brugervenligheden ikke var så optimal som jeg ønskede at den var. En af de problemer som brugeren faldt over var at der manglede en Home knap på sitet. Det er ikke alle brugerer som ved at logoet fungerer som en Home knap, så den skal selvfølgelig tages i betragtning. Det næste problem som brugeren faldt over, var forvirringen omkring learning og semesters. Hvis man som udefra ikke er sat ind i materialet på skolen, kan det være svært/ næsten umuligt at finde ud af hvad der er under hvilke punkter., og hvad der skal læses først. Samtidig var der alt for meget tekst for brugeren at tage stilling til, og vedkommende mistede hurtigt overblikket over indholdet. Det bliver også gjort klart at søgefunktionen på websitet var unødvendigt at have med. Det skabte mere forvirring end det gavnede siden. Da portfolioen ikke rummer en masse underpunkter og funktioner, ser jeg det udnødvendig at have med i denne sammenhæng. 9

12 6 Brugertest Ud fra disse konklusioner har jeg taget stilling til hvordan min portfolio skal indrettes. Jeg har her valgt at lave en Home knap på min portfolio således at alle ved hvordan de kommer tilbage til forsiden/udgangspunktet. Logoet har jeg også valgt at lave til et link, så der er flere muligheder for at komme tilbage til forsiden. Her har jeg valgt at dele projekterne op én for én og tilføjet dem mere visuelle elementer iform af billeder og væsentlig mindre tekst. Under hvert projekt er der nu links til learning hvor at alt tekst materialet er samlet på et sted. Samtidig linkes der til websites og andet materiale i forhold til de individuelle opgaver. Jeg har valgt at samle learning og semesters under en samlet titel portfolio. Dette har jeg gjort da det giver mere mening for den uvisse bruger at betjene websitet, og forstå indholdet og herunder sammenhængen. 10

13 7 Wireframe Før jeg begynde at kode min portfolio, lavede jeg nogle wireframe for både forsiden og indholdssiderne. Forsiden Dette har hjulpet til at visualiserer ideerne og anvende nogle grove skitser før man går igang med kodningen. Logo Navigation 11

14 7 Wireframe Indholdet Som det ses på begge frameworks er der taget hensyn til det enkelte look, uden for mange forstyrrende elementer. Logo Navigation På næste side vil en visuel mockup bliver præsenteret, hvilket vil vise det (næsten) endegyldige version af websitets forside og dets design. Emne 12

15 8 Mockup Dette er mit mockup af forsiden på min portfolio, dette mockup, vil være en præcis skitse til hvordan min portfolio forventes at se ud som slutprodukt. CODEING CSS Ai Ps Id COLOUR Dette mockup er en god hjælp til at visualisere en præcis skitse af din hjemmeside med fokus på de mindste detaljer. ab out sk ills Dog har jeg med tiden ændret mit design drastisk, men har taget inspiration i Mockuppe, og herved skabt flere og bedre ideer. Jeg har valgt at lave mockuppet i Illustrator, da det er en præcis og god måde at tilføje detaljer på. po rtfolio Her ses det før ændringerne. co ntact 13

16 8 Mockup Her ses det efter ændringerne (screenshot af hjemmesiden): 14

17 9 Designprincipper Jeg har anvendt nogle forskellige designprincipper, for at gøre min portfolio så anvendelig for brugeren som overhovedet muligt. Jeg har anvendt designprincipperne: Enkelhed, Ensartethed, Genkendelighed, Kontrast og Luft. 3 På de næste sider vil jeg gennemgå de forskellige designprincipper og beskrive hvordan jeg har anvendt dem på min hjemmeside. #3 - Enkelthed Jeg har valgt at gøre brug af designprincippet om Enkelhed for at gøre mit design så enkelt som muligt og herved mindske unødvendig støj på hjemmesiden. Dette har jeg bl.a. gjort i henhold usability testen, hvor flere af mine undersider i menuen er blevet fjernet, hvilket gør websitet mere overskueligt. Især det simple udtryk i designet af hjemmesiden gør kommunikationen helt klar for brugeren Designprincipper - Wisler-Poulsen, Ian: (Alle designprincipper tager udgangspunk i dette) Side 28, 34, 60, 90,

18 9 Designprincipper #4 - Ensartethed Jeg har på min hjemmeside valgt at gøre brug af designprincippet om Enkelthed. Dette har jeg valgt for at give elementerne et fælles karaktertræk. Dette fælles karaktertræk gør at elementerne vil opleves som have relationer til hinanden. På min hjemmeside ses dette især i min menu og ved indholdet under menuen, de former (Heksagon) som jeg har valgt skal være gennemgående i billed elementerne på min side. Størrelsen af disse elementer har jeg valgt at gøre i samme størrelse i forhold til de grupperinger de indgår i. #8 - Genkendelighed Jeg har valgt at gøre brug af designprincippet om Genkendelighed i det jeg har valgt at gøre mine sider i menuen ens. Dette vil sige at når man går ind på de forskellige sider på menuen, vil alle siderne have de samme ensartet elementer, som skaber genkendelighed for brugeren. Dette er især gjor ved at Heksagon figurene er gennemgående samt skrifttype og størrelse er vedvarende. 16

19 9 Designprincipper #14 - Kontrast Jeg har gjort brug af designprincippet om Kontrast. Jeg har anvendt størrelseskontrast og formkontrast. Størrelseskontrast er anvendt i forbindelse med tekst størrelsen på de forskellige sider. Det vigtige er blevet markeret med bold (overskrifterne) mens det mindre vigtige (brødteksten) har beholdt sin regulære font style. Jeg har anvendt en større font størrelse til mine overskrifter, så man tydeligt kan se hvor man er, og hvad det pågældende emne handler om. Dette gør at kontrasten melle disse elementer er blevet styrket hvilket skaber steming og gør designet spændende at se på. Jeg har anvendt formkonstrast i det at alle elementerne i indholdet som har fælles relationer til hinanden har den samme form (Heksagon). Billeder jeg har anvendt f.eks. under mine projekter og som kun skal fremvises som billeder, har den sekskantede form. På denne måde sikres det at disse elementer skiller sig ud fra de andre, hvilket skaber struktur og sikre genkendelighed hele vejen gennem websitet. 17

20 9 Designprincipper #16 - Luft Jeg har valgt at anvende designprincippet om luft, for at skabe mere opmærksomhed omkring overskrifter og elementer. Samtidig gør luft at designet ikke virker klemt. Det kan ud fra disse principper konkluderes at det er vigtigt at have forskellige guidelines for et design, hvis brugeren skal kunne navigerer ordentligt rundt i designet uden at det mister sin sammenhæng og mening. Luften i designet skaber et overblik og bidrager til en overskuelig komposition. Uden denne luft ville designet komme til at se småt og klemt ud. 18

21 10 Farver Jeg vil forklare og vise de farver som jeg har valgt at benytte på mit website. 4 De farver jeg har valgt er de kolde farver. Farvene som ses nedenfor vil blive beskrevet i forhold til deres betydning og kodning. #6666D9 #8D89F0 #7F7F7F #FFFFFF # #6666D9, #8D89F0 Disse to farver stammer oprindelig fra den helt blå farve (#f2f2f2), med tilføjelse af forskellige former for opacity. Denne opacitet skaber ro og neutralitet til sitet og gør det harmonisk og sammenhængende. Den blå farve symboliserer ro og tillid. 5 Farven skaber stabilitet omkring elementerne og passer godt til de hvide, grå og rolige farver. 4 Farvers betydning: (Dette afsnit er inspireret af) 5 Farvers betydning: (Dette afsnit er inspireret af) 19

22 10 Farver #7F7F7F #FFFFFF Den grå farve symbolisere bl.a. pålidelighed, balance og stabilitet. 6 Farven er neutral og er en god kontrast til den helt hvide baggrund. Denne farve er samtidig tidsløs hvilket vil sige, at den altid vil være en populær og stabil farvetone. Denne hvide farve symbolisere bl.a. enkelthed og præcision. 7 Jeg har valgt den hvide farve fordi at den skaber en masse plads på websitet og samtidig er den elegant og enkel. Med denne hvide som baggrundsfarve, er det derfor muligt at tilføje flere farver uden at skabe forvirring. 6 Farvers betydning: (Dette afsnit er inspireret af) 7 Farvers betydning: (Dette afsnit er inspireret af) 20

23 10 Farver # Den sorte farve symboliserer elegance, autoritet og kan virke dramatisk. 8 Denne farve skiller sig ud på den grå-hvide baggrund og skaber opmærksomhed omkring dets elementer. Farven er med til at skabe et elegant look til websitet og giver det sofistikert udtryk. Det kan konkluderes ud fra ovenstående farvesymbolikker, at de farver jeg har valgt til min portfolio, er kolde farve nuancer. Disse farver skaber ro og balance, samt et stabilt og elegant udtryk. Alle farvenuancerne der er blevet anvendt hænger sammen, hvilket skaber et godt flow på websitet. 8 Farvers betydning: (Dette afsnit er inspireret af) 21

24 11 Font Den font jeg har valgt at benytte i min portfolio er Helvetica. 9 Fonten Helvetica er en af de mest brugte sans-sherif typografier rundt omkring i verden. Meningen med denne font er at den skal være enkel og læsbar samt skal kunne benyttes til forkellige formål. Den font som minder mest om Helvetica er fonten Arial, som kun adskiller sig fra Helvetica, i dets få store og små bogstaver. 10 Derfor, er den anden font som jeg har valgt (hvis Helvetica ikke kan ses på andre computere) Arial. Denne font skiller sig næsten ikke ud fra Helvetica og er derfor en oplagt font, da jeg allerede ved hvordan denne font fungerer ifht. mit design. Den sidste font type jeg har valgt er en eller anden form for sans-sherif, som er i samme kategori som Helvetica og Arial. Her ses forskellen mellem de to fonte: 11 9 Fontens betydning: (Dette afsnit er inspireret af) com/font/linotype/helvetica 10 Fontens betydning: (Dette afsnit er inspireret af) org/wiki/helvetica 11 Arial vs. Helvetica: 22

25 12 Informations arkitektur Jeg har gjort brug af informationsarkitektur i min portfolio. Den informations arkitektur jeg har gjort brug af er Hierakisk struktur 11 Jeg har valgt denne informationsarkitektur, da jeg i min Portfolio har overemner, som viser underemner når man har trykket på dem. Dette ses i min portfolio, hvor man (hierakisk) kan vælge projekterne. Samtidig har jeg også gjort brug af Linar structure. Dette ses især under min portfolio, hvor hvert projekt kan læses, enten ved at gå frem eller tilbage - hver emne følger et andet i en kronologisk linje. 11 Hypertext: (Dette afsnit er inspireret af) Skanderby, Ditlev. A Practical Guide to Information Architecture - PDF. 18th June

26 13 Redesign Jeg har valgt at lave redesign af projekterne: #2 International collaboration #3 Political campaign #4 Intercultural website På næste side ses projekterne en efter en. 24

27 13 Redesign #2 - International collaboration Jeg har valgt at lave redesign af projekt 2, da jeg mente at wordpress sitet kunne blive mere detaljeret end den nuværende. Før: Efter: 25

28 13 Redesign #3 - Political campaign Ændringen var her at lave en formular under show support så det lignede at man kunne donerer penge. (Jeg har samarbejdet med Amalie Schiøtt Weber i denne opgave). Før: Efter: 27

29 13 Redesign #4 - Intercultural website Med dette projekt valgte jeg at gøre det mere tydeligt hvilke emne Pernille præsenterer, og hvad hun står for. Dette var ikke tydeliggjort på nuværende site, så det skulle ændres. (Jeg har samarbejdet med Amalie Schiøtt Weber i denne opgave). Før: Efter: 28

30 14 Konklusion Det kan ud fra min rapport konkluderes at portfolioen er blevet skabt på baggrund af analyse af brugertest, samt forskellige designmæssige guidelines. Ved at bruge WBS og PBS har det været muligt for mig at strukturer min arbejdsgang, så jeg har vidst præcis hvilke punkter jeg har skulle have med i min portfolio. Wireframe og mockuppet jeg har lavet har givet mig en visuel gennemgang af hvordan (næsten) mit website skulle se ud til slut. Dette har været en god visuel gennemgang, da man har kunne læne sig op af sine ideer. 29

31 15 Kilder Wordpress Brugertest Usability - Wisler-Poulsen, Ian - 1. udgave, 4. oplag 2015 Designprincipper 20 designprincipper - Wisler-Poulsen, Ian - 2. udgave, 1. oplag 2016 Farver Farvesymbolik Font Font 30

32 15 Kilder Hypertext Arial vs. Helvetica Ditlev Skanderby. A Practical Guide to Information Architecture PDF. 18th June

CSS CSS CODEING CODEING COLOUR HTML PORTFOLIO RAPPORT //2016 MARIE EGEBERG MULTIMEDIE DESINER MULB

CSS CSS CODEING CODEING COLOUR HTML PORTFOLIO RAPPORT //2016 MARIE EGEBERG MULTIMEDIE DESINER MULB Id COLOUR HTML CSS Ai CODEING CSS CODEING Ai PORTFOLIO RAPPORT //2016 MARIE EGEBERG MULTIMEDIE DESINER MULB 2016-18 09-01.17 INDHOLD s.01 Indledning s.02 Brainstorm s.03 Negativ brainstorm s.04 PBS s.05

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

Projekt 5 - Porfolio Redesign

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

Læs mere

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

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

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

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

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

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

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

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

DOKUMENTATION AF EKSAMENS PROJEKT 2015

DOKUMENTATION AF EKSAMENS PROJEKT 2015 DOKUMENTATION AF EKSAMENS PROJEKT 2015 KATHRINE AMALIE RUSSELL HARDER CPH BUSINESS ACADEMY MUL-B 1 Indledning Til vores eksamens projekt fik vi til opgave at redesigne vores Wordpress portfolio som var

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

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

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

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

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

WORKFLOW & PRODUKTION

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

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

Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B

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

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

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

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

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

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

Læs mere

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

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

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

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

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

Læs mere

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

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

Læs mere

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

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

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

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

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

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

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

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

Læs mere

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

Læs mere

Website design, projekt 4

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

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

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

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

Af: Casper Christiansen CPH-business 15-01- 2015. Eksamens projekt Første semester, Dec. 2014 Jan. 2014

Af: Casper Christiansen CPH-business 15-01- 2015. Eksamens projekt Første semester, Dec. 2014 Jan. 2014 Eksamens projekt Første semester, Dec. 2014 Jan. 2014 Udviklingsproces s.3 Designvalg s.4 Timeschedule s.6 Brugertest s.6 Wireframes s.7 Informationsarkitektur s.8 Designskitser s.8 Litteraturliste s.9

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

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

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

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

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

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

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

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

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

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

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

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

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

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

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.

Læs mere

DSU Dansk Stavgang Union

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

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

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

Læs mere

Grafisk Design. rafisk Design

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

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

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

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

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

Læs mere

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

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

Læs mere

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

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.

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

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

Læs mere

Afsluttende semesterprojekt - 1. Semester

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

Læs mere

Ugeopgave uge 40 Hold A

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

Læs mere

Analyse af websiden FeelgoodBakery.dk

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

Læs mere

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

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

Læs mere

Grafisk Workflow. hovedforløb 2

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

Grafisk design OPGAVEBESKRIVELSE

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

Læs mere

H2 Portfolio. Patrick Lindholm-Andersen

H2 Portfolio. Patrick Lindholm-Andersen H2 Portfolio Patrick Lindholm-Andersen Grafisk design Opgave Opgaven gik ud på at designe et nyt logo til et gammelt fiktionelt bryggeri firma. Da kunden er engelsk har alt kommunikation foregået på engelsk

Læs mere

Bannerprojekt Mul B 2013 Gruppe: 6

Bannerprojekt Mul B 2013 Gruppe: 6 Bannerprojekt Mul B 2013 Gruppe: 6 Projekt URL - http://henrietteklindt.it/html-soundvenue/index.html Undervisere: Thomas Hartmann, Morten Rold, Merete Geldermann Lützen, Jesper Hinchely, Ian Wisler-Poulsen,

Læs mere

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

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

Læs mere

Grafisk Design. Dansk Center For Organdonation

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

Læs mere

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

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

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

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

Læs mere

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF Links til portfolio Anna Emely Jensen Oliver Alexander Vedel Trojahn Maja Scheel Kvint Cecilie Sørensen http://www.annaemely.wordpress.com https://www.olivervedel.wordpress.com http://www.cphbusiness.makvi.dk

Læs mere

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

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

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have

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

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

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

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

GRAFISK DESIGN 1. HOVEDFORLØB

GRAFISK DESIGN 1. HOVEDFORLØB GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,

Læs mere

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

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

Læs mere

Senior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014

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

Læs mere

Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.

Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by. Wireframe & skitse 1 - Page 1 Flowchart Start Opret bruger/login Forside Mad i din by Side 1 Moodboard til app & logo Skrifttyper Dandeleon Vintage Demo Montserrat regular Farver Sort/grå Hex: #3F3F3F

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

Rapport om projekt 4 - Redesign af Wordpressportfolio

Rapport om projekt 4 - Redesign af Wordpressportfolio Rapport om projekt 4 - Redesign af Wordpressportfolio Design Brief Med denne opgave ønsker jeg at fremvise min udvikling efter første semester som Multimediedesign- og Kommunikationsstuderende på Copenhagen

Læs mere

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

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

Læs mere

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

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

Læs mere

grafisk design Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

Læs mere

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

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

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere