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

Størrelse: px
Starte visningen fra side:

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

Transkript

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

2 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed - Genkendelighed - Fra wordpress portfolio til egen hjemmeside portfolio - WBS - Gantt kort - Redesigns - Informationsarkitektur - Gangstertest - Kortsortering - Konklusion /26

3 Rapport om projekt 5 Portfolio INTRO Da jeg har lavet min hjemmeside i google chrome, gør det at den ikke er ordentligt indstillet til brug i andet end Chrome derfor vil det være bedst hvis hjemmesiden bliver åbnet i den browser for bedste resultat af min portfolio. Jeg har prøvet med forskellige koder at indstille min hjemmeside til firefox og safari, men det lykkedes ikke. Koden jeg prøvede med var moz- og webkit- 3/26

4 MINDMAP Det første jeg gjorde da jeg så opgavebeskrivelsen var at lave en klar mindmap over hvad siden skulle indeholde og hvordan den skulle se ud. Derudover brugte jeg også mindmappen til at få etoverblik over hele projektet, så jeg havde en idé om hvad der skulle laves udover selve hjemmesiden, bl.a. usability tests og WBS. Jeg har inddelt punkterne i mindmappen i farver så der dannes et bedre overblik over hvad der hører til hvilke grupper. WBS Redesigns Sort Hvid Få Farver Rød Grøn Blå Ganttkort The company Design Farver Skrifttype Letlæseligt Sans-serif Mindmap Layout Margner ude i siden Informationsarkitektur Usability Indhold inde på midten Menu i toppen Kortsortering Gangstertest Forsøgsperson Ekspertvurdering Brug af Ekspert Forsøgsperson 4/26

5 DESIGNVALG Designet jeg har valgt på min hjemmeside er bygget op således at man hurtigt kan få et overblik over hvad den indeholder. Jeg har lavet det, så det ser enkelt og overskueligt ud. Menuen er placeret i toppen af hjemmesiden og hjælper til at man ved hvor man er henne på sitet, da den underside man er inde på er highlightet med en lysegrøn farve. Jeg har valgt at placere indholdet af hjemmesiden i midten, så man kun behøver at forholde sig til midten og derfor bevares den overskuelige del af siden. Da hjemmesiden er mit ansigt udadtil og derfor skal indeholde alle mine projekter og kompetencer inden for multimediefaget, har jeg valgt at placere en sort div i toppen hvori man kan læse med hvid typografi, hvilket menupunkt man er inde under. Den skal samtidig visualisere en såkaldt clips som holder sammen på en bunke papirer, da hele siden er mit CV over hvad jeg har af kompetencer og erfaringer. 5/26

6 FARVEVALG Jeg har valgt kun at bruge tre farver på min side som er grøn, hvid og sort. Farven grøn er valgt på bagrund af at den skaber en friskhed, og samtidig en kontrast til de sorte og hvide områder. Den kraftige grønne farve hjælper til at man lægger mærke til den oppe i menuen og derfor kan man let finde ud af hvilke menupunkt man er inde under. Farven går igen i alle links, så man hurtigt forstår at alt der har farven grøn kan klikkes på, på nær i footeren som har den grønne farve for at binde toppen af siden sammen med bunden. Typografien på siden har jeg valgt at gøre enkelt uden for mange unødvendige folder. Typografien indeholder således skrifttypen Arial som er en sans-serif. Valget af denne typografi er fordi at den indeholder mange lige linjer som passer ind til designet af resten af hjemmesiden. Hjemmesiden består primær af horisontale og vertikale linjer og da sans-serif gør det samme, dannes der derfor en rød tråd på siden som skaber en helhed blandt typografi og design. 6/26

7 LOGO Logoet skiller sig ud fra resten af skriften på siden og det er med vilje så man lægger mærke til den. Logoet består kun af logotypes som er skriften i logoet. Logoet skiller sig ud på den måde at der er brugt typografien OptimusPrinceps som er en Serif skrifttype. Det gør det anderledes da resten af siden består af Sans-Serif skrift. T o b i a s W e x i ø S o n n e MultiMedieDesigner 7/26

