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

Størrelse: px
Starte visningen fra side:

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

Transkript

1

2 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 SØREN K REDESIGN 12 EVALUERING 13 KILDER 14 2

3 FAKTA Titel: "Weblabs" (Eksamensprojekt 1. semester) URL: Navn: Morten Møller Nielsen (CPH-MN17) Hold: Cl12mul1b12e Undervisere: Ditlev Skanderby, Frederik Tang, Jesper Hinchely, Merete Lindemann, Morten Rold, Thomas Hartmann Underskrift: Morten Møller Nielsen 3

4 INDLEDNING I denne afsluttende opgave på 1. semester har jeg redesignet mit portfolie fra bunden og opdateret de opgaver, jeg har lavet. Projektet har til formål at "...at præsentere og dokumentere dit faglige niveau og vise din faglige udvikling samt gøre dig bevidst om, hvad du har arbejdet med, og hvad du har lært". Mine læringsmål for dette projekt har derfor været: 1. At redesigne mit gamle portfolie og kode det helt fra bunden 2. At opdatere mine tidligere projekter 3. At gøre brug af den teoretiske viden jeg har tilegnet mig på 1. semester og dokumentere den læringsproces, jeg har været igennem 4. At optimere mit site til søgemaskiner 5. At bygge videre på mine erfaringer med HTML og benytte de muligheder CSS3 åbner op for 6. At lave alternative designs og derved optimere mit site til mobile enheder KREATIV PROCES Indledende fase I opgavens indledende fase, gjorde jeg mig en lang række tanker om, hvordan mit produkt skulle udformes. Hvordan skulle mit portfolie præsenteres og hvad skulle være titlen på mit site/domæne? Jeg kiggede først på andre designeres portfolier på nettet for at søge inspiration (bl.a. på og det sociale netværk "Pinterest"). De indtryk jeg fik her blandet med egne idéer, satte gang i en brainstorm og jeg begyndte at lave de første mock-ups på papir: 4

5 Jeg havde forskellige arbejdstitler på til mit projekt. men endte med at kalde mit portfolie for "Weblabs". Her er et par tidlige logoudkast: 5

6 DESIGNVALG Typografi Hovedoverskrifterne på de forskellige sider er fonten "Helvetica Neue Light". Samme font er brugt i menuerne. Denne sans-serif font står i kontrast til brødteksten, som er serif fonten "Georgia". For at bedre læseligheden har sidstnævnte en "letter-spacing" på 1px. Mindre afsnit har "Georgia", skrevet i "caps", som overskrift. Farver De overordnede farver på siden er holdt indenfor gråtoneskalaen. Overskrifter og links står sammen med sidens forskellige billeder i kontrast hertil. Brødteksten er ikke helt hvid, men derimod en meget lys grå. Dette bevirker at farven fremstår "blødere" på skærmen og bliver lettere at læse. Logo "Weblabs"-logoet er designet i "Illustrator" med udgangspunkt i fonten "Gill Sans". Jeg har i mit arbejde gjort brug af princippet om "figurdannelse". Dele af W'et og A'et er derfor fjernet. Brugeren af sitet vil, grundet bogstavernes almene tilstedeværelse i vores samfund og hjernens evne til at danne figurer, selv "bygge" logoet færdigt. Brugergrænseflade Min intention med "Weblabs" var at lave en minimalistisk og brugervenligt site med et kreativt "twist". Selve navigationen på siden (top-menuen og links på undersiderne) er meget konventionel. En "hover" og "selected" effekt viser henholdsvis, hvor brugeren kan navigere hen, og hvilken side denne befinder sig på. Menuen under "portfolie" er mere speciel. Her vises som udgangspunkt bare et gråt kvadrat (som i øvrigt danner ramme for hele siden). Når brugeren "hover" over denne afsløres et "grid", som indikerer at kvadratet er inddelt i ni felter. Det felt 6

7 brugeren rammer afslører desuden en billede af og titel fra et af mine projekter. For at bevare "lukketheden" i kvadratet har jeg gjort billederne en smule gennemsigtige, så de ikke flyder sammen med den hvide baggrund. Som tidligere nævnt ville jeg gerne give mit site et "twist", hvilket blev denne menu. Der er selvfølgelig en risiko for at dette valg af menu kan gå ud over brugerens oplevelse af "usability" på siden (læs mere under afsnittet "Ekspertvurdering"). Desuden kan brugeren ende med at tro, at det eneste projekt, jeg har bedrevet, har været at tegne et gråt kvadrat. Jeg har valgt at bevare menuen, da den står i kontrast og er det eneste element på den pågældende side. Det er derfor forventeligt at de fleste brugere vil blive "draget" af den grå kasse og opdage menuen. Bagvedliggende kode I dette afsnit vil jeg gøre rede for dele af min kode for "Weblabs". Som skrevet under mine læringsmål ville jeg i dette projekt gøre brug af nogle af de muligheder CSS3 åbner op for. Derfor har jeg benyttet mig af "transitions" effekt i portfolie-menuen. Denne effekt gør det muligt at lave overgange/animationer i CSS uden brug af Flash eller Java. Her er et eksempel: #projekter a img { padding:0; margin:0; float:left; opacity:0.0; } #projekter a:hover img { opacity:0.4; -webkit-transition:opacity 0.5s ease-in-out; 7

