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

Størrelse: px
Starte visningen fra side:

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

Transkript

1 Portfolio Rapport Afslutning 1. Semester Udarbejdet af Charlotte Bergstrøm, Mul.B. 0

2 Indhold Indledning... 2 Læring... 3 Konklusion... 4 Projektplanlægning... 7 Designvalg Stemning Farver Typografi Designprincipper Re-makes af tidligere projekter Projekt: Portfolio i WordPress Projekt: Game Design Projekt: Infographics Projekt: Website Design Generel læring - De fire fagområder Virksomheden Interaktionsudvikling Design og Visualisering Kommunikation

3 Indledning Opstart Jeg har lang tid inden projektopstart tænkt over, hvordan min hjemmeside skulle se ud, og har ret tidligt besluttet mig for, at den skulle tage udgangspunkt i et baggrundsbillede. Jeg lavede nogle forskellige mockups med de tre forskellige idéer, jeg havde, og disse mockups hjalp mig til at træffe et valg. Valget faldt på et smukt foto, jeg har taget en vintereftermiddag ved Sjælsø i Birkerød, hvor jeg bor. Jeg synes selv, billedet er utroligt smukt og skaber en stemning, som jeg har kunnet arbejde videre med. Stemningen er nordisk æstetik samt melankolsk uden at være trist. Der er noget drømmeagtigt og let over et diset landskab. Jeg har forsøgt at være tro mod farveholdningen og den enkle stemning, som baggrundsfotoet giver. Valg Jeg har valgt at lave en enkel og utraditionel forside, hvor baggrundsfotoet kommer til sin ret. Jeg har bearbejdet fotoet i PhotoShop og indsat mit navn som gennemsigtig relief og intet andet. Jeg har brugt utroligt meget tid på opsætning af navigationsmenuen, og man kan selvfølgelig diskutere, om "knapperne" er enkle nok ifht. det generelle udtryk. Jeg synes selv, den fungerer rigtig fint sammen med resten af udtrykket, og synes det var nødvendigt med lidt tyngde, da resten er meget "let" og gennemsigtigt/tåget. Målgruppe Målgruppen for min portfolio er lærere og medstuderende samt fremtidige arbejdsgivere - i første omgang primært i forbindelse med en praktikplads som en del af multimediedesignstudiet. 2

4 Læring Som udgangspunkt syntes jeg, det var en ret omfattende eksamensopgave, og jeg var meget spændt på og bekymret for, hvordan jeg dog overhovedet skulle kunne løse den mest ifht. kodningen af hjemmesiden. Forventninger Mine forventninger til læring i forbindelse med dette projekt har primært været at lære at kode en hjemmeside! Dette uden at skulle gå for meget på kompromis med mine design- og layout valg. Læring Som det fremgår af denne rapport og af min hjemmeside, har min læring i forbindelse med dette projekt og alt i alt i løbet af 1. semester været omfattende, idet mit udgangspunkt har været et begrænset forhåndskendskab til de fleste områder, begreber og programmer. Jeg har lært meget af at skulle kode en hjemmeside helt fra bunden af og forsøge mig frem for at få kodningen til at lykkes ifht. intentionen og idéen. Det har krævet rigtig mange forsøg og rigtig mange arbejdstimer. Udover selv at søge en del information undervejs via tutorials, har jeg også deltaget i en html-workshop og fået en halv times individuel guidance, som hjalp mig rigtig meget. Da workshops og guidance-timerne lå meget tidligt i vores projektforløb, var det vigtigt at være nået et godt stykke af vejen ifht. kodning inden for de første uger, så jeg kunne få hjælp til eventuelle konkrete problemer. Jeg havde fra starten af besluttet, at jeg kun ville inddrage JQuery (f.eks. en foto-slider), hvis jeg fik tid til sidst, og det fik jeg, og er meget stolt over, at jeg egenhændigt fik en foto-slider plugin til at virke det tog også nogle timer og stædig vedholdenhed foran skærmen. Da vi er blevet undervist meget lidt i PhotoShop, har jeg også haft brug for ekstra hjælp ifht. billedbearbejdning og deltog i en rigtig spændende PhotoShop-workshop, hvor vi først arbejdede med en fælles opgave og derefter fik hjælp til konkrete projektrelaterede problemer. Endvidere modtog jeg et par dage efter en halv times guidance i forbindelse med billedbearbejdning til min baggrund og screendumps til projekt-links mv. 3

