MMD Odense Style & Experience 2012

Størrelse: px
Starte visningen fra side:

Download "MMD Odense Style & Experience 2012"

Transkript

1 MMD Odense Style & Experience 2012 Mejeriteknolog Antal anslag: 17,766 Mona Lyngs Kjærgaard Bjarne Slipsager Peter Storm-henningsen Tuan Tony Hoang Dieu Anne Dorthe Freese Grau Staffan Storm Enemark Web B - DK

2 Indhold Indledning... 2 Research... 3 Koncept... 5 Style... 6 Thumbnail sketching & wireframes... 7 Uddybet analyse af hjemmeside Sammenligning af de to styles Kodeeksempel Analyse af hjemmesiden Projektstyringsforløb Tidsplan for projektforløbet Bilag Bilag 1: Bilag 2: side 1 af 22

3 Indledning Vi har fået til opgave at udvikle en subsite for EAL s mejeriteknolog uddannelse, hvor vi har valgt at sætte fokus på uddannelsen synlighed. Opgaven er en uges varighed, hvor vi har lavet feltstudier, idégenering, analysering, skitsering, udvikling og dokumentation for vores produkt. Det endelig produkt skal bestå af en uploadet subsite som skal indeholde minimum 3 sider. Selve subsitet skal konstrueres via html, css og flash elementer, hvor den skal kunne ses med en standard stil og en stil som er relateret til en udleveret stilart. Før vi begyndte at udvikle subsitet, så aflagde vi et besøg på mejeriteknolog for at undersøge om uddannelsen havde nogle problemer der havde behov for at blive løst. Feltstudiet bestod af en rundvisning på uddannelsen. Her besøgte vi de forskellige undervisningslokaler og studerende, hvor vi kunne stille spørgsmål undervejs. Vi har valgt at fokusere på uddannelsens eksistens, fordi de oplever at deres uddannelse bliver overset og forvekslet med andre uddannelser. De primære problemer med uddannelsen omhandler synlighed, pga. dårlig eksponering af information. Især lider uddannelsen af EAL s ensartet koncept og farver, som gør det svært at adskille uddannelserne. Dette betyder også at dens identitet som selvstændig uddannelse er ikke eksisterende. side 2 af 22

4 Research For at indlede vores projekt har vi benyttet os både at desk og field research og idegenerering. Dette har vi gjort for at få en ordentlig viden og baggrund for at opbygge en hjemmeside til uddannelsen mejeriteknolog. Herunder kan du finde en mere dybdegående gennemgang af vores forskellige metoder. Desk research Metoden går ud på at man laver internetsøgninger for at finde information som andre allerede har indsamlet og derefter bedømmer oplysningernes relevans og oprigtighed. Vi har anvendt desk research for at få et indblik i uddannelsen inden vi tog på feltstudie. Da uddannelsen ikke er særlig synlig på nette kunne vi kun finde informationer om denne via hjemmesiderne for EAL 1, ug 2 og den store danske 3. Disse hjemmesider er meget troværdige da det enten er uddannelsens egen hjemmeside, uddannelses guiden eller det store danske leksikon. Derfor har vi brugt den smule viden vi har fundet på disse hjemmesider, til at skabe os et indtryk og have en baggrund for spørgsmål på feltstudiet. Men vores primære informationskilde har dog været feltstudiet. Field research - Feltstudie Metoden går ud på at man kan besøger uddannelsesstedet, hvor man kan interview og tager billeder. Vi har anvendte følgende metode for at danne et overblik over uddannelsesstedet. Metoden indebærer at man får lov til at opleve uddannelsens interiør og atmosfære. Derudover hvilke problemer uddannelsesstedet, underviser og studerende oplever. Fordelen ved denne metode er alt information vi får under studiet er direkte fra kilden. Derudover fik vi mulighed for at tage en masse billeder som vi har brugt både til inspiration og på websitet cesteknolog.aspx#fold2 3 side 3 af 22

5 Idegenerering: Denne metode går ud på at man får alle sine ideer skrevet ned og laver brainstorm for at få de bedste og mest bæredygtige ideer frem i lyset. Under vores idegenerering valgte vi først at afsætte 20 min til brainstorm hvor vi fik skrevet alle vores ideer ned, lige meget hvor tossede de var. Derefter snakkede vi om hver enkelt ide, koblede flere af dem sammen og til sidst besluttede vi hvilke ideer vi ville bruge og hvilke der var knap så realistiske. Vi måtte bl.a. pga. tidsmangel vælge nogle af vores ideer fra undervejs og nøjes med at fokusere på hjemmesiden som vores endelig koncept. side 4 af 22