8 Derudover forsøgte jeg mig med et logo der kun indeholdte figurer og ingen logotype. Resultatet blev flot men da jeg satte det ind på siden passede det ikke til resten af siden og blev derfor ændret til kun at have logotype. Selve logoet forestiller de tre primærfarver der indgår i RGB farveskalaen. De tre største firkanter har farven rød, grøn og blå som symbolisere primærfarverne. Når firkanterne så mødes opstår der en sammensmeltning af farverne og en ny farve dukker op. Når alle tre farver mødes, lægges alle farver sammen og der udspringer farven hvid sig. Hvid indeholder alle farver og derfor er den centreret i midten. Den overordnede symbolisme i logoet går ud på at da jeg er i gang med at uddanne mig som multimediedesigner og har meget med farverne på computeren at gøre, de såkaldte RGB-farver, så ville jeg godt bruge det i mit logo. RGB-farverne er lysfarver og kan derfor ikke bruges når man maler da man der bruger CMYK farver som betegner alt der har med tryk at gøre. En af de store forskelle på RGB og CMYK farver er at når man blander alle farver i RGB får man farven hvid. Hos CMYK får man til gengæld farven sort, hvis man kan dosere farverne ordentligt. 8/26

9 DESIGNPRINCIPPER BRUGT Ensartethed Mine hjemmeside er bygget således op at alle sider har den samme top og menu. Nogle af de vigtigste elementer når det kommer til ensartethed er farver og form. Min hjemmesiders undersider har også ud fra denne designprincip fået samme form der går igen i samtlige sider. De har alle en sort top hvor menuen er, de har en sort border som indrammer alt indholdet på siden og en footer som afslutter siden. Samtidig har de også en titel som I PROJEKT er inde i en sort div hvor typografien har farven hvid. Den fortæller hvor man er på hjemmesiden. Da de alle har samme form og farve er det let at finde ud af hvor man er på hjemmesiden takket være den. Skrifttypen går også igen på samtlige sider sammen med at alt tekst som omhandler projektet er placeret til venstre for midten. Menuen skaber en ensartethed da alle punkter i menuen har samme størrelse og skrifttype. Derudover har den samme farver, funktion og når man svæver over et af punkterne i menuen skifter den farve til grøn. For at man skal lægge mærke til undermenuen der dukker op under siderne 1.Semester og Læring, har jeg valgt at lade den skille sig lidt ud. Det gør den på den måde at det er det eneste på sitet som har en afrunding på kanterne. Det skal samtidig vise at den hører til som en undermenu til menuen derfor ikke står for sig selv. Når det så er sagt har den stor lighed med menuen da den har samme skrifttype, farve og samme funktion. 9/26

10 FARVER Jeg har valgt at bruge farverne grøn, hvid og sort til mit design af hjemmesiden. Den grønne farve skaber en opmærksomhed da resten af siden består af sort og hvid. Den grønne farve er således forbundet til en funktion på siden. Når den grønne farve optræder på siden, er det fordi at den vil fortælle en noget. Det kan være oppe i menuen hvor man kan se hvilken side man er inde på eller at man er ved at trykke på et af de andre menupunkter i menuen. Den fortæller også når der er et link man kan trykke på, da alle links er stylet med den grønne farve. Farven og dens brug på sitet leder også tilbage til designprincippet ensartethed. Det gør den på den måde at når man ser farven grøn på siden ved man at den har en funktion. Det eneste tidspunkt at den ikke har en funktion, er når den optræder i footeren. Grunden til at den grønne farve optræder i footeren er at den skal samle hele siden fra toppen til bunden. Valget af sort og hvid til resten af sitet tog jeg fordi at det er gode kontrastfarver. 10/26

11 DET GYLDNE SNIT Det gyldne snit er blevet brugt meget når det kommer til malerier og indretning. Det gyldne snit kan dog også bruges når det kommer til at designe ens hjemmeside, da man har kan placere det vigtigste indhold på siden i det gyldne snit, så det kommer til udtryk som det man skal lægge mærke til. På min hjemmeside under 1.Semester kan man se at linksne jeg har oprettet så man kan komme til mine tidligere projekter ligger omkring det gyldne snit på siden. Det gør at man lægger mærke til linket og derfor vil der være flere der klikker på linket. 11/26