8 } -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; Billeder i link-tags har i portfolie-menuen som udgangspunkt en "opacity" værdi på 0.0. De er altså helt gennemsigtige og kan ikke ses. Når musen "hover" henover kommer billederne, vha. ovenstående til syne. "Transition" værdierne "skruer" billederne op på en opacity værdi af 0.4. "0.5s ease-in-out" betyder at billedet tager et halvt sekund om at komme til syne og det samme for at forsvinde igen. Det er nødvendigt at skrive de forskellige prefixes "webkit", "moz" og "o", således effekten virker i henholdsvis Chrome/Safari, Firefox og Opera. Transitions virker endnu ikke i Explorer, som derfor viser siden uden. Disse effekter er helt udeladt af mine designs til tablet og mobil, da man ikke har en "curser" på touch enheder, som kan frembringe "hover" effekten. Som noget nyt skulle jeg optimere min side til søgemaskiner (SEO - Search Engine Optimization) for derigennem at forbedre mit sites placering i søgninger. Søgemaskiner (som f.eks. Google) sender robotter ("web-crawlers") ud, som scanner indholdet af sites. Den information robotterne finder er med til at påvirke, hvordan dit site rangeres. Jeg har derfor tilføjet følgende "metatags" til mine HTML siders head sektion: <meta name="description" content="weblabs Grafisk webdesign. Portfolio og kontaktoplysninger." /> <meta name="keywords" content="morten Møller, weblabs, portfolie, grafisk design, multimediedesigner, webdesign, design, grafisk arbejde, web, webudvikling, logo, københavn, kings of dark disco, when city sleeps, audiolax" /> <meta name="author" content="morten Møller" /> 8

9 Derudover har jeg tilføjet skrevet "keywords" i billedernes ALT atributter. Eksempel: <a href="portfolie.html"><img src="images/portfolie_thumb.png" alt="portfolie - grafisk design" />Portfolie (1. udgave)</a> Jeg har også været opmærksom på at skrive "keywords" i selve "body" teksten på min side. 9

10 EKSPERTVURDERING I forbindelse med mit arbejde med "Weblabs" foretog jeg en ekspertvurdering af mit site. Dette er "...en systematisk måde at gennemgå et website, hvor gennerelle retningslinjer indenfor usability bruges til at vurdere websites kvalitet i brugen". Denne slags brugertest har følgende karakteristikker: Test af brugbarhed i forhold til heuristikker - Retningslinjer, regler eller principper Middel ressourer - testen kræver ikke test-deltagere og forberedelse Test på eksisterende websites - samt retningslinjer til design og udvikling To slags eksperter: - Eksperter i forhold til webdesign og usability - Eksperter på det pågældende fagområde I praksis har ekspertvurderingen tre faser. Den første er en planlægnings- og briefingsdel, hvor udførelsen af testen bliver gennemgået for deltagerne, som også briefes om det websitet. I anden fase gennemgår de deltagende websitet individuelt og noterer de problemer de finder i brugen af sitet. Tredje fase er en diskussion eksperterne imellem om de fejl de hver især har fundet. Mit ekspertpanel bestod af tre personer (A, B og C), som på sigt kunne være potentielle kunder. Herunder er vores besvarelser samlet i et enkelt log-skema. Hvert problem er blevet tildelt en alvorsgrad fra 1-4, hvor 1 svarer til et kosmetisk problem 10