6 Koncept Efter at have lavet idegenerering, desk og field research begyndte vi ar arbejde på vores endelig koncept, hjemmesiden. I det næste afsnit kan i læse om vores valg af målgruppe og overvejelser omkring design og opsætning. Målgruppe & koncept: Ud fra de informationer vi fik under feltstudiet fandt vi ud af at de studerende på uddannelsen har et langt højere aldersgennemsnit end normalt, da mange af de studerende i forvejen har mange års erhvervserfaring specielt indenfor slagteri, bageri og mejeri. Dette betyder også at mange af de studerende i har familie at tage sig af, så emner som økonomi, skoleophold og karrieremuligheder er yderst relevante. Derudover fik vi også information om at antallet af studerende har været faldende de sidste mange år. Derfor har vi valgt at vores målgruppe skal være de potentielle og kommende studerende. Produktet, en hjemmeside, skal være med til at gøre uddannelsen mere tydelig, skabe en identitet online og give højere interesse for mejeriteknolog uddannelse. For at kunne fange potentielle studerendes opmærksomhed skal hjemmesiden indeholde informationer om uddannelsesforløbet og økonomien under uddannelsen. Derudover er det vigtigt at få formidlet hvilke karrieremuligheder der åbner sig, og hvad faglærte bagere, slagtere og mejerister kan bruge denne uddannelse til. På selve hjemmesiden vil vi gerne skabe en følelse af kvalitet og den skal afspejle mejeristerne. Da mejerist faget er et flere hundrede år gammel fag, skal hjemmesiden vise at mejeristteknologer tager noget så basalt og simpelt som mælk og ligger ære i at forvandle det til fantastiske mælkeprodukter, som hele tiden fornyes, forbedres og gøres moderne med respekt for traditioner og råvarer. Derfor skal hjemmesiden afspejle kvalitet, ro og samtidig skabe interesse for at klikke videre. Som det ser ud nu har mejeristteknolog uddannelsen ikke rigtig noget ansigt udad til, og de færreste ved at uddannelsen overhovedet eksisterer. Derudover er der rigtig mange der tror at mejerist faget er en landmandsuddannelse, hvilket det overhovedet ikke kommer i nærheden af. Det eneste materiale uddannelsen har til at uddele og imponere potentielle og kommende studerende med, er nogle kedelige ensfarvede flyers 4 der hverken skaber interesse eller imponerer. At uddannelsen ikke har en identitet på nettet er ret katastrofalt i den verden vi lever i i dag. Stort set alle har internet og bruger det på daglig basis, og derfor vil internettet også være et af de første steder en potentiel studerende vil søge efter uddannelsesmuligheder. 4 Se bilag 2 side 5 af 22

7 De danske mejerist uddannelser kan faktisk prale af at være de bedste i hele verden, og på trods af det lave antal studerende, faktisk også dem der uddanner flest i hele norden 5. Rundt omkring i verden snakker folk om dansk ost og smør, som er ren verdensklasse. Men for at alle disse fantastiske mælkeprodukter kan blive ved med at udvikle sig, skal der mejeriteknologer til for at forbedre eksisterende produkter og skabe nye. Derfor er det yders foruroligende at der ikke er blevet gjort mere for at markedsføre en så vigtig uddannelse. Derfor føler vi at det er utroligt vigtigt at få denne uddannelse frem i rampelyset og så den kan få den opmærksomhed den har fortjent. Vi skal pudse et ældgammelt anerkendt håndværk op, gøre det moderne og føre det ind i det 21. Århundrede ved hjælp af internettet. Style Art.css - Pop art Pop art opstod i 1950 erne og er en kunstretning der bruger temaer fra massekulturen. Kunstnerne forsøger at slippe af med den abstrakte ekspressionisme og søge mere over imod en figurativ kunst. Det er tydeligt at se at stilens karakteristika var at bruge simple hverdagsbilleder men i meget stærke farver. Kunstnerne begyndte også at bruge nye og anderledes metoder som akrylmaling, tekst, silketryk og collager med anderledes materialer. (billeder er af Andy Warhol 6 ) 5 Mælkeritidende 2012, side 14, se bilag 1 for billede. 6 side 6 af 22

