Grafisk workflow. bl.udbudsnet.dk

Størrelse: px
Starte visningen fra side:

Download "Grafisk workflow. bl.udbudsnet.dk"

Transkript

1 Grafisk workflow. bl.udbudsnet.dk

2 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. Hjemmesiden skulle laves så den passede sammen med to rollups som Udbudsnet havde fået lavet til samme messe. Det vil sige at jeg skulle bruge samme farver, grafik og fonte som der er brugt på rollupsne. Hvad er dit bidrag? Jeg har stået for at kode hele siden, og lave designet så det minder så meget som muligt om de to rollups. Kontakt, behandling, ide og layout Kundekontakt: Kunde kontakten har været meget nem, da jeg lavede sitet hos Designcircle, som er de samme som laver Udbudsnet. Ordrebehandling: Opgaven behandlede jeg som jeg ville gøre med alle andre opgaver, lavet den lokalt på min egen maskine, og da det blev tid til at teste sitet i forskellige browsers, lage jeg det ud på en test del af Designcircles egen hjemmeside. Ideudvikling: Da jeg fik de to rollups som siden skulle passe med, har der været meget lidt ideudvikling fra min side. Layout: Layoutet har også haft meget nemt ved at finde frem til, da jeg igen skulle gå ud fra de to rollups. Der er dog nogle ting fra rollupsne jeg har skrottet til fordel for et mere luftigt og rent layout. Derudover gjorde jeg det for ikke at få dobbelt information på sitet. Komposition og modulopbygning Kompositionen er meget simpel og luftig for at gøre alt indholdet lettere at forstå. Illustrationerne er lavet så de supplementerer teksten, og får hele sitet til at kommunikere mere visuelt, som en infographic, end som en bog der skal læses. Sitet er bygget op som et one page site, og i moduler af lysegrå og hvide kasser. Dette er en meget vigtig del af layoutet, da dette er godt for usabilityen. Derudover er det rigtig vigtigt fordi det hjælper sitet til at virke bedre på tablets og telefoner. Usability Der er tænkt meget over usabilityen, da sitet skulle bruges til at sælge på en messe. Her har folk travlt med at komme rundt til alle de forskellige borde og snakke med alle. Sitet skulle fange hurtigt og været hurtigt til at give de informationer, som brugeren søgte. Derfor var det vigtigt med store og lækre overskrifter som fangede. Sitet skulle være så simpelt som muligt for at give fornemmelse af luft og rolighed. Til sidst skulle illustrationerne i samarbejde med lille smule tekst give et hurtigt overblik over hvad Udbudsnet tilbyder. Sitet er meget brugervenligt da det er lavet som et one page site, med en fixed menu i toppen. Derudover er der en kontakt formular til kontakt punktet, som endnu en gang gør det nemmere for brugeren at sende en mail til Udbudsnet. Væsentlighed Det mest væsentlige på sitet er simpelhed og usability. Det er meget vigtigt at sitet holder brugerens fokus, og giver dem informationerne på en hurtig og let fordøjelig måde. Derudover har det været vigtigt at hjemmesiden virkede 100% på tablets og telefoner. Dette er et meget væsentligt element da det er nemmere for folk på en messe at tjekke siden på deres egen telefon eller tablet, frem for at skulle bruge computeren som siden ellers kørte på. Browserkompatibilitet Hjemmesiden er lavet så den kan bruges i alle browsers. Derfor virker den i alle browsers, det er først et problem hvis man bruger version 8 i Internet Explorer. hvordan? Hvad hvorfor Procesredegørelse Jeg startede opgaven med at få de relevante materialer udleveret. Derefter fandt jeg ud af hvordan layoutet skulle se ud, med løbende inputs fra Udbudsnets leder. Da layoutet var færdigt gik jeg i gang med at skille de to rollups ad, så jeg havde de billeder jeg skulle bruge. Efter dette gik jeg i gang med at kode siden. Da koderne var færdige sendte jeg siden til korrektur. Den kom derefter tilbage med nogle rettelser, som jeg straks lavede. Efter dette gik jeg i gang med at lave siden responsiv, og teste den i de forskellige browsers. Da alle tests og den responsive del blev færdige, sendte jeg den igen til korrektur. Efter den kom tilbage rettede jeg de fejl der var fundet, og uploadede den derefter til den af Udbudsnets site, den skulle ligge på. Kvalitetsvurdering Jeg synes selv, jeg er kommet frem til et rigtig fint produkt. Der var desværre en funktion jeg blev nødt til at undlade, da der ikke var tid til at lave tekster til den. Det var en funktion hvor, hvis man klikkede på ikonerne i billedet med skyen, skulle der vises noget tekst. Men udover det synes jeg, resultatet er blevet rigtig godt. Jeg kan særligt godt lide den måde usabilityen, og luft spiller sammen og giver et utroligt brugervenligt layout. Jeg synes også at hjemmesiden er blevet meget nem og hurtig at forstå. KASPER MØLGAARD - Grafisk workflow - side 2