11 og 4 et katastrofalt (Gregersen, Ole & Wisler- Poulsen, Ian Kap. 7): Testpersoner: A, B og C Heuristik/ Designprincip: Navn & Nummer: Lokation: URL: Problem: Beskrivelse af brugerens problem: #5 Forhindre fejl weblabs.dk/illustrator.html Link til logofiler virker ikke #5 Forhindre fejl weblabs.dk/laering_bannerprojekt.h Link virker tml ikke #1 System status weblabs.dk/laering_portfolie.html Savner en "tilbage" knap #4 Konsistens og weblabs.dk/index.html Den grå standarder menu kan forvirre nogle Kategori: Løsning: 1-4 Forslag til løsning på problemet: 4 Ret URL 4 Ret URL 2 Lave "tilbage" links på undersider 2 Vise billeder og tekst i den grå box #4 Konsistens og weblabs.dk/index.html standarder #5 Forhindre fejl weblabs.dk/laering_bannerprojekt.h tml Brugeren kan tro der ikke er noget på siden 3 Vise billeder og tekst i den grå box Dødt link 4 Ret adressen #5 Forhindre fejl weblabs.dk/laering_bannerprojekt.h tml #8 Æstetisk og weblabs.dk/laering.html minimalistisk design Link er dødt 4 Ret URL Teksten 1 Lave virker meget spalter "massiv" Ovenstående log-skema gav mig en idé om nogle fejl og mangler på min side. Simple fejl, såsom døde links kunne jeg hurtigt rette. En testperson savnede muligheden for at "gå tilbage" på undersider, hvilket jeg tilføjede. 11

12 På min "læringsside" valgte jeg at dele teksten op i to spalter med små afsnit i kursiv, hvilket har skabt luft på siden. To testpersoner nævner det grå kvadrat, som udgør menuen under portfolie, som værende forvirrende. Jeg har valgt at beholde menuen, men har dog tilføjet et "grid" som opstår når man "hover" over kassen. Dette afslører at menuen er delt op i felter og var ikke en del af mit oprindelige design. REDESIGN AF PROJEKTER En del af eksamensopgaven har handlet om at justere i de opgaver, vi har lavet i løbet af 1. semester. Jeg har derfor været inde og kigge på både mit Bannerprojekt og redesignet af Søren K's hjemmeside. Bannerprojekt I dette projekt har jeg lavet om på det banner 3. Jeg har fjernet de røde gardiner derfra, da jeg syntes at farven faldt udenfor det samlede koncept. Derudover har jeg redigeret i baggrundsbilledet på min "landing-page" og trukket farve ud af det, da det "støjede" i forhold til det øvrige farvevalg på siden. Oprindeligt projekt: Opdateret: Søren K Redesign Her har jeg redigeret i logoet for restauranten. Jeg har fjernet ansigtet og gjort selve teksten større. Jeg har rykket siden lidt ned ved hjælp af noget margen i toppen. I menuen til højre har jeg lavet billederne til links (ligesom knapperne), og der er "hover" effekt på dem også. Derudover har jeg taget lidt farve ud af billederne til højre, da jeg syntes, de stjal fokus fra "hoved-siden" til venstre. På "kontakt" siden har jeg gjort kortet mindre og placeret det til venstre, således det ikke "clasher" med billederne i spalten til højre. 12

13 Oprindeligt projekt: Opdateret: EVALUERING Jeg synes, arbejdet med denne opgave er forløbet godt. I løbet af mit 1. semester har jeg rykket mig indenfor kodning og design af hjemmesider, hvilket jeg kunne mærke i denne arbejdsproces. Dette erfarede jeg også, da opdaterede mine gamle projekter. Desuden har jeg inddraget den teoretiske viden, jeg har tilegnet mig i løbet af mit første halve år på studiet. Dette har hjulpet mig til at strukturere min arbejdsproces og i argumentering for designvalg. 13

14 KILDER 20 Designprincipper. Wisler- Poulsen, Ian. 1. udgave, 1. oplag. Grafisk Litteratur Usability - Testmetoder til mere brugervenlige websites på internettet. Gregersen, Ole & Wisler- Poulsen, Ian. 1. udgave, 2. oplag. Grafisk Litteratur Slides fra Fronter 14

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

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

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

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

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

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

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

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

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

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

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

Multimediedesign på Cph-Business

Multimediedesign på Cph-Business Multimediedesign på Cph-Business URL:mul122.itkn.dk/banner/banner.html Undervisere: Ditlev Skanderby, Frederik Tang, Ian Wisler-Poulsen, Jesper Hinchely, Merete Geldermann Lützen, Morten Rold og Thomas

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

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

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

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

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

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

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

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

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

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

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

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

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

Læs mere

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

Se hjemmesiden på:

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

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

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

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

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

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

GRAFISK DESIGN. webdesign af pl.dk

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

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

REKLAMEBANNER FOR MEDINA

REKLAMEBANNER FOR MEDINA REKLAMEBANNER FOR MEDINA http://mul112.itkn.dk/medina/index.html Et projekt af gruppe 8, multimediedesign B, Cphbusiness 2013 CHRISTIAN SONNE ROSENDAHL, CPH-CR104@CPHBUSINESS.DK KAREN LISE KRAGELUND, CPH-KK151@CPHBUSINESS.DK

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

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

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

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

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