8 Thumbnail sketching & wireframes (skitser kan ses på de efterfølgende sider) Baseret på vores research, da vores målgruppe er potentielle og kommende studerende, måtte layoutet ikke skabe alt for meget forvirring, når det er et subsite til EAL s hovedside. Derfor har vi under vores designproces stærkt overvejet rejsen for en besøger fra EAL s hjemmeside. Vi ville helst ikke nedbryde designet, men stadigvæk gerne vise, at informationen er opdelt. Design 1.0 Vores første skitse var et meget radikalt design i forhold til EALs, fordi vi ønskede at vise informationerne anderledes. Desværre løb vi ind i en masse problemer, det betød at vi måtte tilbage til tegnebordet. Problemerne som vi oplevede var tilpasning af de forskellige divs og størrelser. Vi vurderede at det var nemmest at starte forfra. Design 2.0: Her lod vi os inspirere af det klassiske layout af en hjemmeside, hvor vi har centreret alt efterfulgt af header, content og footer. Vi har valgt at bruge det traditionelle design med en billede-slider som fungere som en slags header for mainsite, hvor alt layout er placeret på F eye tracking teorien af Jakob Nielsen. Alt vigtigt information er placeret i venstre side af det centreret indhold. Design 2.1: Denne skitse skal bruges som underside skabelon. Vi valgte at forholde os loyal overfor for design 2.0 men ændrede de forskellige propositioner, især billedet, da det ikke skal tage alt fokus. side 7 af 22

9 Ud fra vores udarbejdede wireframes har vi forsøgt at implementere layoutet i html og css, der er lavet divs tags til de forskellige dele så indholdet kan spores tilbage til wireframet og ændres derefter. Design til vores website: I forbindelse med vores design har vi arbejdet med metoden desk research. Den har vi brugt til at lave research af de forskellige stilarter og trends indenfor webdesign. Efterfølgende har vi udvalgt de mest relevante data fra vores research, hvilket førte os til næste fase af designet, hvor vi skulle bestemme layouts og farver. I den forbindelse har vi brugt som er en hjemmeside med farvepaletter fra de mest populære hjemmesider på internettet. Derudover har vi brugt inspirationer fra vores inspirationsmappe. For layout har vi kigget på udvalgte hjemmesider fra Smashing Magazine og Six Revisions (bilag). I forbindelse med farvevalg har vi også kigget på uddannelsens farveidentitet herunder hjemmeside og brochure. side 8 af 22

10 side 9 af 22

11 side 10 af 22

12 side 11 af 22

13 side 12 af 22

14 Uddybet analyse af hjemmeside Vores egen style Kompositioner: Elementerne er indrammet i en usynlig kasse, hvor det negative rum skiller dem ad. Det eneste som afviger er pilene og det malplaceret overskrifter. Grafiske teknikker: Vi har udnyttet den grønne farve til at adskille de forskellige elementer på hjemmesiden se knapper. Vi har også skabt en kontrast til hjemmesidens indhold, ved at skabe noget dynamisk afvigelse se pile og de malplacerede overskrifter. På forsiden er der en slider som skiftervis viser forskellige billeder fra uddannelsen som gør siden mere levende. Logoet for uddannelsen er med vilje formet som en cirkel, fordi det giver bedre kontrast i forhold til sidens kantede elementer. Pop art style Grafiske teknikker: I forhold til vores egen style, så spiller farvene en meget større rolle, fordi det giver siden et andet udtryk. side 13 af 22

15 Sammenligning af de to styles Hvis man sammenligner vores to styles, popart og vores egen style, synes vi at udstrålingen på vores eget design er meget mere professionel og stilren. Pop-art stylet skaber et mere sjovt look der måske ville være bedre til en hjemmeside for børn eller evt. kreative uddannelser. Kigger man på farverne er der ikke rigtig nogle af farverne på pop-art stylet der relaterer til mejeri, natur og mælk. Hvorimod vores eget designs farvet udstråler natur og kvalitets følelse. På sitet med vores eget design opfatter man også med det samme at det er en mejerist på logoet i højre hjørne, mens pop-art stilen gør at man måske ikke lige tænker mejeri man tænker på som det første. POP-ART: - Man behøver ikke selv at overveje og finde farveskema. -Der er stor risiko for at farver og design ikke passer til sitets indhold. VORES EGEN STYLE: - Designet og farver kan lavet så det passer til emnet og giver den rigtige følelse på sitet. - Det kan tage lang tid at finde farver der passer perfekt til emnet og skabe det rigtige udtryk. side 14 af 22