5 Skitser, struktur m.v. Undervejs i projektforløbet har jeg desuden udarbejdet IA, Mock-ups og Wireframes (vises på de følgende sider). Og arbejdet med disse har givet mig bedre forståelse for forskellen og sammenhængen mellem de forskellige delelementer. Jeg har erfaret, at det er en god referenceramme at have undervejs i kodningsarbejdet til at bevare overblikket, især her første gang, hvor jeg har arbejdet med flere niveauer i opbygning af en hjemmeside. Det har været en stor fordel undervejs, at jeg ret tidligt besluttede mig for udformning/design af siden, og at jeg har holdt mig til denne idé. Det har givet en god ramme at styre efter og arbejde inden for. Konklusion Jeg har fundet ud af, at jeg godt kan lide kodearbejdet selv om, det er svært. Jeg synes, det er sjovt at arbejde i Illustrator, og det er imponerende, hvad man kan i PhotoShop håber jeg bliver bedre til begge programmer. Derudover er der potentiale i InDesign, som jeg også håber, jeg lærer at bruge. Min samlede konklusion efter dette projekt er, at jeg er godt tilfreds med det produkt, jeg har frembragt på dette stadie i min uddannelse. Der er stadig meget at lære, og jeg vil derfor fortsætte med at følge undervisningen aktivt og sideløbende tilegne mig ekstra viden udfra undervisernes anbefalinger. Derudover håber jeg at få tid til også at lege lidt mere med designprogrammerne. Jeg håber også, at undervisningen tilrettelægges mere struktureret og sammenhængende i 2. semester, idet vi i første semester har fløjet frem og tilbage mellem emner og programmer uden en rød tråd og uden sammenhæng mlm. fagene. 4

6 Wireframe skitse Wireframe 5

7 Forskellige mock-ups: 6

8 Projektplanlægning Projektforløbet har været: Tidsplan: Planlægning og overblik ifht. de forskellige faser. Kreativ fase med udarbejdelse af skitser og mock-up s. Udarbejdelse af IA og Wireframes. Kodning, kodning, kodning, validering. Indhold, visuelt materiale og links. Test og brugertests. Mere kodning, validering, kodning.. Test og tilretning. Aflevering! Udover mine egne mange noter, post-it s og håndskrevne papiroversigter, har jeg også udarbejdet et Gannt-kort samt en WBS. Fremgår på de følgende sider. Mine mange år som projektleder og koordinator er kommet mig til gode i projektforløbet, og jeg har kunnet følge min overordnede timing hele vejen igennem. En tidsplan er et nødvendigt styreredskab ifht. gennemførslen, da man jo så bl.a. også kan følge med i, hvornår det er tid til både at foretage prioriteringer og afslutte en fase - man kan jo ellers blive ved og ved. 7

9 Gannt-kort: 8

10 9

11 Designvalg Stemning Jeg har valgt at tage udgangspunkt i et foto, jeg har taget en vintereftermiddag ved Sjælsø i Birkerød, hvor jeg bor. Jeg synes selv, billedet er utroligt smukt og skaber en stemning, som jeg har kunnet arbejde videre med. Stemningen er nordisk æstetik samt melankolsk uden at være trist. Der er noget drømmeagtigt og let over et diset landskab. Farver Jeg har forsøgt at være tro mod farveholdningen og den enkle stemning, som baggrundsfotoet giver primært grå og blå nuancer. Jeg har valgt en okkergul som accentfarve, men har dog indtil videre kun brugt den til active i navigationsmenuen. Farven stammer også fra baggrundsfotoet, hvor den dog har lidt mere brunt i sig. Se farvekortet på næste side. Typografi Jeg har valgt typeface en Verdana, da det er en skrifttype, der er udviklet specielt til web brug. Den er i Sans Serif familien, som er uden fødder og dermed fremstår tydeligst på en skærm opbygget af pixels. Verdana er enkel og stilren (uden pynt) og passer derfor ganske godt med udtrykket på min hjemmeside generelt. Jeg har på hjemmesiden valgt en liniehøjde på 140% for at gøre teksten på skærmen mere åben og læsevenlig. Designprincipper Primære designprincipper: Enkelhed, Ensartethed, Gentagelse og Symmetri. Jeg har forsøgt at holde mig til princippet om enkelhed ifht. ikke at overlæsse min hjemmeside i respekt for baggrundsfotoet. Det eneste sted, hvor jeg ikke 100% overholder dette princip, er ifht. min navigationsmenu, hvor jeg har valgt at bruge noget gradience for, at designet ikke skulle fremstå dødt i udtrykket. 10