12 FLEKSIBILITET OG BRUGBARHED Hvis man skal analysere min hjemmeside om den er fleksibel eller brugbar, så ville den overordnet nok være i den brugbare side, i forhold til den fleksible side. Min hjemmeside er bygget op således at den indeholder en menu, undermenu og links som man kan trykke på. Man danner hurtigt et overblik over hvad hjemmesiden indeholder. Den er ikke så fleksibel når det kommer til funktioner på hjemmesiden, den har ikke billeder som forstørres når man klikker på dem, der er ikke downloadable indhold og siden holder sig kun til hvad jeg har lavet og hvad jeg har lært i mit første semester på CPH Business. Jeg vil ikke sige at det er negativt at siden er mere til den brugbare side i forhold til den fleksible side. Funktionerne på siden er dog overskuelige og brugbare for brugeren af siden og personen vil nemt kunne navigere rundt på siden uden at skulle nærstudere sidens funktioner og sprogbrug. 12/26

13 GENKENDELIGHED Der findes to typer genkendelighed, den ene er ekstern genkendelighed og den anden er intern genkendelighed. På en typisk hjemmeside vil der være en menu placeret et sted i toppen eller ude i højre side af siden. Det kalder man ekstern genkendelighed, da man har en ensartethed som er det mest essentielle at bruge. Man vil som bruger på siden gerne have et overblik over muligheder på en side og det hjælper menubaren med, derfor er det oplagt at lægge det som noget af det første op i toppen eller i siden. Derfor kræver det ikke at brugeren kender hjemmesiden for at vide at der enten er en menubar i siden eller i toppen. Jeg har derfor placeret min menubar opppe i toppen af hjemmesiden. Samtidig har jeg lavet en undermenu som er placeret under menubaren og med mindre skrift for at indikerer at den er en undermenu. Det at skriften er mindre og at den ligger under menubaren hjælper til at det kan kategoriseres som en ekstern genkendelighed. Når det kommer til intern genkendelighed, handler det om, hvad som går igen på en hjemmeside så man som bruger kan se at der er et sammenhæng mellem de interne genkendeligheder og derfra forstå ens hjemmeside. Jeg har brugt den grønne farve som en intern genkendelighed, da jeg både bruger den til menuen og til de links der er på hjemmesiden. Det er med til at få brugeren til at forstå at når den grønne farve optræder i skriften, er det noget man kan klikke på og derfra få noget information på. 13/26

14 FRA WORDPRESS PORTFOLIO TIL EGEN HJEMMESIDE PORTFOLIO Da jeg lavede min Wordpress portfolio i starten af semesteret, valgte jeg at lave den med en masse menupunkter da jeg syntes at det så smart ud. Jeg har så gjort det at jeg fjernede et par punkter i menuen, da jeg synes det giver et bedre overblik over ens hjemmeside. Et af punkterne jeg fjernede var bl.a. galleri, da jeg synes ikke jeg havde nok materiale til at lave et punkt som kunne omhandle mine designs. Jeg vil dog ikke kunne udelukke at det kommer på menuen senere hen da jeg forventer at få lavet en del designs fremover med hensyn på fremtidige projekter og der vil det være en fordel at samle designsne så man kan se hvad jeg er i stand til at lave. Ud over det har jeg byttet om på projekter og 1.semester i menuen. Jeg valgte at gøre det sådan da jeg så det som en bedre løsning for at finde rundt på siden. 14/26

15 Min WBS er bygget op således at man hurtigt får et overblik over hvad der skal laves og hvornår det skal laves. Det har jeg gjort på den måde at jeg har opstillet det kategorisk og samtidig brugt farver til at vise hvilke underkategorier der hørte til hvilke emner. farverne jeg har brugt, er blå, rød og grøn som fortæller hvor de forskellige emner skal placeres. THE COMPANY WBS Portfolio Mindmap 1 Samtidig har jeg sat tal på alle emner i WBS en så jeg kan se hvad der skal laves i hvilken rækkefølge samtidig med at jeg kan se hvad der skal laves bagefter en opgave er lavet. Det giver også en hjælp til dannelsen af Gantt-kortet, da jeg allerede har sat det i rækkefølge. The Company 2.0 Hjemmeside 3.00 Redesigns 4.0 Usability 5.0 WBS 2.1 Om mig 1.Semester Læring 3.08 Kontakt Tekst Til Hjemmeside Redesign 1.Projekt 4.1 Informationsarkitektur 5.1 Gantt Kort Projekt 3.03 Communication Presentation 3.09 Logo 3.15 Redesign 2.Projekt 4.2 Kortsortering Projekt 3.04 Design Visualisation 3.10 Redesign 3.Projekt 4.3 Gangstertest Projekt 3.05 Interaction Development 3.11 Redesign 4.Projekt Projekt 5.Projekt 3.06 The Company /26