16 Kodeeksempel HTML Linje nr. 91 <a href="./kontakt.html"><div id="news_1"><p>produktionsoptimering</p></div></a> <a href="./one-column.html"><div id="news_2"><p>produktudvikling</p></div></a> <a href="./sidebar.html"><div id="news_3"><p>ledelse</p></div></a> <a href="./fullwidth.html"><div id="news_4"><p>planlægning</p></div></a> CSS Linje nr. 272 #news_1, #news_2, #news_3, #news_4 { } background-color: #adcb56; width: 65%; color: #000; margin: 0px 0px 5px 0px; padding: 0px 0px; float: left; #news_1 p, #news_2 p, #news_3 p, #news_4 p { } a:hover #news_1 { } font-family: 'Droid Sans', sans-serif; color: #000; font-size: 1.1em; padding: 0px 15px; line-height: 1.5em; text-align: justify; text-transform: uppercase; background-color: #52C5D3; Vi har valgt at lave et kode eksempel også gøre det lidt længere da vi var tilfredse med hvordan dette stykke endte ud, kode eksemplet viser først vores html kode som starter med et anchor link med et div tag indeni for at fortælle hvor den skal placere sig samtidig med at vi fortæller den at den er er link. CSS en fortæller hvordan den skal placeren sig i forhold til hele siden, hvad font, farve, størrelse, padding osv. Teksten i boksen skal have samt at den skal skifte farve når man hover anchor linket. Vi har gjort koden simpel og overskuelig ved at kommentere hvor de forskellige dele af siden ender f.eks. header, content og footer, udover det har vi prøvet at holde ting adskilt så man tydeligt kan se hvilke dele der hører til hvad f.eks CSS linkene og JavaScript er delt fra hinanden og det samme med meta tags ne. side 15 af 22

17 Det resulterede endeligt i side 16 af 22

18 Analyse af hjemmesiden Teknologier: HTML,CSS, Javascript. På hjemmesiden er der brugt HTML(Hyper Text Markup Language) til at gøre siden interaktiv, CSS(Cascading Style Sheet) til at lave designet og placere alle de forskellige dele ind til en hjemmeside, JavaScript i form af en slider lånt fra Nivo slider 7. Værktøjer: Notepad++, Photoshop CS5, Illustrator CS5, flash CS5, Sublime Text 2. Som værktøjer har Staffan brugt Notepad++ til at programmere HTML/CSS samt Photoshop CS5 til at skære designet ud med slice tool. Anne Dorthe har brugt photoshop til billedredigering og mockup af hjemmesiden, derudover har hun brugt flash til at lave flash banner til hjemmsiden. Tony har brugt sublime text 2, plugin - zen coding, filezilla, chrome webdeveloper, photoshop og illustrator. Krav til hjemmesiden: Operativ System: Mac OSX, Windows & Linux Siden skal være brugbar og funktionel på både MAC samt PC med både Windows og Linux. Skærmopløsning: 1024x768 Vores valg er baseret på website statistik fra w3counter 8 som viser at ca. 15 % bruger skærmopløsningen 1024px gange 768px selvom den mest brugte skærmopløsning er 1388px gange 768px valgte vi at gå videre med 1024px gange 768px da højde og bredde passer bedre sammen. Standarder: 960 Grid Standarden vi har valgt at arbejde ud fra hedder 960 grid 9, den er optimeret til en skærmopløsning på 1024px gange 768px og er baseret på at intet følger skærmstørrelsen men at man har optimeret sit layout efter en bestemt skærmstørrelse, på den måde sikrer man sig også at layoutet ikke ændrer sig afhængigt af din skærm størrelse, også kaldet formateringen på siden. 7 Nivo Slider Hentet W3Counter Hentet Grid Hentet side 17 af 22

19 Browser: IE, Firefox, Safari, Chrome Vores layout/design vil være optimeret til IE, Firefox, Safari og Chrome da det er de fire mest brugte browsere i øjeblikket udover det vil vi prøve så vidt muligt at begrænse tabet af design i IE7 og IE6 da henholdsvis 5 % og 1 % af alle IE brugere stadigvæk er på disse versioner. side 18 af 22

