Projekt 5 - Porfolio Redesign

Størrelse: px
Starte visningen fra side:

Download "Projekt 5 - Porfolio Redesign"

Transkript

1 Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20

2 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown Structure...side 6 GANTT-kort...side 7 Brugertest...side 8 Brugertest Resultater...side 9 Informationsarkitektur...side 10 Side Sketches...side 11 Sitemap...side 12 Wireframes...side 14 Visuel Design...side 17 HTML og CSS...side 19 Konklusion...side 20 2/20

3 Projektbeskrivelse Hvad er en Portfolio? Dette projekt er det afsluttende projekt for 1.semester. Projektet er et redesign af min nuværende portfolio, som blev udarbejdet i projekt 1. Med udgangspunkt i alt det jeg har lært i 1.semester, har jeg udarbejdet en hjemmeside, som skal fungere som en præsentationsportfolio, der indeholder alle mine projekter i de forskellige semestre samt mine læringsprocesser og kompetencer. Mit projekt indeholder mine beslutningsprocesser i forhold til informationsarkitektur, det visuelle udtryk, designvalg, designprincipper samt modeller og metoder jeg har lært i undervisningen. En Portfolio er en samling af projekter, som viser den studerendes anstrengelser, fremskridt og præsentationer inden for flere områder. En Portfolio indeholder også den studerendes valg af indhold, kriterier for valg samt den studerendes selvrefleksion af projekterne. En portfolio er samlet med henblik på at dokumentere den studerendes kompetencer. Hjemmesiden tager udgangspunkt i en brugertest af min hidtidige WordPress portfolio. Derudover er hjemmesiden håndkodet fra bunden med brug af HTML og CSS. Projektet indeholder også redesign af de øvrige projekter. 3/20

4 Mindmap Hvad er en mindmap? Mindmapping er et visuelt mønster af beslægtede idéer og tanker. Emnet som skal behandles skrives i midten af papiret. Hvorfor bruge en mindmap? Styken ved mindmapping udnyttes først, når idéer og tanker flyder frit, og vi undgår at vudere eller bedømme undervejs i tankeprocessen. Et mindmap kan ses som en illustration af en brainstormprocess, hvor assoxiationer og inpput udvikles løbende og gerne med mange deltagere. 4/20

5 Project Breakdown Structure Portfolio Hjemmeside Rapport Remakes billeder/ikoner WBS/PBS Game Design projekter GANTT-kort Infographic html/css Informationsarkitektur Website Design læring kontakt om mig kompentencer Brugertest Design valg Hvad er en Project breakdown structure? Project breakdown structure, også forkortet PBS, er en del af en produkt planlægning teknik. PBS giver en hierakisk struktur af alle de dele, der udgør projektet. Det er et skridt før WBS, men den har et identisk format. PBS er vigtig at have med i projektplanlægningen, da det giver en klar redegørelse for, hvad projektet præcis indeholder og skal levere. 5/20

6 Work Breakdown Structure Portfolio Planlægning Analyse og Design Website Rapport Aflever Projekt Mindmap Brugertest Sidestruktur Skrive Rapport 16 Januar kl 12 GANTT-kort Informationsarkitektur Projekter WBS Sketches Kodning Visuel design Remakes Grafisk Design Hvad er en Work Down Structure? Work Down Structure, også forkortet WBS, er en metode inden for projektledelse, som hjælper med at strukturer et projekt. I en WBS opdeler man et projekt i mindre dele og opgaver, og dette gentager man indtil man har organiserede alt arbejdet i projektet. 6/20

7 GANTT-KORT Hvad er et GANTT-kort? GANTT-kort er en metode til at strukturer et projekts tidsplan. Det er et kort over projektets datoer fra start til sluttipspunkt for alle opgaverne i projektet. Kortet viser også afhængigheden og rækkefølgen mellem opgaverne. Ved hjælp af denne metode får man et nemmere overblik over et projekt. Er Tidsplanen holdt? Det har været meget nyttigt, at have et GANTT-kort ved siden. Det har gjort arbejdsperioden mere overskuelig. Tidsplanen har i store træk udfoldet sig som planlagt. Men nogle af perioderne har overskygget hianden. F.eks. selve produktionen af websitet med html og css, har været i gang under hele projektet, da der tiltider er kommet er nye idéer undervejs eller ting, der skulle rettes. 7/20