12 I min opbygning har jeg benyttet mig af principperne ensartethed og gentagelse dette også for at bevare enkeltheden. F.eks. er Projekter og Læring opbygget på samme måde og med de samme ikoner. Så vidt muligt har jeg også holdt den samme struktur med to kolonner med billeder/ikoner i oversigter, hvilket inddrager princippet om symmetri. 11

13 Re-makes af tidligere projekter En del af eksamensprojektet er re-makes af tidligere projekter. Beskrivelse af mine re-makes fremgår nedenfor. På min hjemmeside er der linket til denne samlede rapport i forbindelse med re-makes ene. 1. Projekt: Portfolio i WordPress Jeg har opdateret den oprindelige Portfolio ifht. den feedback, jeg fik af min lærer på opgaven: Bemærkning: Ikke helt logisk med en forklaring om at link (til html) ligger et andet sted lad teksten være link også. Hvis html er underliggende punkt i menuen til 1. Semester hvordan får du så indpasset de øvrige 1. semester projekter i strukturen? Jeg har også lyttet til den kommentar, der blev givet ved brugertesten: Selve udseendet er lidt kedeligt/gammeldags, den grønne farve er med til det. Mangler også lidt mere grafik/billeder. Derudover er hele dette eksamensprojekt et stort re-make af min første portfolio. Der er på min nye portfolio link til den oprindelige WordPress portfolio inkl. rettelse af lærerens feedback til opgaven ovenfor. 2. Projekt: Game Design Feedback på opgaven var positiv, og der var ingen kommentarer ifht. ændringer. Så jeg har selv valgt at style menuen samt placeringen samt justere opsætningen af indholdet i det hele taget. Derudover har jeg tilføjet en baggrund med bobler, som jeg har lavet i Illustrator. Der er på min portfolio links til både den oprindelige hjemmeside med spillet samt den nye version af hjemmesiden. 12

14 3. Projekt: Infographics Feedback på opgaven var positiv, og der var ikke rigtig nogen kritiske kommentarer, som lægger op til at foretage ændringer. Dog bed jeg mærke i, at læreren i sin mundtlige feedback nævnte, at logoet godt kunne ligne en pastil, så derfor har jeg valgt at lave 2 nye forslag til logo. Farverne er gjort lysere, hvilket letter det noget tunge 90 er look fra det oprindelige farvevalg. Farverne er stadig med til at symbolisere jordkloden Den Blå Planet, hvorpå den grønne del markerer den lokale forankring på landkortet. Mht. stjernen så er idéen, at markere den lokale position, som når en lokation er markeret med en stjerne på et kort. Det oprindelige samt det nye opdaterede logo fremgår af min portfolio. 4. Projekt: Website Design Feedback på opgaven var negativ, blandt andet kunne læreren ikke forstå, hvorfor vores navigationsmenu var højrestillet og savnede, at man kunne se, hvilket menupunkt der var valgt. I min remake har jeg valgt at tilrette navigationsmenuen og selve udseendet af hjemmesiden ved b.la. at tilføje en baggrund, der kan skabe lidt mere liv på siden. Baggrunden er udarbejdet i Illustrator. Derudover måtte forsiden ikke hedde Forside men skulle hedde Index, så det har jeg også rettet. Der er på min portfolio links til både den oprindelige og den nye version af hjemmesiden. 13

15 Generel læring - De fire fagområder Virksomheden Faget dækker bredt, og vi har b.la. stiftet bekendtskab med nedenstående begreber og redskaber. Dette afsnit er der linket direkte til på min hjemmeside også. Projektledelsesformer: o Scrum/Argile: f.eks. softwareudvikling hvor man kører i små faser/sprints med indlagt test og tilretning. o Waterfall: en fase skal være afsluttet før den næste begynder; næste fase er afhængig af den forrige fase. o Prototyping: kører i cirkler med udvikling, tests, tilretning. Projektledelse: o Planlægning /Gantt kort: projekt tidsplansoversigt med alle arbejdsopgaver fordelt i et skema med timing. o Milepæle: vigtige/afgørende delmål. Også for at bryde projektet op i mindre faser, så man føler fremdrift. WBS (Work Breakdown Structure): Alle arbejdsopgaver opstilles og nummereres i hierarki, og der sættes timeforbrug på. PBS (Product Breakdown Structure): Alle enkeltdele/materialer opstilles i nummereret hierarki for overblikkets skyld. WBS under opbygning: 14