16 GANTT KORT Da jeg begyndte at lave mit Gantt kort var jeg rimelig sikker på at jeg ville holde tiden, jeg følte at jeg havde lavet det overskueligt for mig selv og derfor let at følge. Min tidsplan skrider allerede i starten af projektet da jeg ikke er tilfreds med mit design på hjemmesiden og derfor vælger at lave det om. Mit andet design var jeg heller ikke tilfreds med og jeg vælger at starte helt forfra med udvikling af designet. Jeg får endelig lavet et design jeg er tilfreds med og kan gå videre. På det tidspunkt har jeg arbejdet ni dage mere med designet af hjemmesiden end hvad der var planlagt og det sender mig bagud med en række opgaver der skulle løses. Da jeg skal skrive teksten til min hjemmeside er jeg gået fem dage over tid før jeg kommer i gang med det. Ud over det tager det tre dage mere at skrive tekst til hjemmesiden end hvad jeg havde regnet med at det ville gøre. Allerede her havde jeg arbejdet tolv dage mere end jeg havde regnet med jeg ville havde gjort på dette tidspunkt. Jeg vælger derfor at lave en række af opgaverne i tiden mellem jule og nytår for at indhente det jeg havde mistet. I mellemtiden får jeg planlagt med to fra klassen at vi vil hjælpe hinanden efter nytår med nogle brugertests. Jeg vælger derfor at udskyde brugertestene og starte på rapporten i stedet for. Når jeg kommer til onsdag i uge tre mangler jeg kun at skrive brugertestene ind i min rapport og derfra linke til den fra min hjemmeside. Det ender med at min projektplanlægning skred én dag fra selve deadlinen jeg havde sat /26

17 GANTT KORT Planlagt tid på opgaver Faktiske tid på opgaver Pause fra opgave Uge 49 Uge 50 Uge 51 Uge 52 Uge 01 Uge 02 Uge 03 M T O T F L S M T O T F L S M T O T F L S M T O T F L S M T O T F L S M T O T F L S M T O T F L S Mindmap WBS Gantt-kort Hjemmeside Design Logo Tekst Til Hjemmeside Redesigns Links Informationsarkitektur Kortsortering Gangstertest Rapport 17/26

18 REDESIGNS 2. PROJEKT GAME DESIGN Da vi ikke fik den store kritik af spillet, valgte jeg selv noget jeg kunne redesigne. Jeg valgte at rykke spillet ind på midten af siden så det gav en balance på hjemmesiden. Før lå den ude i højre side uden vi havde kunnet finde ud af at flytte den ind på midten. Denne gang fandt jeg så ud af at den ikke kunne rykkes ind på midten da den lå inde i diven som vi havde kaldt wrapper. Jeg valgte derfor at flytte spillet ud af wrapperen for at få den fri af diven. Det gjorde en stor forskel og at jeg så kunne rykke frit rundt med spillet. Jeg valgte derefter at give spillets div en margin-left: 20%; og en margin-right: 20%; så spillet ville rykke sig ind på midten. Det gjorde jeg da det ikke rykkede sig ind på midten da jeg skrev margin-left: auto; margin-right: auto;. Derfor brugte jeg procenter i stedet for auto. 18/26

19 3. PROJEKT - INFOGRAPHICS En del af kritikken af projektet var om hvorfor vi ikke havde kombineret de to logoer vi ikke kunne blive enige om. Derfor tog jeg logotypen i Jakobs logo hvor der står JB og sat det ind i Simones udkast til et logo og erstattet hendes JB med Jakobs i Illustrator. En anden del af kritikken vi fik fra Mark var at vi brugte ordet skrift når vi hentydede til vores skrift i logoet i stedet for at kalde det logotype, som det hedder. Derfor har jeg rettet stavefejl i rapporten og ændret nogle af ordene til deres rigtige betegnelse som vi fik kritik for ikke at have gjort. 19/26

20 4. PROJEKT - WEBSITE DESIGN Det som jeg har valgt at ændre i 4. projekt er inde på download siden og kontakt siden. Da vi har lært at lave en kontaktformular har jeg valgt at sætte sådan en ind på siden i stedet for et billede der skal ligne en kontaktformular. Det gør at siden bliver mere professionel at se på. Derudover giver det også siden lidt mere seriøsitet da man nu rent faktisk kan skrive sit navn inde i den. Jeg gik ind og slettede billedet fra koden og skrev koden for kontaktformularen i stedet for 20/26

