WBS. Inledning. Afsluttende projekt 1. sem
|
|
- Anne Marie Clausen
- 8 år siden
- Visninger:
Transkript
1 MARK KRISTENSEN.DK
2 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. Den nye portfolio er udviklet med udgangspunkt i den feedback, jeg modtog for min forrige portfolio. Af bemærkninger var at brødkrummestien ikke altid var tilgængelig, og at jeg skulle passe på med for mange anslag pr. linje. WBS Som det første led i planlægningsprocessen udarbejdede jeg en arbejdsnedbrydningsstruktur (WBS). En metode der på simpel vis opdeler projektet og dets opgaver i et hierarki, således at det bliver nemmere og mere overskueligt at planlægge organisere opgaver. Det har været en hjælpende faktor, og været med til at effektivere hele udviklingsprocessen. (se WBS på næste side) 1
3 1.0 Portfolio redesign 1.1 Projektdefinering 1.2 Layout og informationsarkitektur 1.3 Udvikling og test 1.4 Færdigudvikling 1.5 Indhold Formål med opgaven Informationsindsamling Sitemap Wireframing Kodning Færdigudvikling Redesign/remake af forrige projekter Tekniske krav Design brief Brugertest Kode-validering Dokumentation af udviklingsproces Målsætning Moodboard Refleksion over læring Inspiration Brainstorm / Mindmap 2
4 Design Brief Indledningsvis udarbejdede jeg et kort kreativt brief, for at fastslå nogle rammer ift. målet med sitet, funktionaliteten og stemningen, og for at gøre det lettest for mig selv at nå mine måsætninger. Kort introduktion Udarbejd et portfolio-site i HTML og CSS, der skal fungere som min tilstedeværelse på nettet og demonstrere mine evner og kompetencer for eventuelle kommende arbejdsgivere samt undervisere og studerende på Cphbusiness. På hjemmesiden skal det være nemt at tilgå samtlige projektforløb, jeg har haft, samt refleksion over min personlige udvikling og læring. Mål med sitet Brugervenlighed skal være i fokus, og det skal være let at navigere rundt på siden. Brødkrummestier skal være tilgængelige, når der er brug for dem, således at brugeren ikke er i tvivl om, hvor han befinder sig på siden. Ydermere skal det være muligt at kontakte mig via en kontaktformular. - En forside og minimum fire undersider (se sitemap) - Overskuelig navigation - Brødkrummesti når brugeren bevæger sig mere end én side ned i websitets hierarki. - Venligt visuelt indtryk. Mål med sitet Et brugervenligt og lettilgængeligt site med information om mig, mit arbejde og projekter på Cphbusiness, hvor refleksion over min læring/udvikling er præsenteret på overskuelig vis. 3
5 Målgruppe Kommende arbejdsgivere Portfolioen kan bruges i forbindelse med fremtidige jobansøgninger, hvor min potentielt kommende arbejdsgiver kan se det arbejde, som jeg har lavet. Nuværende eller kommende medstuderende Andre studerende eller kommende studerende kan hente inspiration eller motivation ved at kigge på min portfolio. Mig selv Portfolioen kan også bruges som selvevaluerende værktøj, når jeg i fremtiden kigger tilbage på min udvikling. Design Portfolioens design skal være inspireret af den flade designstil en hyppigt debatteret designfilosofi med minimalistiske træk. Designet skal helt være foruden, eller have minimal brug af skygger, teksturer, gradients eller andet grafik der skaber dimensionalitet. Idéen med fladt design kommer fra at fokusere mere på brugervenlighed og mindre på genkendelighed. Vi behøver ikke komplicerede visuelle objekter for at forstå, hvad det er vi kigger på, som man f.eks. ser det i designstilen skeuomorphism, hvor man forsøger at imitere objekter fra den fysiske verden. Skeuomorphism Til venstre ses et velkendt eksempel af skeuomorphism i Apples Newsstand app. Denne stil blev flittigt anvendt af Apple i ios5 og 6. 4
6 Visuelle referencer Som en del af mit brief har jeg har anvendt et moodboard til at lave en opsamling af designs, der med sine simple elementer, typografier og flade farver, giver den flade designstil sine kendetegn. Moodboardet skal bruges til inspiration, når layoutet skal designes senere i forløbet. 5
7 Forside Om Mig Kompetencer Læring Projekter Kontakt 1. Semester Sitemap Et sitemap kan være et effektivt redskab i udviklingsprocessen, når man skal udvikle en hjemmeside. Det er et planlægningsredskab der kan hjælpe med at organisere og tydeliggøre det indhold, som er vigtigt at få med på din side, og det der ikke er. Det kan være med til at sørge for, at du undgår at arbejde med overflødige sider, og det kan derfor spare tid. Mit sitemap viser tydeligt, at min hjemmeside kommer til at have en forholdsvis flad hierarkisk opbygning, da der ikke er mange undermenuer. En flad hierarkisk struktur er også at foretrække til denne type af hjemmeside, da en mere kompleks hierarkisk struktur ville komplicere informationsarkitekturen, og gøre det svære at finde den information, man leder efter. Projekt 1 Projekt 2 Projekt 3 Projekt 4 Projekt 5 6
8 Brainstorm Mindmap Til min brainstorming har jeg valgt at bruge et mindmap. Mindmaps er en af de bedste måder at dokumentere tanker og idéer på og samtidig præsentere dem i visuel form. Og det gør det til et fremragende redskab, når man skal lave en brainstorm, da mindmaps har mange fordele over traditionel note-skrivning. Vores hjerne tænker ikke lineært, men tanker udspringer fra andre tanker, og det er netop sådan, at mindmappet fungerer. Man starter med at dokumentere sine tanker og idéer, og derefter kan man tilføje flere grene, og spørge sig selv hvorfor eller hvordan. 7
9 8
10 Designvalg Farver Den gennemgående farve i designet er en lys nuance af blå, som er med til at give et livligt og tillidsfuldt indtryk. Den blå farve optræder første gang øverst på forsiden, bag ved den introducerende tekst. Det er dog vigtigt, at den blå farve ikke bliver overanvendt, da dette kan give et uønsket koldt indtryk. Tekst på siden er ikke sort, men derimod nuancer af grå. Den grå farve er valgt, da den giver et roligere indtryk end den sorte farve, der kan resultere i et hårdt og skarpt indtryk. Den grå farve giver en tydelig kontrast med websitets hvide baggrund, og har en dæmpende effekt på den ellers livlige blå farve. 9
11 Typografi Roboto Roboto er en sans-serif skrifttype udviklet af Christian Robertson hos Google. En populær skrifttype der med dens venlige og åbne kurver både bliver brugt til Google+, Google Play og Google Maps. Sans-serif stilen egner sig godt til skærmlæsning og til hjemmesidens flade designstil. Montserrat Til Mark Kristensen -logoet i hjemmesidens header og footer bruges skrifttypen, Montserrat, der også er frit tilgængelig, udviklet af Julieta Ulanovsky. Roboto er gratis, og findes i Google Fonts bibliotek. Regular AaBbCcDdEeFfGgHhLiJjKkLlMmN Bold AaBbCcDdEeFfGgHhLiJjKkLlMmN Medium AaBbCcDdEeFfGgHhLiJjKkLlMmN 10
12 Designprincipper Minimer spørgsmålstegn Mit mål har været, at designe en hjemmeside der er indlysende at bruge, uden at der kræves nærmere forklaring for hvordan den virker. Hjemmesiden er udviklet med udgangspunkt i at fjerne spørgsmålstegnene. Navigationen er logisk og intuitivt opbygget, for at gøre det tydeligt for brugeren, hvordan han kommer fra A til B. Hvis brugeren skal lede efter svaret, for at forstå hvordan hjemmesiden virker, opstår der unødvendige spørgsmålstegn, og informationsarkitekturen bliver dårligere. Dette sikres bl.a. ved hjælp af en menu, der forbliver i toppen af skærmen, selvom brugeren scroller på siden, således at brugeren altid ved, hvor han er, og hvordan han kommer tilbage. Læsevenlighed Som det er nævnt indledningsvis i denne rapport, modtog jeg den bemærkning til min forrige portfolio, at jeg skulle passe på med at have for mange anslag pr. linje. Dette skyldes, at for lange linjer kan have en negativ indflydelse på tekstens læsbarhed, når der er meget tekst. Det kan gøre det svære for brugeren at tilpasse synet til den næste linje, eller resultere i at brugeren helt skipper dele af teksten, hvis han bliver træt af at læse en lang horisontal linje. Hvor mange anslag pr. linje man højest må have, er et vidt debateret emne, men det er efterhånden blevet en best practice for mange designere at holde sig til omkring 75 anslag pr. linje (m. mellemrum). I min forberende research stødte jeg på en undersøgelse 1 lavet af Googles nuværende user experience researcher, Dawn Shaikh. I undersøgelsen blev det undersøgt hvordan studerende læste nyheder på en skærm med forskellige antal anslag pr. linje. De testede 35, 55, 75 og 95 anslag pr. linje, og resultaterne viste, at de studerende var hurtigst til at læse med 95 og langsomst med 35 anslag pr. linje
13 Jeg har antaget at en lidt større mængde anslag pr. linje er acceptabel på moderne computerskræme med widescreen, eftersom undersøgelsen er fra Jeg har derfor valgt at skrive med anslag pr. linje. Mht. til skriftstørrelse og linjehøjde har jeg bestræbet mig efter at finde en god balance, der sikre en læsevenlig tekst. Hvis linjehøjden er for lille, kan det gå ud over brugerens læsehastighed, og tilmed få brugeren til at genlæse linjer af tekst. En for stor linjehøjde kan derimod få teksten til at flyde væk, og gøre at den ikke længere føles som en sammenhængende enhed. oplever en vis konsistens i designets opsætning mht. baggrunde, farver og navigation, således at alle siderne får en fælles følelse/stemning. Men også at man støder på mønstre, som man vil kende i forvejen fra andre hjemmesider, så hjemmesiden bliver nemmere at bruge. Forudsigelighed og konsistens Et layout der er designet og sat op efter traditionelt webdesign med konventionelle standarder sikrer, at der skabes en vis grad af forudsigelighed for brugeren. Jeg har lagt vægt på, at man som bruger af min hjemmeside 12
14 Wireframes Wireframes er et vigtigt trin i udviklingsprocessen, når man skal designe en hjemmeside. Ved hjælp af tekst, kasser og andre simple grafiske elementer placeret i to-dimensionelle sorte og hvide diagrammer, er det muligt at definere layoutet og planlægge informationsstrukturen tidligt i udviklingsprocessen. Wireframes kan også bruges til at planlægge hjemmesidens informationsarkitektur uden at man blive forstyrret af farver og billeder. På følgende side kan du se mine wireframes sammenlignet med den endelig version af designet. 13
15 Forside Om mig 14
16 Kompetencer Læring 15
17 Projekter Projektside 16
18 Kontakt 17
19 Brugertest Til slut har jeg opstillet en brugertest, for at se om mine designprincipper har båret frugt, og om brugeren kan bruge websitet til at finde de informationer og løse de opgaver, som det er udviklet til. Til denne brugertest har jeg brugt to testpersoner. Den første testdeltager er en kvinde på 64 år, som ikke er vant til at anvende internettet. Den anden testdeltager er en ung mand på 21 år der både interesserer sig for teknologi, og som er vant til at surfe på internettet. Scenarie 1 Du har brug for at vide, om jeg har forstået læremålene i mit seneste projekt. Du vil derfor gerne finde den fulde opgavebeskrivelse for projektet, da du ved, at læremålene findes deri. Du skal nu finde og se opgavebeskrivelsen for det seneste projekt. Scenarie 2 Du er interesseret i at se, hvad jeg har lært i mit projekt om Wordpress Portfolio. Du skal derfor finde læringsdelen vedr. projektet, Wordpress Portfolio. Scenarie 3 Du er interesseret i at arbejde sammen med mig i dit næste projekt. I projektet skal du have hjælp til at udvikle en hjemmeside, og derfor er det relevant for dig at vide noget om mine kvalifikationer. Du skal finde ud af, om jeg er i stand til at arbejde med HTML og CSS. Resultater Resultaterne af denne brugertest vil blive præsenteret ved fremlæggelsen af dette projekt. 18
20 Lavet af Mark Kristensen
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 mereUdover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.
Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere
Læs merePortfolioudvikling. Line la Fontaine. Multimediedesigner
Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.
Læs mereMichella+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 merePortfolio Redesign Kamilla Klein 1. Semester eksamen
2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet
Læs mereStine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation
Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML
Læs mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
Læs mereAfsluttende semesterprojekt - 1. Semester
Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015 Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest...
Læs merePortfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!
Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely
Læs mereProjekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding
Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace
Læs mereProjekt 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 mereREDESIGN 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 mereGRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
Læs mereT 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 mereMÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
Læs merePortfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig
Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio
Læs meregrafisk design Se webappen på din mobil
ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil
Læs mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereMultimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris
Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1 Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet
Læs merePORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
Læs mereEKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen
Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian
Læs mere1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015
1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur
Læs mereRedesign af Cinnober. Analyse af hjemmesiden Cinnober
Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside
Læs merePortfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.
Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...
Læs mereMultimediedesigner. Portfolio
Multimediedesigner Portfolio Eksamensprojekt 1. sem. Dec. 2017 - Jan. 2018 Formål Formålet med portfolien er at præsentere og dokumentere dit faglige niveau og vise din faglige udvikling samt gøre dig
Læs mereJEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Læs mereKT 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 mereGrafisk design. sundfertilitet.dk
Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.
Læs mereDOKUMENTATION 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 mereNY IDENTITET TIL SCHWARZ
GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker
Læs mereGrundforløbsprøve Projektbeskrivelse
Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det
Læs mereGRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
Læs merePROJEKT 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 mereDisse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.
Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,
Læs mereDokumentation. 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 mereGrafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
Læs mereELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Læs mereGRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
Læs mereDokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb
Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse
Læs mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereHeaderen 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 mere4. DEC 5. DEC 8. DEC 2014
1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet
Læs mereOpgaven. 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 mereWebsite design 1. semester, Projekt 3
Website design 1. semester, Projekt 3 Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website
Læs merekollegiekokkenet.tmpdesign.dk Side 1
kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase
Læs mereWORKFLOW & 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 mereIndledning: 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 mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs mereAf: Casper Christiansen CPH-business 15-01- 2015. Eksamens projekt Første semester, Dec. 2014 Jan. 2014
Eksamens projekt Første semester, Dec. 2014 Jan. 2014 Udviklingsproces s.3 Designvalg s.4 Timeschedule s.6 Brugertest s.6 Wireframes s.7 Informationsarkitektur s.8 Designskitser s.8 Litteraturliste s.9
Læs mereMARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6
Læs mereGRAFISK 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 mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs mereProdukt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Læs meresweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,
Læs mereGrafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
Læs mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereGRAFISK 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 mereGrafisk produktion & workflow
Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.
Læs merePROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen
PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website
Læs mereProject 5: Portfolio Remake
Project 5: Portfolio Remake Art is a tree of life. William Blake December 2014 Januar 2015 1. semester, MulA, Multimediedesigner uddannelse Copenhagen Business Academy, Lyngby annastacy.k@gmail.com Indholdsfortegnelse
Læs mereGrafisk Design. 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 mereBag om projekterne. Flow 1 Flow 2 Flow 3 Flow 4 Flow 5. Her kan du navigere dig rundt i opgaven: (Note: the following will be in Danish)
Bag om projekterne (Note: the following will be in Danish) Hvad kan jeg finde her? I dette dokument får du et kronologisk indblik i processen bag mine skole projekter: hvad mine idéer var, hvad jeg har
Læs meredet 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 mereGRAFISK 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 mereGRAFISK DESIGN 1. HOVEDFORLØB
GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,
Læs merePowerPoint brugt rigtigt - MBK A/S
Vil du være god til at bruge PowerPoint? Vil du undgå kedelige slides, som du læser op af? Vil du have grundværktøjer og forståelse af PowerPoint? Vil du have et godt kursusmateriale, som du kan slå op
Læs mereKreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio
Webdesign processen Line Hasse Kirkegård - HOLD B Kreativt brief Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio Jeg har taget udgangspunkt i casen:
Læs mereGRAFISK 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 mereMONIQUE 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 mereJB Plastics visuelle identitet... 2. Et nyt logo... 2 Visitkort og brevpapir... 4 PowerPoint... 6. Designprocessen... 6
0 Indholdsfortegnelse JB Plastics visuelle identitet... 2 Et nyt logo... 2 Visitkort og brevpapir... 4 PowerPoint... 6 Designprocessen... 6 WBS (Work Breakdown Structure)... 6 Procesnedbrydning og SWOT...
Læs mereGRAFISK DESIGN. Kenneth Friis Petersen
GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles
Læs mereGRAFISK 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 mereDokumentation. 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 mereSelv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:
Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.
Læs mereGRAFISK 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 mereGrafisk 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 mereIndhold. 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 merePPHansen.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 mereFAKTA 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 mereCorporate Social Responsibility. 1st project 2nd sem - Februar 2015
Corporate Social Responsibility 1st project 2nd sem - Februar 2015 Corporate Social Responsibility 1st project 2nd sem - Februar 2015 Projekt URL www.markkristensen.dk/projekter/csr Gruppe nr. Ikke angivet.
Læs mereFor at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.
Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle
Læs mereMediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.
Wireframe & skitse 1 - Page 1 Flowchart Start Opret bruger/login Forside Mad i din by Side 1 Moodboard til app & logo Skrifttyper Dandeleon Vintage Demo Montserrat regular Farver Sort/grå Hex: #3F3F3F
Læs mereAnvendte programmer GRAFISK DESIGN. Produkt og målgruppe. Designkrav. Process
Grafisk Design Produkt og målgruppe Design af website til Bewooden Furniture som laver handmade træmøbler. Bewooden ønsker at få lov til at vise deres unikke design af træmøbler frem. Hertil skal der
Læs mereMUL 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 mereMit 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 mereVi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET
Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard
Læs mereMålgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.
Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring
Læs mereProduktion og workflow STINE D. LAURSEN
Produktion og workflow STINE D. LAURSEN Website til terapeut Stine D. Laursen Stine er nystatet som terapeut og behøvede en hjemmeside for at markedsføre sig selv til omverdenen. Hjemmesiden skulle ikke
Læs mereHESTBJERG WEB GRAFISK WORKFLOW
HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside
Læs mereOpgavebeskrivelse. 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 mereOPGAVEN 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 mereSpil Rapport. Spil lavet i GameMaker. Kevin, Mads og Thor 03-02-2011
Spil Rapport Spil lavet i GameMaker Kevin, Mads og Thor 03-02-2011 Indholdsfortegnelse Indledning... 2 HCI... 2 Planlægning / Elementær systemudvikling... 2 Kravspecifikationer... 4 Spil beskrivelse...
Læs mereWorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******
Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt
Læs mereGRUPPE 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 mereGrafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland
Grafisk design Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland 06// Opgave EUC Nordvestsjælland ønskede at få en mere tidssvarende og simpel hjemmeside. Jeg fik til opgave at lave en prototype.
Læs mereOPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.
01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny
Læs mereGrafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier
Læs mereAhmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209
Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:
Læs mereGrafisk Design. Dansk Center For Organdonation
Grafisk Design Dansk Center For Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at få lavet et redesign af det logo, Dansk Center For fik fremstillet i 2008, af vores kommunikations afdeling.
Læs mere