3 Rollups Rollups Her ses de to rollups jeg fik udleveret til opgaven. Jeg har desværre mistet de skitser jeg har lavet af layoutet. KASPER MØLGAARD - Grafisk workflow - side 3

4 Arbejdsproces Arbejdsproces Her ses et udsnit af min proces med html og css. KASPER MØLGAARD - Grafisk workflow - side 4

5 KASPER MØLGAARD - Grafisk workflow - side 5

6 KASPER MØLGAARD - Grafisk workflow - side 6

7 KASPER MØLGAARD - Grafisk workflow - side 7

8 KASPER MØLGAARD - Grafisk workflow - side 8

9 Det færdige resultat KASPER MØLGAARD - Grafisk workflow - side 9

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

GRA DESIGN. HEARTS & MINDS

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

Læs mere

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

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grafisk design. webintegrator

Grafisk design. webintegrator Grafisk design. webintegrator hvordan? Hvad hvorfor Hvad går opgaven ud på? Opgaven jeg blev stillet, gik ud på at lave fem diplomer til de webintegrator som lige blev færdige med grundforløbet, og som

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

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

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 WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

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

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

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

WORKFLOW & GRAFISK PRODUKTION

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

Læs mere

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 Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

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

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

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

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 DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

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

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

GRAFISK DESIGN WolfPack

GRAFISK DESIGN WolfPack GRAFISK DESIGN WolfPack HVORDAN? HVAD HVORFOR OPGAVEN Opgaven blev stillet af virksomheden WolfPack og gik ud på at redigere en 35 sekunders film som skulle promovere et tilbagevendende festarrangement

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

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

PRODUKTION OG WORKFLOW

PRODUKTION OG WORKFLOW PRODUKTION OG WORKFLOW INTERN PROJEKTSTYRING PRODUKTION OG WORKFLOW Majken Cramer, Hovedforløb 2 Aarhus Tech, september 2012 HVAD GÅR OPGAVEN UD PÅ JULI 2012. Jeg har stået for projektstyringen på intranettet

Læs mere

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev

Læs mere

Grafisk Design. Dansk Center For Organdonation

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

Læs mere

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden. Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller

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

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop

Læs mere

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia GRAFISKDESIGN PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia Trykket hos: PR Offset Papir: 170g multiart silk, omslag 130g multiart silk, indhold Grafisk design Dansk Kedel Kemi,

Læs mere

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

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

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

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

Læs mere

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

Grafik og billede Vektorgrafik

Grafik og billede Vektorgrafik Grafik og billede Vektorgrafik Opgaven Jeg fik til opgave at lave et logo til et nyt firma. Det var et murerfirma det drejede sig om og firmaet skulle hedde Murermester Søren Hermann. Kunden havde et ønske

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

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard Grafisk design Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Sognegaarden - Hedensted Opgave: ny grafisk identitet og hjemmeside Programmer: Indesign, illustrator og photoshop Farverum: CMYK

Læs mere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action

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

kom godt fra start... Din guide til ForældreIntra