GRAFISK WORKFLOW 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 GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

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

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

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK WORKFLOW. Proces. Kodning. Fonts: P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces

Læs mere

Portfolio - sunestenild.dk

Portfolio - sunestenild.dk Portfolio - sunestenild.dk Grafisk produktion og workflow Anvendte programmer: Opgavebeskrivelse: Jeg vil gerne lave en hjemmeside som promoverer mig selv i forhold til kommende arbejdsgivere og eventuelle

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

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

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

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 OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

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

Læs mere

Bannerprojekt: 1. semester, 2. projekt

Bannerprojekt: 1. semester, 2. projekt Bannerprojekt: 1. semester, 2. projekt Hold: CLmula13e Årgang: 2013-2015 Gruppe nr. 7 URL til bannere: http://mul20.itkn.dk/bannere/katyperry.html URL til landingpage: http://mul20.itkn.dk/bannerprojekt/index.html

Læs mere

Grundforløbsprøve Projektbeskrivelse

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

Læs mere

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

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

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

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

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

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

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012 WEBSITE Projekt 3 Dato: 23.11.2012 Indholdsfortegnelse Indledning... 2 Designbrief... 2 Kommunikationsanalyse... 3 Flowchart... 4 Eksempel på HTML... 5 Argumentation for design... 7 Evaluering... 9 Gant-diagram...

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

Indholdsfortegnelse. Refleksion

Indholdsfortegnelse. Refleksion Læring 1. semester Indholdsfortegnelse Refleksion Portfolio-projekt... s. 1 Formål... s. 1 Portfolio & Wordpress... s. 1 Design... s. 1 HTML & CSS... s. 1 Typografi... s. 1 Photoshop... s. 1 Banner-projekt...

Læs mere

Indhold. Opgaven - Beskrivelse - Oplæg - Målgruppe. Inspirationssøgning. Brainstorm. Skitser - Symbol. Skitser - Site. Digitale skitser - Site.

Indhold. Opgaven - Beskrivelse - Oplæg - Målgruppe. Inspirationssøgning. Brainstorm. Skitser - Symbol. Skitser - Site. Digitale skitser - Site. GRAFISK DESIGN Indhold Opgaven - Beskrivelse - Oplæg - Målgruppe Inspirationssøgning Brainstorm Skitser - Symbol Skitser - Site Digitale skitser - Site Mockup OPGAVEN Beskrivelse Opgaven er en mindeside

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

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

Læs mere

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

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

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

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

Læs mere

Indledning. Projektplan. Gantt chart

Indledning. Projektplan. Gantt chart Indholdsfortegnelse Indledning... s. 1 Projektplan... s. 1 Gantt chart... s. 1 Kommunikations-analyse... s. 2 Kommunikationsmodel... s. 3 Usability... s. 3 Ekspertvurdering... s. 3 Kortsortering... s.

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

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

Læs mere

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

Grafisk workflow 3. Hovedforløb

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

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

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

Læs mere

Bannerprojekt. http://www.cph87.webkn.dk/bannerprojekt/bannerside.html

Bannerprojekt. http://www.cph87.webkn.dk/bannerprojekt/bannerside.html Bannerprojekt http://www.cph87.webkn.dk/bannerprojekt/bannerside.html Faktaark Titel: Bannerprojekt (Kulturnatten 2012) URL: Gruppe 5: http://www.cph87.webkn.dk/bannerprojekt/bannerside.html Morten Møller

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

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

Portfolio - Grafisk Workflow

Portfolio - Grafisk Workflow Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud

Læs mere

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt

Læs mere

Fact sheet. Projekt titel E-Zine. Url: http://www.p7.vanjamilo.dk

Fact sheet. Projekt titel E-Zine. Url: http://www.p7.vanjamilo.dk MOVIEMANIA Fact sheet Projekt titel E-Zine Url: http://www.p7.vanjamilo.dk Gruppemedlemmer: Angelica Olesen Vanja Milosevic Pia Kristensen Emilie Eriksen Christian Knudsen Klasse: MULA 2014 Gruppenummer:

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

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

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

Grafisk design. Webdesign til barbershop

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

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

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

Læs mere

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion

Læs mere

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

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com Rapport Udarbejdet af: Mayianne Nøks Pedersen Skole login: knmape68 E-mail: mypedersen@gmail.com URL til brugerundersøgelsen: http://web328.webkn.dk/hjemmeside/image/laering/sem2brugerundersogelse/brugerundersogelse/

Læs mere

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

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

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves nyt hjemmesidedesign til Inhouse Graphic skolepraktik på Aarhus Tech. Hjemmesiden skal kort og godt fortælle om de elever, der arbejder i skolepraktikken og om deres

Læs mere

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

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

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

Læs mere