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

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

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian

Læs mere

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

Projekt 5 - Porfolio Redesign

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

Læs mere

Grafisk 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

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

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

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

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

3. PROJEKT. Cph Business MULA SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE.

3. PROJEKT. Cph Business MULA SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE. 3. PROJEKT Cph Business MULA JB PLASTICS INFOGRAFIK SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE. INDHOLDSFORTEGNELSE PART 1 - Intro - Brainstorm - PBS -

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

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

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

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

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

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

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

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

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

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

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

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

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

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

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

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

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

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

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

GRAFISK 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

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

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

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

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL: MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël Unique Landscapes URL: http://sillenoel.com/uniquelandscapes/index.html 1 7. Ekspertvurdering Kvalitetsvurdering af Unique Landscapes nuværende website.

Læs mere

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

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

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

Gruppe 9 Visuel Interface Design, 27/09/2011

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

Læs mere

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

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

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:

Læs mere

Portfolio - Grafisk Workflow

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

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

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

Læs mere

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

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

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

grafisk 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

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

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

Senior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014

Senior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014 Senior Sundhed Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014 Frida Madsen Christian Knudsen Jonatan Nielsen Line La Fontaine Louise Bonke Projektet Der er til vores webbureau udviklet: Et

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

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

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

Læs mere

Project 5: Portfolio Remake

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

Læs mere

Portfolio - sunestenild.dk

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

Læs mere

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

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv

Læs mere

GRAFISK DESIGN. 1 Grafisk Design

GRAFISK DESIGN. 1 Grafisk Design GRAFISK DESIGN 1 SpilNinja 2 Opgavebeskrivelse Til grafisk design har jeg valgt at tage udgangspunkt i en opgave, hvor jeg skulle designe et logo til hjemmesiden SpilNinja. SpilNinja er en hjemmeside i

Læs mere

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have

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

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

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

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

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

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt. Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

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

Læs mere

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

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

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

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

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

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 WORKFLOW PORTFOLIO NIKLAS POULSEN H1

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

Læs mere

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

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

Læs mere

Grafisk workflow 3. Hovedforløb

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

Læs mere

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

Bannerprojekt Mul B 2013 Gruppe: 6

Bannerprojekt Mul B 2013 Gruppe: 6 Bannerprojekt Mul B 2013 Gruppe: 6 Projekt URL - http://henrietteklindt.it/html-soundvenue/index.html Undervisere: Thomas Hartmann, Morten Rold, Merete Geldermann Lützen, Jesper Hinchely, Ian Wisler-Poulsen,

Læs mere

Udarbejdet i uge 23-24, 2014 Michelle Ploug Hansen 02 Grafisk Design

Udarbejdet i uge 23-24, 2014 Michelle Ploug Hansen 02 Grafisk Design Udarbejdet i uge 23-24, 2014 Michelle Ploug Hansen 02 Grafisk Design Det gode logo kommunikerer værdier og taler til målgruppen. Derfor starter man altid med at lære kunden at kende, det kan enten gøres

Læs mere

Multimediedesign på Cph-Business

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

Læs mere

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

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

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

Læs mere

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

3. PROJEKT. Cph Business MULA JB PLASTICS INFOGRAFIK SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE.

3. PROJEKT. Cph Business MULA JB PLASTICS INFOGRAFIK SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE. 3. PROJEKT Cph Business MULA JB PLASTICS INFOGRAFIK SIMONE SNEDKER, TOBIAS SONNE, FRIDA MADSEN, ANGELICA OLESEN, ANDERS LAURIDSEN & JAKOB PLENGE. INDHOLDSFORTEGNELSE PART 1 - Intro - Brainstorm - PBS -

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

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

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

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Handel på Internettet Pricerunner side 1 af6 www.pricerunner.dk Pricerunner er en side hvor man kan sammenligne produkter og priser. Det er muligt at filtrere sin søgning og at søge i emner, eller på et

Læs mere

Æsken skal primært være i let pap.

Æsken skal primært være i let pap. GRAFISK DESIGN REDEGØRELSE OPGAVEN Vi fik til opgave at designe emballage til internet undertøjsbutikken Inderst Inde. Vi fik udleveret et logo som vi skulle bruge, men måtte selv bestemme hvilket undertøjsprodukt

Læs mere

Grafik & Billede. Vektorgrafik

Grafik & Billede. Vektorgrafik Grafik & Billede Vektorgrafik OPGAVEN Jeg fik til opgave af en kunde at lave et logo. Logoet var til ungøkonomi.dk, der er en online service der rådgiver unge om alle former for økonomi. Sitet hvorpå logoet

Læs mere

Se hjemmesiden på:

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

Læs mere

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