kom godt fra start... Din guide til ForældreIntra kom godt fra start... Din guide til ForældreIntra ForældreIntra - kom tættere på skolen ForældreIntra er en del af SkoleIntra - skolens lukkede intranet Med ForældreIntra kan du: følge med i hvad der sker

Læs mere

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

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

GRAFISK DESIGN. Proces. Ideudvikling. »Jeg er blevet bedt om at udvikle nogle ideer til at udvikle John Frandsens nuværende annoncesider«

GRAFISK DESIGN. Proces. Ideudvikling. »Jeg er blevet bedt om at udvikle nogle ideer til at udvikle John Frandsens nuværende annoncesider« P f t r o o i l o 1 H GRAFISK DESIGN»Jeg er blevet bedt om at udvikle nogle ideer til at udvikle John Frandsens nuværende annoncesider«proces For at udvikle annoncen måtte jeg først klarlægge, hvad der

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

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

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

Læs mere

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

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

Op gaven ı 2. O pgave n. a fsend er

Op gaven ı 2. O pgave n. a fsend er O pgave n Opgaven gik ud på at designe logo og lave et redigerbart, responsivt website som skulle være en slags udvidet visitkort til Henrik Libak, ejer af Libak Retail, som er et nyoprettet konsulentfirma.

Læs mere

Grundforløbsprojekt Mediegrafiker - 2014 Erik David Ahler

Grundforløbsprojekt Mediegrafiker - 2014 Erik David Ahler Grundforløbsprojekt Mediegrafiker - 2014 Indhold Tidsplan... 03 Synopsis.... 04 Interview... 05 Grafisk Design.... 06 Grafisk Workflow.... 12 Typografi og ombrydning... 20 Grafik og billeder.... 28 Konklusion...

Læs mere

ARBEJDSPORTFOLIO SEPTEMBER 2011.

ARBEJDSPORTFOLIO SEPTEMBER 2011. LISA LALITA SØEBORG MEDIEGRAFIKERUDDANNELSE SVENDEPRØVE 2011 Grafisk workflow ARBEJDSPORTFOLIO SEPTEMBER 2011. S I D E 1 OPGAVE Jeg fik en opgave i skolepraktikken af en kunde fra Musicon som gerne vil

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Kunde Nestlé Barnmat. Brief Levering af billeder til HTML5 website

Kunde Nestlé Barnmat. Brief Levering af billeder til HTML5 website 1 Billedbehandling I kerneområdet Grafik og Billedbehandling har jeg valgt at vise et udsnit af den billedredigering jeg har lavet til en Nestlé hjemmeside. Jeg fik til opgave at stå for hele opsætningen

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

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

MÅL At lave et webbanner som var i stil med den allerede eksisterende annonce, som kunne holde sig indenfor 60KB.

MÅL At lave et webbanner som var i stil med den allerede eksisterende annonce, som kunne holde sig indenfor 60KB. GRAFISK DESIGN OPGAVE At lave et webbanner på 300 x 250 px til Teatret Svalegangen for forestillingen Rovdyr, som skulle bruges til indrykning på aoa.dk og ibyen.dk. Denne måtte max fylde 60KB og skulle

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

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

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

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

til varedeklaration (lovkrav) på etiketterne. Layoutet på disse etikette var altså givet meget på forhånd.

til varedeklaration (lovkrav) på etiketterne. Layoutet på disse etikette var altså givet meget på forhånd. GRAFISK WORKFLOW HVORDAN? HVAD HVORFOR OPGAVEN Jeg blev stillet opgaven at skulle designe/redesigne labels, eller etiketter om man vil, til, Kaffe, Kakao og Topping, samt en kildevand for MENY kaffe. Etiketterne

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg

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

Billedbehandling. Roll-up banner til Kvickly i Ribe

Billedbehandling. Roll-up banner til Kvickly i Ribe Billedbehandling Roll-up banner til Kvickly i Ribe Opgave i billedbehandling Jeg fik tilbuddet om at lave et Roll-up banner til Kvickly i Ribe. De har hver torsdag og fredag vinsmagning nede i butikken,

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

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... 4 Fase 5: Test... 5 Fase 6: Offentliggørelse... 5 Kanyle-modellen:...