16 Organisationsstrukturer - kendetegn: o Hierarkisk: leder, mellemleder. o Funktionel: funktionsleder. o Produkt organisation: Produktchefer. o Matrix: blanding af funktion og produkt. Virksomhedsanalyse: o SWOT (Internt: Strengths, Weaknesses. Eksternt: Opportunities, Threats) o Ud fra SWOT foretager man en risikoanalyse, som skal kunne måles/kvantificeres. Brainstorm/Mindmaps: Idé generering Alt skal med! Scope-creaping: opgavens omfang vokser. Økonomi: o o o Business Case: Økonomisk grundlag for virksomheden (bruges f.eks. til søgning af midler). Business Model: Struktur, Administration, organisation mv. (udarbejdes efter Business Case) (bruges f.eks. til søgning af samarbejdspartnere). Elevtor Pitch/speach: Skal kunne fremkomme med USP (Unique Selling Points) på vejen op i en elevator (bruges til at sælge idéen til potentielle samarbejdspartnere/investorer). 15

17 Interaktionsudvikling I faget interaktionsudvikling har fokus ligget på HTML og CSS kodning; HTML er struktur/ mark up (Hyper Text Markup Language) og CSS (Cascading Style Sheets) er styling/layout af HTML indholdet. En god første pointe var, at en Browser i virkeligheden er en HTML- fortolker, og at man kan gå ind på en hvilken som helst hjemmeside og mere eller mindre se, hvordan den er kodet. Forud for uddannelsesstart havde jeg aldrig prøvet kodning selv, så her har jeg lært virkelig meget, og faget er jo helt grundlæggende og essentielt for overhovedet at kunne arbejde med hjemmesidedesign for selv om man anvender Content Management systemer eller CSS frameworks, er man nødt til selv at have basis viden om kodning for at kunne tilrette og vedligeholde siderne selv. Vi har i løbet af første semester også taget fat på JQuery scripting, hvor vi b.la. har lavet øvelser med billedfremvisere /sliders, og tekst der vises, når man hover hen over et billede. Vi har stiftet bekendtskab med DOM (Document Object Model), som er en træstruktur, hvor HTML dokumentet er stammen og Head og Body udgør hver sin gren med indhold. Design og Visualisering Design og visualisering er et uendeligt fagområde, og jeg vil derfor kun overordnet gennemgå nogle af delelementerne og begreberne. Det handler overordnet set om den del af kommunikationen, der ikke er tekst/formulering. CRAP modellen: Contrast (i farver og former), Repetition (genkendelighed via gentagelse), Allignment (opstilling/ligestilling), Proximity (samhørighed via afstand/nærhed). Gestalt: hjernens reaktion på det man ser. Gestalt reglerne som designprincipper er f.eks. Proximity (samhørighed), Symmetry, Closure (vi færdigdanner selv billedet/figuren), Similarity (ensartethed). Andre designprincipper: Simplicity (enkelhed), Consistency (genkendelighed), White Space (luft, mellemrum), Repetition (gentagelse). 16