21 USABILITY INFORMATIONSARKITEKTUR Informationsarkitekturen hjælper til at brugeren kan få et overblik over hvor personen kan finde sin information henne og hvor man kan finde de forskellige emner som man leder efter. Den måde jeg har opsat min informationsarkitektur, er ved at jeg har tobias-sonne.dk brugt farver og lavet en opstilling der fortæller hvad der hører under forskellige Om mig 1.Semester Læring punkter. Communication 1.Projekt Presentation Jeg har opsat det sådan at man kan se Design 2.Projekt hvordan min hjemmeside fungere og Visualisation hvad der hører til under de forskellige Interaction 3.Projekt Development menupunkter. 4.Projekt The Company Kontakt Farverne er med til at give et overblik og samtidig hjælpe til med at fortælle hvad der er underpunkter og hvad der er overpunkter. 5.Projekt 21/26

22 GANGSTERTEST Forsøgsperson: Simone Snedker, 21 år, fra Jylland Jeg placere Simone på siden Læring i undermenuen the Company. Jeg spørger til hvor hun er på sitet og hun svarer let på spørgsmålet, at det er læring og inde under the Company. Jeg spørger om hun kan finde nogle links på siden uden af bruge musen til at identificere linket. Hun markere hurtigt det grønne tekst som værende links. Jeg beder hende derefter at finde opgavebeskrivelsen til vores andet projektforløb. Hun klikker som det første ind på 1.Semester, derefter 2.Projekt og i toppen finder hun opgavebeskrivelsen. Hun gjorde det nemt og hurtigt, uden at tage fejl af hverken sider, undersider eller links. 22/26

23 KORTSORTERING Forsøgsperson 1: Line Mehr, 20 år, fra Nordjylland Jeg har lavet tretten kort Som jeg giver til Line. Hun starter med at sprede dem ud på bordet for at danne sig et overblik over emner. Hun tager så og placere kortene 1. projekt - 5. projekt under 1. Semester og vælger at placere 1. Semester som en hovedmenupunkt. Derefter placere hun Communication & Presentation, The Company, Design & Visualisation og Interaction Development inde under Læring, som hun vælger som hovedmenupunkt. Nu er der to kort tilbage, det er Om mig og Kontakt. Hun er i tvivl om hvordan de to ligger men vælger at lægge Kontakt som en undermenu til Om mig. Det eneste der er anderledes på min Hjemmeside er kun at Kontakt ikke lægger som en undermenu men som en hovedmenupunkt. 23/26

24 Forsøgsperson 2: Simone Snedker, 21 år, fra Jylland Simone får ligeledes de samme kort som Line. Hun gør mange af de samme ting som Line, som er at hun starter med at sprede kortene ud for at få et overblik. Hun placere også kortene Communication & Presentation, The Company, Design & Visualisation og Interaction Development inde under Læring som undermenupunkter. Hun tager derefter hurtigt fat i kortene Om mig og Kontakt og lægger dem så Kontakt er en undermenu til Om mig. Hun fortsætter med resten af kortene og placere så 1. projekt 5. projekt som undermenu til 1. Semester. Hun vælger så at kigge på hvordan kortene lægger og diskutere lidt med sig selv om kortene Om mig og kontakt burde lægge anderledes. Hun fortæller at det er meget forskelligt hvordan de to kort kan lægge og gør opmærksom på at kortet Kontakt kunne have sin egen plads som hovedmenupunkt. Hun vælger dog at beholde kortopsætningen som hun havde lagt den fra start af. Forsøgsperson 1 og forsøgsperson 2 kom altså frem til det samme resultat hvor de begge ville have lægget kontakt under kortet Om mig. Det giver lidt idéer til den videreudvikling jeg havde tænkt mig at gøre på min hjemmeside, når vi kom længere frem i uddannelsen. 24/26

25 KORTSORTERING ORIGINAL KORTSORTERING FORSØGSPERSONERS KORTSORTERING Om Mig 1.Semester Læring Kontakt Om Mig 1.Semester Læring 1. Projekt Communication & Presentation Kontakt 1. Projekt Communication & Presentation 2. Projekt Design & Visualisation 2. Projekt Design & Visualisation 3. Projekt Interaction Development 3. Projekt Interaction Development 4. Projekt The Company 4. Projekt The Company 5. Projekt 5. Projekt 25/26