8 Brugertest Hvad er en brugertest? En brugertest tester brugerens oplevelse af en hjemmeside. Den kan bruges til at finde ud af og forstå, hvor brugerne oplever problemer, når websitet bruges, men den kan også bruges til at fremvise over for andre, hvor disse probelmer er. Hvordan foregår testen? Testen forgår således, at en testperson sidder foran en computer sammen med en projektleder, en obsevatør og en referent. Testlederen stiller således tespersonen en række opgaver. Referentens opgave er at observere, hvordan testpersonen udfører opgaven, er testpersonen besværet eller udfører han nemt opgaven. Hvad er usability? Usability viser noget om, hvor brugbart en hjemmeside er. Herunder hvor effektivt og funktionelt den er. Er hjemmesiden nem og overskuelig? Kan man finde relevant information præcist og hurtigt? Når man tænker Usability, er det også vigtigt at kigge på, hvem hjemmesiden henvender sig til. Der findes forskelle testmetoder, som ganstertest, kortsortering samt brugertest. Spørgesmål til testpersonenerne: 1. Find kontaktindformationerne 2. Find projekt 2 s website link. 3. Find projekt 3 på 3 semester. 4. Hvem står bag portfolioen? 5. Kan man læse om læring for projekt 3 i 1 semster. Testperson 1: 23 årig, multimediestudernede. Testperson 2: 20årig, pædagogstuderende. 8/20

9 Brugertest Resultater Siden Læring, som testpersonerne fandt alt for lang og komliceret. Resultater: Begge testpersoner fandt ubesværet kontaktinformationer på siden. Det samme med spørgesmål nr. 4 omkring, hvem der stod bag portfolion. De syntes begge at det var godt illustreret på forsiden med billede og navn, og at det gav et godt indtryk, at man viderefrem havde et visuelt indblik i, hvordan personen så ud. Opgaven nr. 2 var delvis besværlig. Begge testpersoner fandt linket efter noget tid, men især testperson 2 havde lidt svært ved det. Testperson 2 nævnte, at det godt kunne være vist lidt mere tydeligt. Opgave nr. 3 var et trick spørgesmål, da der ikke findes noget projekt 3 på 3 semester, da jeg kun går på 1 semester. De blev begge lidt forvirret, og den multimediestuderende mente, at det havde være godt, at indikere på en eller anden måde, at man ikke var nået til 2, 3 og 4 semester endnu. Til opgave 5: Begge testpersoner fandt læringssiden meget lang, kompliceret og syntes, at det var en forvirrende side. Testperson 2 sagde, at hun syntes det var bedre, hvis man direkte kunne læse om læringen inden under projekterne, da det ville give en bedre sammenhæng. 9/20

10 Informationsarkitektur Hvad er informationsarkitektur? Informationsarkitektur handler om, hvordan indholdet på en hjemmeside organiseres. Informationsarkitektur handler primært om struktur, flow og de grundlæggende spørgsmål med hensyn til placering af diverse ting på hjemmesiden. Når man taler om informationsarkitektur har man meget fokus på brugernes behov. Man arbejder hen imod at bygge informationsstruktur, der er nemme for brugeren at bruge og forstå. Sketches: Sketches er det første step i, at finde ud af, hvorda hjemmesiden skal struktures. Sitemap: En sitemap er en model over hjemmesidens struktur. Her finder man ud af, hvordan alle hjemmesidens sider bliver koblet til hianden. Det er i dette step, at man bliver klog på, hvordan siden struktures bedst muligt i forhold til brugerene, så brugerne nemt kan finde rundt på hjemmesiden. Wireframes: Wireframes er en senere udvikling af ens tidligere sketches. Her bliver vi klogere på, hvordan hjemmesiden helt præcis skal struktures. Wireframes er ligesom sketches, uden nogen visuelle indtryk, det handler altså kun om, hvordan hjemmesiden skal struktures. 10/20