18 Farvelære: CMYK (subtractive, c+m+y=key/sort), RGB (additive, r+g+b = hvid. Mere og mere lys tilføres). Primære, Sekundære (2 primære) og Tertiære (primær + sekundær). Kontrast/ Komplementær farver er direkte overfor hinanden i farvehjulet. Udover det tekniske aspekt ved farver, er der også symbolske og kulturelle værdier forbundet med farver: Symbolsk kan rød f.eks. betyde kærlighed, passion og fare. Blå symboliserer b.la. troværdighed og loyalitet. Kulturelt kan grøn betyde Islam (Indien) og rigdom (USA). Lilla kan betyde sorg (Thailand) og magi (UK). De kulturelle værdier får dog mindre og mindre betydning ifht. den globaliserede verden, vi lever i. Typografi: en helt ny verden har åbnet sig for mig, og lige efter vi havde haft undervisningslektionen i typografi, var det umuligt at læse en avis, da jeg kun lagde mærke til, hvor spændende typografien var! o To overordnede familier; Serif vs. Sans Serif. Serif med fødder, Sans Serif uden fødder. Serif har fødder der på print danner en form for linie, der gør det nemmere for øjet at følge og læse teksten. Serif familien er ikke særligt velegnet til Web, da den ikke arbejder så godt sammen med pixels på skærmen. Sans Serif fremstår tydeligst på en skærm. Serif kendes også som Antiqua (den oprindelige skrifttype), mens Sans Serif kendes som Grotesque (ny og grotesk skrifttype uden pynt). o Verdana er en typografi uden fødder, der er skabt specielt til skærmmediet. o Times New Roman er med fødder og skabt til det trykte medie (af avisen Times). Komposition: De mest gængse retningslinier til at danne kompositionen er: o Det gyldne snit (phi: 1.618). o Rule of Thirds inddelingen ligger sig op ad Det Gyldne Snit, men er nemmere at arbejde med i praksis. o Grids (gitterinddeling af siden til at placere elementer i). Logo: et logo kan bestå af: o Logo Type som er virksomhedens navn. o Image brand som er et grafisk element A Combination Mark består af begge. o Typeface: skrifttypen o Font: variant af typeface; Bold, Italic, Regular, Bold-italic 17

19 Logoet kan f.eks. være: Ikonisk (tegnet spejler navnet. Nike= græsk bevinget gudinde. Tegnet/Image brand et i logoet symboliserer en vinge). Abstrakt: der er ingen sammenhæng mellem logotype og image brand. Et Emblem, som kan sammenlignes med et våbenskjold. Logo Type kan være integreret. Informationsarkitektur er struktur, navigation, navngivning, søgning, mens Interaktionsdesign er understøttelse af IA via knapper, rullemenuer, farver m.v. Moodboard: f.eks. kollager med billeder, farver, grafik der viser stemning, stil og udtryk, målgruppe. Wireframe: oversigt over hjemmesidens elementer med mål og placering af indhold. Mockup: visualisering af hvordan siderne skal se ud. Med billeder, tekst osv. Infographics: informationsgrafikker som kan anvendes ved præsentationer af produkter og resultater. Man kan visualisere store datamængder på en mere letforståelig måde i stedet for blot at vise kolonner med tal på tal. Det er også vejskilte og skiltning i f.eks. lufthavne, hvor de hjælper brugere med at finde vej. IA eksempel Mockup 18

20 Kommunikation Kommunikation er et tværfagligt område, da man kommunikerer både via selve kodningen af hjemmesiden samt i høj grad via Design og visualisering. Man skal først og fremmest være bevidst om, hvilken historie man vil fortælle, og hvordan man vil fortælle den. Dernæst er det vigtigt at gøre sig klart, hvem målgruppen er, og hvor stor interesse målgruppen har for emnet. Der kan være fleree målgrupper, f.eks. nye vs. gamle brugere af hjemmesiden. Dette er vigtigt i forhold til, hvor meget information, de har brug for. Og generelt handler det om ikke at have for meget tæt tekst på en hjemmeside A wall og text, med mindre man er f.eks. et nyhedssite. Derudover skal man være bevidst om vinklenn på historien,, man fortæller. En hvilken som helst historie kan vinkles f.eks. ifht., hvem der er helten/skurken. Vi lavede en øvelse med udgangspunkt i Den lille Rødhætte omskrevet til en Breaking news artikel i en avis. Er skurken ulven eller måske forældrene, der lader en lille pige gå alene gennem en skov med glubske ulve og jægere med ladte geværer? Vi er b.la. blevet præsenteret for begreber og gode råd som: Abstraktionsst tigen (fra Meget abstrakt til Meget konkret ). Den Journalistiske Nyhedstrekant (faldende rangordning af indhold ifht. vigtighed det vigtigste først - konklusionen). Undgå overflødige ord/fyldord. Kommuniker til og med sanserne - brug f.eks. farver, grafik, billeder, lyd. Brug relevantee og forståelige fagudtryk hvis aktuelt; Tone of Voice. Brug punktopstillinger, links, afsnit og overskrifter. Brug H1, H2 og H3 da de anvendes af søgemaskiner. Ifht. min egen hjemmeside/portfolio er netop det med tekstmæssig begrænsning et område, der er svær at styre idet, det forventes og kræves, at vi informerer om mange forskellige emner og elementer. Jeg har forsøgt at begrænse mig uden at miste essentiel information ved b.la. at lade denne del være en vedhæftet fil. 19