Læs mere

SKY. Kommunikations-IT. Alexander L, Anton og Mads Zillo

SKY. Kommunikations-IT. Alexander L, Anton og Mads Zillo SKY Kommunikations-IT Alexander L, Anton og Mads Zillo Indhold i rapporten(uden sidetal) Funktionerer i programmet Brugervenlighed Fejlkilder/problemer undervejs Konklusion Design Ideen bag Game maker

Læs mere

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

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

Læs mere

GRAFISK DESIGN CAMILLA BEYER

GRAFISK DESIGN CAMILLA BEYER GRAFISK DESIGN CAMILLA BEYER Dokumentation Brainstorm Opgaven Arbejdsproces Opgaven gik ud på at designe et logo til en grafisk - Brainstorm elev der søger elevplads. Der skal også designes visitkort,

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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

Læs mere

Poster design. Meningen med en poster

Poster design. Meningen med en poster Poster design At præsentere et naturvidenskabelig emne er ikke altid lige nemt. Derfor bruges ofte plakater, såkaldte posters, til at fremvise forskning på fx messer eller konferencer. Her kan du finde

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

Responsiv hjemmeside

Responsiv hjemmeside Kom/it niv.a 3.år Responsiv hjemmeside Hospidana Carina Aa Hansen, Mathias Larsen, Peter Lærke 2014 Forord I vores rapport vil man kunne gå ind og læse omkring hvorfor vi har valgt at opbygge vores hjemmeside

Læs mere

Indholdsfortegnelse Idéen bag logo Idéen bag website Farveversioner af logo Webdesign Videoen: Visuelle tanker Stil Speciel effects Motion Design

Indholdsfortegnelse Idéen bag logo Idéen bag website Farveversioner af logo Webdesign Videoen: Visuelle tanker Stil Speciel effects Motion Design 1 Indholdsfortegnelse Idéen bag logo 3 Idéen bag website 4 Farveversioner af logo 5 Webdesign 6 Videoen: 7 Visuelle tanker 7 Stil 7 Speciel effects 8 3D 8 Motion Design 9-10 2 Introduktion Hoved idéen

Læs mere

GRAFIK OG BILLEDE MAC MOCKUP

GRAFIK OG BILLEDE MAC MOCKUP GRAFIK OG BILLEDE MAC MOCKUP HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven jeg blev stillet var at tage en masse billeder af imacs, iphones, Macbooks og ipads, og lave disse til mockups. Disse

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

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

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne.

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne. GRAFISK DESIGN REDEGØRELSE GRAFISK DESIGN 3 OPGAVEN skulle have opdateret deres nuværende identitet, og kom derfor til os og ønskede et redesign af logo, emballage og website. Vi tog imod opgaven, og glædede

Læs mere

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Roskilde Teknisk Gymnasium Dato 02/04/13 08/05/13 Side 1 af 9 Indhold Problem... 3 Overvejelser... 3 Produkt...

Læs mere

Grafisk workflow. ipaper magasinet Subwoofer

Grafisk workflow. ipaper magasinet Subwoofer Grafisk workflow ipaper magasinet Subwoofer 25 Robbert Rysholt Svendeprøve Juni 2015 Opgaven Som beskrevet under typografi og ombrydning, ville jeg lave et ipaper magasin, som skulle indeholde en blanding

Læs mere

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende

Læs mere

GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014

GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014 GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014 G H1 H3 REDESIGN AF WEBSITE - FRU MØLLERS MØLLERI Processen 1. skal have optimeret deres website med en som får den position, som den skal have, hvis netaktiviteterne

Læs mere

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION RESPONSIVE WEBSITE DOKUMENTATION OPGAVEN Opgaven gik ud på at designe og kode et responsive website til sommerhuset Brink Møllegaard. Websitet skulle præsentere og informere besøgende om huset og området

Læs mere

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

Læs mere