11 Side sketches 11/20

12 Sitemap Goldilocks problem: Nedestående figur, viser goldilocks problem. Til højre ses en hjemmsidestruktur, hvor hovedmenuen bliver alt for lang. Til venstre ses en hjemmesidestruktur, som bliver alt for kompliceret, hvilket gør brugerne forvirrede. Den ene struktur er for enkel og dermed alt for lang og ikke overskuelig. Den anden er for kompliceret og indviklet. Mit valg af hjemmesidestruktur: Jeg har brugt min viden om informationsarkitektur, hvor jeg har fokuseret på goldilocks problem, da jeg skulle opbygge min hjemmeside struktur. Jeg har derfor valgt en løsning, som jeg syntes er en mellemting, af de to hjemmesidestrukture som ikke fungere. Jeg har derfor taget de ting fra de to modeller, som fungure, og brugt i min struktur. Jeg har valgt at lave en menu med 4 undersider, hvoraf en af undersiderne har 4 undersider. Ved ikke at sætte alle mine sider i hovedmenuen, undgår jeg den enkle menu til venstre, som bliver alt for lang. Men ved kun at have undersider på en af mine hovedsider, undgår jeg en lang og kompliceret struktur, hvor det bliver svært for brugeren at finde de søgte sider. 12/20

13 Sitemap Dette er min portfolios hjemmeside struktur: Forside Forside Projekter Designeren bag Kontakt Projekt 1 Projekt 2 Projekt 3 Projekt 4 Projekt 5 13/20

14 Wireframes Forside: Projekter: 14/20

15 Wireframes Designeren bag: Kontakt: 15/20

16 Wireframes Alle projekter: 16/20

17 Visuel Design Hvad er visuel design: Visuel design er det visuelle udtryk på en hjemmeside. Herunder tænkes på farvevalg, typografi, layout samt stemningen på hjemmesiden. HELVETICA Typografi: Typhografi er en vigtig detalje i det visuelle design. Under typografi høre skrifttype, skriftstrørrelse, linjeafstand samt linjelængde. Jeg har brugt forskellige skriftstørrelse på min hjemmeside. Hovedsaligt har jeg benyttet 12pkt i sammenhængene skrift, hvor der er blevet brugt større skrifstørrelser til overskrifterne. I min rapport har jeg benyttet 13pkt, og 26pkt til overskrifterne. Jeg har også benyttet mig af linjeafstand på både hjemmesiden og i rapporten, for at gøre det lettere for brugerne at læse teksten. Helvetica: Jeg har valgt at bruge fonten helvetica, som er en sans-serif font, igennem hele mit projekt, både her i rapporten og på hjemmesiden. Jeg har valgt denne skrift fordi den er kendt for at være en enkel og læsbar font, hvilket jeg fant passende til mit portfolio projekt. Da det er vigtigt at brugerne let og ubesværet kan læse det, som der står på hjemmsiden. Derudover er helvetica en meget kendt font, hvilket gør, at de fleste browers og computer burde kunne vise denne font-type. 17/20

18 Visuel Design Farver: Farver er en stor del af det visuelle udtryk på en hjemmeside. Det er vigtigt at finde nogle farver, der spiller godt sammen og kompensere hinanden. Derudover er det godt, at have evt. en eller flere farver, der skiller sig lidt ud i ens design, til at fremhæve de vigtige detajler. I mit projekt har jeg holdt mig til de lyse farver, hvid og grå, og som den farve der skulle give resten af designet et skub, har jeg valg turkis. Farve kombination for min side: #FFFFFF # # #34b4a3 # 2A9083 Hvid: Jeg har valg farven hvid, som min base farve, fordi farven i sig selv er meget enkel. Derudover symbolisere den ro og præcistion. Farven giver god og behagelig baggrund at kigge på. Grå: Jeg har valgt farven grå, som min overvejende farve i gennem hjemmesiden. Det har jeg, fordi den symblisere intelligens, værdighed, modenhed, solidaritet og funktionalitet. Alle egenskaber jeg syntes passer godt i sammenhængen med et portfolio projekt. Turkis: Jeg har valgt farven turkis til, at være den farve, som highlighter de vigtige ting i mit projekt. Som en kombination af farven blå og en lille smule gul, passer turkis på farveskalaen mellem grøn og blå. Farven turkis udstråler fred, ro og stilhed gennem den blå farve, balance og vækst fra den grønne farve, med en opløftende energi fra farven gul. 18/20