21 Usability tests har undervisningsmæssigt ligget under fagområdet kommunikation, og er derfor medtaget her. Man kan og bør brugbarhedsteste (Usability test) hjemmesider b.la. for at blive klogere på, hvad der fungerer/ikke fungerer, om brugerne kan finde ud af at navigere rundt på siden m.v. Man kan teste i alle faser af tilblivelsen af hjemmesider, også inden kodningen går i gang. Der findes forskellige former for tests b.la.: Spørgeskemaundersøgelse: skal b.la. afdække om brugergruppen er den samme som målgruppen, samt give viden om brugerne i bred forstand f.eks. demografiske oplysninger, frekvens for brug af internettet, hvad internettet bruges til o.s.v. Brugertest: man undersøger om hjemmesiden kan bruges til det, den er tænkt/konstrueret til, og om brugeren kan finde det, vedkommende leder efter. Man kan bruge tænke højt metoden, hvor man får testpersonen til hele tiden at fortælle, hvad han/hun gør og hvorfor. Man opsætter et scenario, stemning, fortælling for at gøre brugs-/testsituationen så realistisk som muligt. Gangstertest: navigationstest hvor testpersonen starter på en bestemt side/underside og derfra skal orientere sig om, hvor det er henne i den samlede struktur, og hvordan man kommer videre derfra. Man stiller 6 spørgsmål og hjemmesiden tildeles points ud fra, hvor let eller svært det var at svare på hvert spørgsmål. Der tildeles fra 0-3 points per spørgsmål. Ekspertvurdering: testpersonerne er eksperter ifht. hjemmesider, f.eks. multimediedesignstuderende. Der er fokus på problemer. Problemerne kategoriseres efterfølgende vha. heuristikker, som er tommelfingerregler. De er meget overordnede og abstrakte og derfor også svære at anvende det kræver erfaring. Man skal kun anvende de heuristikker, der er relevante i den enkelte situation. Jakob Nielsens 10 heuristikker er de mest anerkendte. Man tildeler alle fundne fejl en heuristik og giver en værdi ifht., hvor alvorlig/væsentlig fejlen er. Kortsortering: Testpersonen skal ud fra kort danne informationsarkitekturen/-strukturen. Der er to former: Åben vs. Lukket kortsortering. Ved åben kortsortering får testpersonen alle kort og skal selv danne et hierarki med hovedmenu og underpunkter. Ved lukket kortsortering er hovedmenuen fastlagt, og testpersonen skal placere underpunkterne/underemnerne. Kilder: 20 designprincipper af Ian Wisler Poulsen, Usability af Ole Gregersen og Ian Wisler-Poulsen, Wikipedia, aiu.dk/mediehandbogen, Gyldendals Leksikon, Five Simple Steps; Designing the Invisible af Robert Mills samt vores underviseres præsentationer fra undervisningen. 20

Generel læring 1. semester

Generel læring 1. semester Generel læring 1. semester De fire fagområder Virksomheden Faget dækker bredt, og vi har b.la. stiftet bekendtskab med nedenstående begreber og redskaber. Projektledelsesformer: o Scrum/Argile: f.eks.

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

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

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

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

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

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

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

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

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

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

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

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

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

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

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

WBS. Inledning. Afsluttende projekt 1. sem

WBS. Inledning. Afsluttende projekt 1. sem MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.

Læs mere

OPGAVEN 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

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

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

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

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

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

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

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

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

Multimediedesigner. Identitet. Adventuresport

Multimediedesigner. Identitet. Adventuresport Multimediedesigner Identitet Adventuresport Projekt 1 2. sem. feb. 2014 1. Indledning I bliver bedt om at designe forslag til en prototype til et selvstændigt website og den tilhørende visuelle identitet.

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

Indhold 1.0. Indledning... 2 1.1. SWOT-analyse... 2 2. Del 1: Visuel identitet... 3 2.1. WBS... 3 2.2. Gantt kort... 3 2.3. Brainstorm... 4 2.3.1.

Indhold 1.0. Indledning... 2 1.1. SWOT-analyse... 2 2. Del 1: Visuel identitet... 3 2.1. WBS... 3 2.2. Gantt kort... 3 2.3. Brainstorm... 4 2.3.1. Indhold 1.0. Indledning... 2 1.1. SWOT-analyse... 2 2. Del 1: Visuel identitet... 3 2.1. WBS... 3 2.2. Gantt kort... 3 2.3. Brainstorm... 4 2.3.1. Nøgleord... 4 3.0. Farver... 6 4.0. Produkter... 7 4.1.

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