20 Projektstyringsforløb Under projektforløbet har Tony været vores projektleder og ordstyrer, han har sørget for at uddelegere opgaver og sørge for at alle havde noget at lave hele tiden. Tony har hjulpet gruppen med at beholde deres fokus på projektet ved at sørge for at diskussioner og samtaler omkring projektet ikke kom for langt ud på at sidespor. Derudover har Tony været med til at udvælge farveskala og udvikling af design. Interaktionsdelen har han også været med til at udvikle. Anne Dorthe har under projektet haft ansvaret for at gruppens ideer og tanker blev skrevet ned og under feltstudiet havde hun ansvar for at tage billeder. Anne Dorthe har stået for at få formuleret det meste af kommunikationsdelen og evalueringen af gruppeproces. Derudover har Anne Dorthe været med til at udvælge farveskema, udvikling af design og hun har lavet et flash banner til hjemmesiden. Staffan har under projektet primært arbejdet med interaktionsdelen, hvor han har været med til at kode og style. Derudover har Staffan også skrevet meget af interaktionsdelen omkring tekniske krav og hvilke teknologier og værktøjer vi har benyttet os af. Som gruppe har vi arbejdet godt sammen og alle har deltaget aktivt i projektet. Pga. tidspresset har det primært været Staffan og Tony der stod for interaktionsdelen, da de begge har en del erfaring indenfor området. Havde vi haft længere tid til projektet havde deres været rig mulighed for at de kunne have sat Anne Dorthe mere ind i html, css osv., dog har hun lavet et flash banner til hjemmesiden. Men vi har desværre været nød til at prioritere vores tid meget nøje under projektet. Men denne fordeling af opgaver har egentlig virket meget naturlig i gruppen, alle har haft noget at lave hele tiden og alle har lavet det de helt ville. side 19 af 22

21 Tidsplan for projektforløbet Fredag d. 25. Maj Introduktion til projekt Lave google pointer Lørdag - Madag lektie: søg på nettet omkring uddannelse (desk research) Tirsdag d. 29. Maj Feltstudie Idegenerering Udvikling af mockup og farveskema Onsdag d. 30. Maj Udvinkling af kode (færdig Torsdag) Færdigudvikling af design Rapportskrivning: metode, kommunikation Torsdag d. 31. Maj Færdigudvikling af kode Flash banner Rapportskrivning: design, interaktion Fredag d. 1. Juni udvinklin af art.css - pop art lave modeller til rapport Rapportskrivning færdig: interaktion, design/art.css sammensætning + korrekturlæsning 16:00 - Deadline for oploadning side 20 af 22

22 Bilag Bilag 1: side 21 af 22

23 Bilag 2: side 22 af 22

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

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

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

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

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

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

Style & Experience 1. semester efterår 2011 25. november - 2. december

Style & Experience 1. semester efterår 2011 25. november - 2. december obligatorisk projekt Style & Experience 1. semester efterår 2011 25. november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne

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

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

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

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 PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

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

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Style & Experience project

Style & Experience project Style & Experience project Erhvervsakademiet Lillebælt, MMD, Web B, Gruppe 7. Mette Gry Schmidt, Anders Kristian Jepsen, Thomas Sølvbjerg, Jakob Thage og Admira Sehic Anslag 19.606 URL: http://thom441e.mmd.eal.dk/bazar/bazar1.html

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

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

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

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

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

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

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

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

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

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

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

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

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

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

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

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

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

WORK- FLOW PLATFORM WEBSITE H2

WORK- FLOW PLATFORM WEBSITE H2 WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en

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

Projekt - Valgfrit Tema

Projekt - Valgfrit Tema Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde

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

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

Navn: Skole: Anslag: Emne: Klasse: Dato: URL:

Navn: Skole: Anslag: Emne: Klasse: Dato: URL: Veronicas Portfolio Navn: Veronica Brun Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 9.665 Emne: Obligatorisk Porfolio Klasse: Web B, 2012, 1 sem. Dato: 3/1-13 URL: http://vero0027.mmd.eal.dk/portfolio/index.html

Læs mere

REKLAMEBANNER FOR MEDINA

REKLAMEBANNER FOR MEDINA REKLAMEBANNER FOR MEDINA http://mul112.itkn.dk/medina/index.html Et projekt af gruppe 8, multimediedesign B, Cphbusiness 2013 CHRISTIAN SONNE ROSENDAHL, CPH-CR104@CPHBUSINESS.DK KAREN LISE KRAGELUND, CPH-KK151@CPHBUSINESS.DK

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

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

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

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

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN...

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 1 INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 7 GALLUP... 7 Delkonklusion... 9 DESIGN... 10 MODERNISME:

Læs mere

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

Læs mere

Style & Experience - 1/6 2012. Jordbrugsteknolog. Web B Gruppe 18. Antal anslag:16752/21600 Url: Vejledere. Mona Lyngs Kjærgaard.

Style & Experience - 1/6 2012. Jordbrugsteknolog. Web B Gruppe 18. Antal anslag:16752/21600 Url: Vejledere. Mona Lyngs Kjærgaard. - Vejledere Mona Lyngs Kjærgaard Bjarne Slipsager Jordbrugsteknolog Peter Storm-Henningsen 1/6 2012 Web B Gruppe 18 Ida Julie Holst Haaest Simone Vorbeck Nielsen David l Espagnol Chantelou RuneWogelius

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

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

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

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

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

Læs mere

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

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

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 2012 S&E Bazar Fyn Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 Indhold Indledning... 2 Problemformulering:... 2 Problemstillinger:... 2 Kommunikation:... 3 Hvilken målgruppe ønsker vi at henvende

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK

Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK URL: http://mark4286.mmd.eal.dk/ 3-1-2013 S. 0 Portfolio Der er gået ½ år siden jeg begyndte på Multimedieuddannelsen i Odense

Læs mere

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

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

Læs mere

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

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

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.

Læs mere

3. semester F&A, 2014 Jump Rope Production

3. semester F&A, 2014 Jump Rope Production Designmanual 3. semester F&A, 2014 Jump Rope Production Introduktion På 3. semester på Film & Animationslinjen 2014 har vi i Jump Rope Production arbejdet sammen med vores kunde Climb n Win, som er et

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

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 WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL 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

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

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

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

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

Læs mere

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

Læs mere

GRAFISK PRODUKTION & WORKFLOW

GRAFISK PRODUKTION & WORKFLOW GRAFISK PRODUKTION & WORKFLOW CASPER GEIPEL JENSEN INDHOLDSFORTEGNELSE OPGAVEBESKRIVELSE...3 MÅLGRUPPE...3 KUNDEKRAV...3 SPECIFIKATIONER...3 BRUGTE TEKNIKKER...3 PROCESSEN...4 INSPIRATION...4 STYLETILE:

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

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

NIVEAU: 7.-9. klasse. VARIGHED: 1-5 lektioner LÆRINGSMÅL

NIVEAU: 7.-9. klasse. VARIGHED: 1-5 lektioner LÆRINGSMÅL Om Prøveopgaver Forudsætningen for at kunne løse en opgave tilfredsstillende er, at man ved, hvad opgaven kræver. Prøveopgaver består af en række forløb, hvor eleverne træner i at aflæse opgaver, som bliver

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

Superskolernes kampagne

Superskolernes kampagne Superskolernes kampagne Projekt i Kommunikation/IT Roskilde Tekniske Skole Side 1 af 12 Indhold Indledning... 3 Målgruppeanalyse - Kanylemodel... 4 Begrundelse for valg af medie... 5 Grovskitsering...

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

Projekt faglig formidling

Projekt faglig formidling Projekt faglig formidling Fælles projekt mellem kommunikation/it og Matematik Hvad går projektet ud på? Vi er i Kom/IT og matematik startet på et nyt SO projekt, der hedder faglig formidling, hvor at vi

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

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2 Side 1 af 1 Afsluttende opgave i Kom/IT Den afsluttende opgave har jeg valgt at lave alene. Jeg har valgt opgave 1. webdesign, på grund af min interesse for dette. Opgaven går ud på at designe et brugervenligt

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

Hjemmeside design til Everyday Health

Hjemmeside design til Everyday Health Graf isk Design Hjemmeside design til Everyday Health Graf isk Design/Dokumentation Opgave Ejen af Everyday Health klinikken i København, kunne godt tænke sig at hendes nuværende hjemmeside blevet lavet

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

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Grafisk Workflow. Website til European Blues Challenge

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

Læs mere

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring

Læs mere

Hhtp:www.m455487y2012.mmd.eal.dk

Hhtp:www.m455487y2012.mmd.eal.dk 1 Hhtp:www.m455487y2012.mmd.eal.dk 2 Indholdsfortegnelse Intro 3 Problemformulering 3 Metoder 3 Fieldresearch 4 Målgruppen 4 AIDA 6 Modernismen 6 Dekonstruktivismen 7 Thumnails 8 Muk up 9 Interaktion 9

Læs mere