19 HTML & CSS HTML5: HyperText Markup Language er et opmærkningssprog, der primært har til formål at strukturere indholdet på en hjemmeside og få tekst og billeder til at virke som links til andre html-sider. Min hjemmeside indeholder 9 html-dokumenter. CSS: Cascading Style Sheets er et sprog der bruges til at style HTML-dokumenter. CSS bruges til at styre en hjemmesidens udseende og opbygning. Hver html side er koblet sammen med reset.css. Derudover har alle html hovedsiderne, altså index.html, projekter.html, ommig.html og kontakt. html, sit eget css dokument tilknyttet med samme navn. De 5 projekter, har så samme css dokument tilknyttet med navnet alleprojekter.css. HTML-dokumenter: index.html projekter.html projekt1.html projekt2.html projekt3.html projekt4.html projekt5.html ommig.html kontakt.html CSS-dokumenter reset.css index.css projekter.css alleprojekter.css ommig.css kontakt.css Mapper: images animate 19/20

20 Konklusion Opgaven lød på at lave et redesign af min portfolio i projekt 1. Jeg har opbygget min nye portfolio med metoder, begreber og programmer, som jeg har lært at benytte igennem 1. semester på Copenhagen Business Academy. Jeg har benyttet mig af alle de kompentencer jeg i løbet af semestret har tilegnet mig i de forskellige fag, hvilket både kommer til udtryk på min portfolios hjemmeside samt i denne rapport. Jeg har fra faget virksomheden, lært om diverse projektforberede metoder, som mindmap, PBS, WBS og GANTT-kort, som jeg alle har benyttet mig af i starten af mit projekt. De har hjulpet mig igennem hele min arbejdsprocess, og været et godt redskab at have ved siden. Jeg har fra faget kommunikation, lært om informationsarkitektur og usability, som jeg også har brugt i mit projekt. Begge ting har jeg brugt til, at designe og strukturer min hjemmeside brugervenlig. Jeg har fra faget Design og Visulasering lært om visul design, som jeg har brugt i min desigprocess til at finde blandt andet ud af, hvilke farve og typografi jeg skulle vælge til min portfolio. Derudover har jeg opbygget kompentencer inden for en masse programmer i faget, som jeg også har brugt i mit projekt: InDesign, Illustrator, Animate samt Photoshop. Til sidst har jeg i faget Interaktions Development lært at bruge koderne HTML5, CSS samt en smule Javascript i programmet Edge Code. Jeg har brugt HTML5 og CSS til at opbygge min hjemmeside. 20/20

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

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

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

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

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

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

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

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

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

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

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

P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B Marie Egeberg P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B 09.01.17 INDHOLD 1 2 Indledning Farver 10 11 Font Brainstorm 9 Design Principper Info. arkitektur 12 3 Negativ brainstorm Mockup 8 4 7 13 15 14 Redesign

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

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

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

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

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

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

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

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

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

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

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

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

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

Project 5: Portfolio Remake

Project 5: Portfolio Remake Project 5: Portfolio Remake Art is a tree of life. William Blake December 2014 Januar 2015 1. semester, MulA, Multimediedesigner uddannelse Copenhagen Business Academy, Lyngby annastacy.k@gmail.com Indholdsfortegnelse

Læs 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. 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

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

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

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

Gruppe 9 Visuel Interface Design, 27/09/2011

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

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

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

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

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

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

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

Indledning: Testen foregår på tid, da jeg ønsker at finde ud af, hvor lang tid brugeren er om at komme til disse mål.

Indledning: Testen foregår på tid, da jeg ønsker at finde ud af, hvor lang tid brugeren er om at komme til disse mål. Indledning: En brugertest er et godt redskab at bruge, når man skal teste brugervenligheden på en hjemmeside. Det er en af de mest anvendte usability testmetoder. Testen kan have to formål: at informere,