Grafisk design. sundfertilitet.dk

Grafisk design. sundfertilitet.dk Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.

Læs mere

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

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

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

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

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

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

Læs mere

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

Projekt 2, Bannere. Reklamebanner og landing-page for kulturnatten 2012. http://www.cph64.webkn.dk/banner/index.html. Vejledere: DSK, MORO, FDTA, IWPO

Projekt 2, Bannere. Reklamebanner og landing-page for kulturnatten 2012. http://www.cph64.webkn.dk/banner/index.html. Vejledere: DSK, MORO, FDTA, IWPO Projekt 2, Bannere Reklamebanner og landing-page for kulturnatten 2012 http://www.cph64.webkn.dk/banner/index.html Vejledere: DSK, MORO, FDTA, IWPO CLmul-a12e 1. Semester, 2. projekt Lasse Mathias Bruun

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

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

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

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 1 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Indhold Projekt Beskrivelse... 3 Temaer... 3 Afsender... 4 Budskab & Kommunikations formål...

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

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

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en

Læs mere

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

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

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

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

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

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11 GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.

Læs mere

Website design, projekt 4

Website design, projekt 4 Website design, projekt 4 Mette, Nikolaj, Alexander, Julie I dette projekt har vi fået et design- brief af markedsføringsøkonomerne. Designet- briefet omhandlede, at vi skulle lave en hjemmeside omkring

Læs mere

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

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely Bannerpage: http://spicegirls.creativefolder.dk/bannerpage/ Landingpage: http://spicegirls.creativefolder.dk/ René Skovgaard Andersen cph-ra73@cphbusiness.dk Stig Hamborg Nielsen cph-sn9@cphbusiness.dk

Læs mere

Projekt 2, 3. semester WEBPROJEKT

Projekt 2, 3. semester WEBPROJEKT Projekt 2, 3. semester WEBPROJEKT Aflevering d. 11/10-2013 CPH Business URL: www.thorleifbæk.dk/projekt2/index.php Gruppe 2 Shiko, Thorleif, Pernille og Annemette MUL 3A Indholdsfortegnelse s. 3 Factsheet

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

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

AF PETER SCHLÜTER. Workflow

AF PETER SCHLÜTER. Workflow AF PETER SCHLÜTER Workflow Projektløser: Projektvært: Opgave: Peter Schlüter Sømandskirken NY Logo, Kirkeblad & Designmanual Programmer: Photoshop Illustrator Indesign Sømandskirken i New York har udskrevet

Læs mere

Making the world smile

Making the world smile Making the world smile http://www.somethingsimple.dk/projects/hasbrocsr/index.html Hasbro-gruppen - MulB 2.sem: Ivan Christensen, Jonas Falk & Augusta Naundrup Problemformulering 3 PBS 4 WBS 4 Gantt chart

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

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

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

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

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

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

Læs mere

Grafisk 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

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

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

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

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

Rapport for Redesign af virksomheden Feelgood Bakery

Rapport for Redesign af virksomheden Feelgood Bakery Rapport for Redesign af virksomheden Feelgood Bakery Gruppenavn: Bagedysten Medlemmer: Jens V. Hartfelt, Daniella Munck, Natalie K. Frandsen, Sara J. Klausen Link: http://afleveringer.hartfeltgrafik.dk/feelgoodbakery/index.html

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

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

H2 Portfolio. Patrick Lindholm-Andersen

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

Læs mere

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

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

Grafisk Design. Dansk Center For Organdonation

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

Læs mere

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

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

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 Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

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

GRA DESIGN. HEARTS & MINDS

GRA DESIGN. HEARTS & MINDS GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B

Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B Analyseafsnit Kommunikation Hvem er afsenderen? Cinnober Hvem er målgruppen? Hipstere. Spelt mødre Kunstbevidste Ingefærs spisende

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

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

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

Læs mere

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

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

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

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

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

Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline

Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline Redesign af website Gruppe 16: Anja Line Kira Emma Ditte Karoline Indhold Analyse 2-5 Koncept og idé 6 Wireframes 6-7 Styleguide 7 Layout diagrammer 8 Kodning 9 Beskrivelse af test og testresultater 9-10

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

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