26 KONKLUSION OVER 5. PROJEKT - REDESIGN AF PORTFOLIO Når jeg ser på mit resultat af min hjemmeside er det et tilfredsstillende færdigt design jeg er kommet frem til. Jeg har haft nogle komplikationer med at finde ud af mit design, hvor jeg har været nødt til at pille nogle ting ud af mit design for at få det til at virke. Min projektplanlægning skred næsten fra start af, men det lykkedes mig at hente meget af den tabte tid, da jeg arbejdede med projektet på tidspunkter jeg havde sat som fridage. Efter at have arbejdet så intenst med mit design har jeg kommet frem til noget jeg er tilfreds med, dog har jeg også lavet en liste over ting jeg vil have rettet senere hen. Det jeg godt vil have lavet efterfølgende på min hjemmeside skal være at den er kompatibel på en mobil, altså responsiv. Derudover vil jeg godt prøve lidt kræfter med noget animation fra Edge Animate som kunne give min hjemmeside et lille pift af friskhed. Alt i alt et projekt jeg er tilfreds med og som jeg har designet på baggrund af hvad jeg har lært i timerne på uddannelsen. 26/26

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

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

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

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

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

Læs mere

Projekt 5 - Porfolio Redesign

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

Læs mere

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

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

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

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

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

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

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

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

Læs mere

GRAFISK 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

Dokumentation. Karen-Louise Fejerskov

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

Læs mere

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

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

Læs mere

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

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

Læs mere

Mit grafiske workflow inkluderer:

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

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

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

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

Læs mere

GRAFISK 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

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

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

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

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

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

Læs mere

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Corporate Social Responsibility Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Fact sheet Projekt titel Corporate Social Responsibility Url

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

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

Læs mere

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

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

Arbejdsproces. Designparametre

Arbejdsproces. Designparametre REDEGØRELSE Om opgaven Til denne opgave skal der laves et design til easynets nye hjemmeside. Den skal være moderne, simpel i udtryk og overskuelig. Fokus på brugervenlighed. Der skal designes forside,

Læs mere

Grafisk design OPGAVEBESKRIVELSE

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

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

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

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

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

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

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

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk

Læs mere

grafisk design grafisk sign Jeppe Nedergaard

grafisk design grafisk sign Jeppe Nedergaard grafisk d sign Jeppe Nedergaard 1 faglighed... case... logo + hjemmeside kunde... sønderborg skatehal programmer.. illustrator + indesign + dreamweaver doku menta tion opgaven En af mine gode kammerater,

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

RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf

RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf 1 Web-agency Den første del af opgaven var at skabe en web-agency

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

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

Grundforløbsprøve Projektbeskrivelse

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

Læs mere

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

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

Læs mere

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

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

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

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

Læs mere

Af Theis Hansen og Morten Hedetoft, 1.3

Af Theis Hansen og Morten Hedetoft, 1.3 Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

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

Læs mere

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

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

portfolio GRAFISK WORKFLOW

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

Læs mere

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

PROJEKT 4: WEBSITE DESIGN

PROJEKT 4: WEBSITE DESIGN Copenhagen Business Academy - Lyngby Samværsfestival for ældre Traditionen tro November 2014 1. Semester, Multimediedesigner uddennelse, MulA 1 Indholdsfortegnelse 1. Opgave beskrivelse.. 2 2. Web-agency

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

Rapport om projekt 4 - Redesign af Wordpressportfolio

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

Læs mere

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. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

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

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1 3 usability-tests Gangstertest Ekspertvurdering Kortsortering med udgangspunkt i Køge Boldklubs web site Side 1 Køge Boldklubs web site Side 2 Gangstertest I gangstertesten har testpersonen fået stillet

Læs mere

GRAFISK DESIGN LE CHÂBLE SKI LODGE

GRAFISK DESIGN LE CHÂBLE SKI LODGE GRAFISK DESIGN LE CHÂBLE SKI LODGE 2 LE CHÂBLE SKI LODGE DESIGN AF LOGO, BREVPAPIR, VISITKORT, HJEMMESIDE Om projektet Le Châble ski lodge er en ejendom belligende i Schweiz, som oprindeligt var et bageri.

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

Dokumentation: Workflow af Hjemmeside redesign

Dokumentation: Workflow af Hjemmeside redesign Dokumentation: Workflow af Hjemmeside redesign Jeg skulle lave et redesign af BB Offsets hjemme side med max 4 undersider. Jeg har været alene om opgaven. Det eneste kundekontakt jeg har haft i forløbet