Læs mere

Portfolio. Afsluttende projekt 1. semester. dec. 2014 jan. 2015. Simone Strecker Carstensen. MulA

Portfolio. Afsluttende projekt 1. semester. dec. 2014 jan. 2015. Simone Strecker Carstensen. MulA Portfolio Afsluttende projekt 1. semester dec. 2014 jan. 2015 Simone Strecker Carstensen MulA Contents Moodboard... 3 Projektplanlægning... 4 PBS og WBS... 4 Dokumentation af udviklingsproces... 5 Wireframe

Læs mere

Jakobb Plenge, Andreas Simonsen, Simon Andersen & Simone Snedker Ekstrem Sport Gruppe 131, MulA 2015

Jakobb Plenge, Andreas Simonsen, Simon Andersen & Simone Snedker Ekstrem Sport Gruppe 131, MulA 2015 Jakobb Plenge, Andreas Simonsen, Simon Andersen & Simone Snedker Ekstrem Sport Gruppe 131, MulA 2015 indholdfortegnelse Brainstorm PBS WBS Gantt-kort Problemformulering Målgruppe Designvalg Konklusion

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

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer

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

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

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

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

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

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

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

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord Kend dine brugere Om brugertest 2 sem., feb. 2010 Multimediedesigner, København nord Andreas Frandsen, Ninette Nielsen Agnete Gnistrup, Senia Lundberg Side 1 af 7 Indholdsfortegnelse Indledning s. 2 Valg

Læs mere

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse Jesus Kr istus - Ev ig Konge e g n o K g i v E s u t s i r K Jesus Jesus Kristu s - Evi g Kon ge Opgaven Opgaven går ud på, at lave en hjemmeside, enten som en præsentation af noget, eller en kampagne

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

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

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

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

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

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 Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret

Læs mere

Brugerundersøgelse 2. semester 3. projekt

Brugerundersøgelse 2. semester 3. projekt Brugerundersøgelse 2. semester 3. projekt knmefr5 Mettemarie From mette@byfrom.com http://byfrom.com/survey/survey.html Portfolio: http://byfrom.com/ Indholdsfortegnelse: Indholdsfortegnelse...s.1 Introduktion...s.2

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

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

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

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

Project 5: Portfolio Remake

Project 5: Portfolio Remake Project 5: Portfolio Remake Art is a tree of life. William Blake December 2014 Januar 2015 1. semester, MulA, Multimediedesigner uddannelse Copenhagen Business Academy, Lyngby annastacy.k@gmail.com Indholdsfortegnelse

Læs 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

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

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

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

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

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

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

SPIL med tidsplan. Formål: Kernestof: Vejledning til opgaven:

SPIL med tidsplan. Formål: Kernestof: Vejledning til opgaven: Side 1 SPIL med tidsplan Formål: arbejde selvstændigt og sammen med andre i større problembaserede projektforløb og anvende metode til at planlægge, gennemføre og evaluere projektforløbet dokumentere og

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

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding 3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet

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

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

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

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

Dokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet.

Dokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet. Dokumentation På de følgende sider findes dokumentation for arbejdsforløbet under portefolioprojektet. Dette består primært af forskellige illustrationer af brainstorm, overvejelser vedrørende informationsarkitektur

Læs mere

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

Læs mere

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

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

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

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

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. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

Grafisk Design. 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 WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Hvordan kan vi designe et website til studenterorganisationen Analog café? Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online

Læs mere

Portfolio Rapport. Afslutning 1. Semester 2014-15 Udarbejdet af Charlotte Bergstrøm, Mul.B.

Portfolio Rapport. Afslutning 1. Semester 2014-15 Udarbejdet af Charlotte Bergstrøm, Mul.B. Portfolio Rapport Afslutning 1. Semester 2014-15 Udarbejdet af Charlotte Bergstrøm, Mul.B. 0 Indhold Indledning... 2 Læring... 3 Konklusion... 4 Projektplanlægning... 7 Designvalg... 10 Stemning... 10

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

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

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

Læs mere

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