Læs mere

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

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

Læs mere

Google websites. https://sites.google.com. Pædagogiske og didaktiske mål

Google websites. https://sites.google.com. Pædagogiske og didaktiske mål Google websites https://sites.google.com Pædagogiske og didaktiske mål Et værktøj til at samle og dele klassens materialer og noter på ét sted med mulighed for et lækkert layout. Der kan lægges dokumenter

Læs mere

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

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

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

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

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

Læs mere

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

DESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse.

DESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. DESIGN MANUAL Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. Designmanualen er et værktøj til brug for dem, der i det daglige

Læs mere

G R A F I S K D E S I G N L O G O

G R A F I S K D E S I G N L O G O GRAFISK DESIGN LOGO Andreas Ernst Tørnqvist / Grafisk Design Opgavebeskrivelse Jeg fik stillet opgaven at designe en iden ti tet til min vens nye It-support firma. Opgaven var fri, der var ingen krav,

Læs mere

Factsheet. Projekt: CSR-Kampagne Gruppemedlemmer: Andreas Baggesgaard, andreas_baggesgaard@hotmail.com. Kamila Melnyczok, kamila.melnyczok@gmail.

Factsheet. Projekt: CSR-Kampagne Gruppemedlemmer: Andreas Baggesgaard, andreas_baggesgaard@hotmail.com. Kamila Melnyczok, kamila.melnyczok@gmail. Factsheet Projekt: CSR-Kampagne Gruppemedlemmer: Andreas Baggesgaard, andreas_baggesgaard@hotmail.com Kamila Melnyczok, kamila.melnyczok@gmail.com Benjamin Lipsø, benjamin.lipsoe@gmail.com Mikki Houmand

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Grafisk design: Ny identitet til LiveCV

Grafisk design: Ny identitet til LiveCV Grafisk design _ 22 / 42 Grafisk design: Ny identitet til LiveCV Produkt _ Igennem mit eget firma Wunderly, har jeg fået til opgave at re-designe LiveCV s online identitet, med henblik på at gøre det hele

Læs mere

Galleri modul. Side 1 af 18

Galleri modul. Side 1 af 18 Galleri modul Side 1 af 18 Indholdsfortegnelse Indholdsfortegnelse... 2 Installation... 3 Oprette menupunkt... 5 Kategoriseret menupunkt (Avanceret)... 6 Opsætning... 9 Generel opsætning... 10 Opsætning

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

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

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

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011 Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.

Læs mere

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

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

Læs mere

Responsive Design. Projektplanlægning. Problemformulering. Målgruppeanalyse. Krav til website. Websitet skal være tilpasset følgende skærmstørrelser:

Responsive Design. Projektplanlægning. Problemformulering. Målgruppeanalyse. Krav til website. Websitet skal være tilpasset følgende skærmstørrelser: Responsive Design Gruppe 5 Margrethe Hansen, Karina Rossing, Lucas Perch & Niclas Sand Projektplanlægning Som led i planlægning af vores projekt har vi anvendt en række projektplanlægningsværktøjer. Først

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

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

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

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

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

Læs mere

REDESIGN AF SØREN K S WEBSITE SKREVET AF KARINA MAHMUD OLE SERGIO CLAUS

REDESIGN AF SØREN K S WEBSITE SKREVET AF KARINA MAHMUD OLE SERGIO CLAUS REDESIGN AF SØREN K S WEBSITE SKREVET AF KARINA MAHMUD OLE SERGIO CLAUS WEBSITE - PROJEKT 3 Cphbusiness Lyngby Multimediedesigner MUL- A 1. semester, 2012 PROJEKT URL http://cph43.webkn.dk/sorenk LÆRERE

Læs mere

Redtape.dk Grafisk Design

Redtape.dk Grafisk Design Redtape.dk OM KUNDEN Red Tape er et undergrunds pladeselskab. De udgiver musik under Creative Commons licens, som er en åben ophavsret, der gør det lovligt at dele og modificere musikken på lovlig vis.

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

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

Læs mere

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE Det var på tide med en ny hjemmeside til privat brug. Jeg valgte at starte helt fra bunden i stedet for at ændre på noget eksisterende.

Læs mere

JB Plastics visuelle identitet... 2. Et nyt logo... 2 Visitkort og brevpapir... 4 PowerPoint... 6. Designprocessen... 6

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