GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

Størrelse: px
Starte visningen fra side:

Download "GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE"

Transkript

1 GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

2 PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

3 04 INDHOLDSFORTEGNELSE Dokumentation 05 Flowchart 06 Skitser 07 Storyboard 08 Mock up 09 Opret dokument 11 ThemeRoller 12 Håndkodet CSS 13 Botton styling 14 Formular Formular Form Validering Redirect Icon til hjemmeskærm 17 Fullscreen 17 W3 validering 18 Redirect fra Main site 19 Færdige web app 20 WATC MORE

4 05 DOKUMENTATION Opgaven Opgaven består i, at designe og udvikle en web app for Mobildiskotek ijockeys, som jeg i min fritid, er en stor del af. ijockeys har i forvejen en velfungerende hjemmeside. For at skabe en nem forbindelse mellem vores kunder og deres brug på mobile enheder, var en web app den rette løsning. Den skal indeholde samme funktioner som vores main site. Vi er mange som ved, hvor besværligt det er at surfe på sin smartphone på et ikke mobiloptimeret site. Dette var også en af grundene til at udvikle denne app. Layout Layoutet tager udgangspunkt i, hvordan vores fulde side ser ud. Det er f.eks. i form af farver og menupunkter. Layoutet bærer også stærkt præg af brugen af jquery Mobile, som leverer elegante layout elementer til webdesigns. Det kan bl.a. være knapper eller formular/søge felter. jquery Mobile er også nem at arbejde med, nemt at få noget til at se godt ud, eller hvis man ønsker menuerne skal swipe eller dreje, når der skiftes side (data-transition). Kodningen af appen er foregået med live-view funktionen slået til, for at Dreamweaver kan vise appens layout, mens der kodes. Modulopbygning Web appen er opbygget på samme måde som et hvilket som helst andet website. Med body-, div-, og classtags. Almindelig html kodning. Brugervenlighed I en web app er det helt essentielle udgangspunkt for designet, brugervenlighed. Et site med mange sider og undersider, skal på meget lidt plads, vise alt hvad der tilbydes, og det er en dårlig kombination. Det er for det første ikke til at overskue menupunkterne, og med et pegefingerklik vil man nemt trykke forkert. Mange smartphones i dag har displaystørrelser fra 4'' - 7''. Man oplever stadig sider som, på grund af for meget indhold, er svære at navigere rundt på. Indhold Tekstindholdet på mobilsiden er taget fra Mobildiskotek ijockeys fulde side. Jeg har derefter gennemlæst teksten grundigt, og justeret efter nogle af de grundlæggende regler for typografi til skærm samt læsbarhed. Brug skrifter uden fødder (grotesk) Korte tekst afsnit Min 10/12px fontstørrelse Ingen linjer over 60 anslag Browserkompatibilitet Html og css koderne er blevet valideret på w3 schools, hvorefter tegn og tags er rettet. Dog skal jeg se bort fra nogle af de errors som valideringen giver, da HTML koden er kodet som jquery Mobile, og f.eks. type= datetime er ikke tilgængelig i Safari og Firefox. Appen er testet på følgende platforme: iphone 4s Safari iphone 4s - Chrome ipad 3 Safari Xperia mini - webbrowser. Jeg har også arbejdet ud fra et skema med størrelser på skærme og ikoner til iphone og ipad. Kvalitetsvurdering Jeg har ikke arbejdet særlig meget med produktion af web apps før denne opgave, men jeg synes, at resultatet er blevet godt. Den fungerer, den er overskuelig, og den har ikke for mange fancy data-transitions effekter, hvilket kan gøre brugeroplevelsen langsommere. Appen har en redirect funktion, som gør at man bliver ledt til mobilsiden, hvis skærmbredden er mindre end 769px. Jeg har tilføjet en besked/confirm popup som giver brugeren mulighed for selv at vælge om de vil tilgå mobilsiden eller main site. Det forbedre brugervenligheden for de, som ikke ønsker at surfe på mobilsiden.

5 06 OPSTART - FLOWCHART Skitsering af flowchart. Her er bestemt hvilke sider siden skal indeholde.

6 07 SKITSER Skitsering af designet, med information om elementer og mulige farver i designet. Der er tage udgangspunkt i index siden.

7 08 STORYBOARD Storyboard rentegnet på skærm. INDEX INDEX INDEX Velkommen til vores mobile version Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. INFO Info Info Info Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Info Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod. Lorem ipsum dolordolor sit amet, consectelorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectelorem ipsum sit amet, consecteelit. elit, sed do eiusmod. elit. Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte INFO Velkommen til vores mobile version Velkommen til vores mobile version Lorem ipsum dolor sit amet, consectedolor sit amet, consecteloremlorem ipsumipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, do eiusmod elit, sed dosed eiusmod. tempor incididunt ut labore et dolore tempor incididunt ut labore et dolore magna aliqua. magna aliqua. INFO Velkommen til vores mobile version Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. INFO INDEX KO Kontakt Kontakt Lorem ipsum dolor sit amet, consectedolor sit amet, consecteloremlorem ipsumipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit. elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore. tempor incididunt ut labore. Booking Navn: Navn: Telefon: Emne: Dato: Emne: Dato: Besked: Indsend Lorem ipsum dolor sit amet, consectelorem ipsum sit amet, consectelorem ipsum dolordolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit, sed do eiusmod. elit. Booking Telefon: Besked: KONTA Ryd Indsend Ryd KO KONTA Kontakt Kontakt Lorem ipsum dolor sit amet, consecteloremlorem ipsumipsum dolor sit dolor amet, sit amet, consecteconsectelorem ipsum dolor sit amet, consecte elit. elit, sed elit. do eiusmod elit, sed do eiusmod

8 09 MOCK UP INDEX Det blev besluttet at vi ville undlade knapper i bunden af skærmen. (facebook, , crew). INDEX INDEX Informationen på siden ville blive sværere at overskue, da bunden ville tage for meget plads. LOG til vores mobile version Velkommen Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectemagna aliqua. Velkommen til vores mobile version Velkommen til vores mobile version Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore et dolore tempor incididunt ut labore et dolore magna aliqua. magna aliqua. Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte FORSID PRI Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum d Transp elit. Lorem tur adip Fotogr Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO es mobile version sit amet, consecteed do eiusmod ut labore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit. Info Info Værd at vide Værd at vide Inden du booker eller lejer udstyr Inden du booker eller lejer udstyr Crew Crew Indblik i personalets arbejde og interesser Indblik i personalets arbejde og interesser Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Dan Klessen, 21 år Dan Klessen, 21 år Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Navn: LOG Inden du booker eller lejer udstyr Crew Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet,arbejde consecteindblik i personalets og interesser Telefon: Emne: Dan Klessen, 21 år Dato: Lorem ipsum dolor sit amet,dolor consectetur adipisiclorem ipsum sit amet, consectebesked: Lorem ipsum dolor sit amet, consecteing elit, sedsed do eiusmod elit, do eiusmod. Emne: Dato: Besked: Indsend Navn: Telefon: Ryd Indsend Kontakt Kontakt Info Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore. tempor incididunt ut labore. Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectebooking Booking sed do eiusmod. Værdelit, at vide Oversigt over vores udlejningsudstyr Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO Ryd tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte FORSID PRI Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum d Transp elit. Lorem tur adip Fotogr Lorem tur adip Lorem tur adip

9 10 INDEX Mock up i farver. INDEX INDEX til vores mobile version Velkommen Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectemagna aliqua. Velkommen til vores mobile version Velkommen til vores mobile version Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore et dolore tempor incididunt ut labore et dolore magna aliqua. magna aliqua. Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolo elit. eli Lorem ipsu tur adipisic Fotografe Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO LLEDER mobile version amet, consectedo eiusmod abore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Værd at vide Værd at vide Inden du booker eller lejer udstyr Inden du booker eller lejer udstyr Crew Crew Indblik i personalets arbejde og interesser Indblik i personalets arbejde og interesser Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Dan Klessen, 21 år Dan Klessen, 21 år Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Navn: Inden du booker eller lejer udstyr Crew Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet,arbejde consecteindblik i personalets og interesser Telefon: Emne: Dan Klessen, 21 år Lorem ipsum dolor sit Dato: amet,dolor consectetur adipisiclorem ipsum dolor sit amet, consectelorem ipsum sit amet, consectebesked: ing elit, sedsed do eiusmod elit, do eiusmod. Emne: Dato: Besked: Indsend Navn: Telefon: Ryd Indsend Kontakt Kontakt Lorem ipsum dolor sit amet, consecte Info Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod ut labore. tempor incididunt ut labore. tempor incididunt Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectebooking Booking sed do eiusmod. Værdelit, at vide Oversigt over vores udlejningsudstyr Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit. Info Info INFO Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO Ryd tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolo elit. eli Lorem ips tur adipisi Fotografe Lorem ips tur adipisi Lorem ips tur adipisi

10 11 OPRET DOKUMENT Dokumentet oprettes som HTML5. HTML5 er den eneste HTML form, som giver os mulighed for af lave web- og mobilapps. HTML5 er typisk avanceret javascript (F.eks. jquery) og CSS3.

11 12 THEMEROLLER ThemeRoller er et værktøj til design af jquery mobile frameworket. ThemeRoller gør det nemt at trække og slippe farver samt downloade et brugerdefineret tema. ThemeRoller anvender CSS3 egenskaber som for eksempel tekst-skygge, box-skygge og gradienter. Her ses også hvordan jeg implementere temaet i HTML'ens head sektion.

12 13 HÅNDKODET CSS 1. Håndkodet CSS til styling af fonte, header, menuer og footer

13 Knap uden styling Knap med icon Knap float right Stylet knap uden tekst 14 BOTTON STYLING Styling at knappen sker direkte i HTML5 koden.

14 15 FORMULAR Implementering af formular. Jeg har validering på feltet, så dette skal udfyldes med en tekst, indeholdende snabel-a. På dato feltet har jeg valgt at bruge en ny HTML5 kode. Den frembringer en kalender med tidspunkter, når der klikkes. (type= datetime )

15 16 REDIRECT Efter formularen er udfyldt og afsendt, redirecter siden til denne takkeside.

16 17 ICON OG FULLSCREEN Fullscreen virker kun når siden er tilføjet til hjemmeskærm. Koden for fullscreen bevirker at url'en øverst på iphone skærmen, fjernes. Iconet til hjemmeskærm er en png fil. Ved at linke til filen i header sektionen og skrive apple-touch- icon-precomposed, vil iconet på iphone selv generere reflektions effekten. Fullscreen 114x114px

17 18 VALIDERING Her ses et udsnit fra validerings processen. Validering af web appen er gjort på w3schools.com. Line 78 før Line 81 før Line 78 efter Line 81 efter

18 19 REDIRECT FRA MAIN SITE Med dette script i head sektionen, vil enhedens browser læse, at hvis enhedens skærmstørrels er mindre end 769px bred, skal den spørge om man vil gå til mobilsiden, eller til maintite. Alle siderne har en redirect til den relevante mobilside. Eksempler ses her. Index Info

19 20 WEB APP WATCH MORE!

20 21

G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6

G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O P G A V E B E S K R I V E L S E Et redesign af hummels website. Det gamle

Læs mere

DOKU- MEN- TATION TEK- NISK

DOKU- MEN- TATION TEK- NISK TEK- NISK DOKU- MEN- TATION GRUPPE 21: AMALIE HOVGESEN- CLEA-MARIE FIND PALUDAN THERESE HASSE LARSEN - CECILIE POSS AMALIE LEONORA DAM - KASPER MUNK JENSEN : http://miex5619.keaweb.dk/seasight/ 1. MOCKUP

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

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

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

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

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

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

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

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

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

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

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

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

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

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

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

Læs mere

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

GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS H3

GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS H3 GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS H3 Grafik og billede 04 INDHOLDSFORTEGNELSE Dokumentation 05 Clone Tool 06 Selection 07 Curves 09 Masker Masker 10 Masker med effekter 11 Blending

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

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

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

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

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

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

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

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

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

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

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

Grafisk Workflow. Website til European Blues Challenge

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

Læs mere

GRAFISK 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

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

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

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

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

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

Vejen til effektiv tilbudsteknik

Vejen til effektiv tilbudsteknik Vejen til effektiv tilbudsteknik Opgaven( ( indhold Priser & Tidslinjen( Formål Beskriv kort, hvad tilbuddets formål er, og hvad kunden får ud af det, du tilbyder. Baggrund Det er sandsynligt, at andre

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

de fire grundelementer - samlet mærke baresso c offee

de fire grundelementer - samlet mærke baresso c offee de fire grundelementer - samlet mærke baresso baresso c offee c offee baresso c offee baresso c offee de fire grundelementer - typografi og farver #44321B CMYK: 52,64,84,61 neuropol Century Gothic #309CD7

Læs mere

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

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

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

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt

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

Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et

Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et forsøg på at sikre sig mod tab! Det effektive tilbud

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

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

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

Læs mere

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. 01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny

Læs mere

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

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

Læs mere

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

Arbejdsproces. Kvalitetsvurdering

Arbejdsproces. Kvalitetsvurdering REDEGØRELSE Om opgaven FIKTIV OPGAVE: Til denne opgave skal der laves et design til en hjemmeside (one-page) samt designes grafik og knapper. Designet opsættes som HTML / CSS og valideres. Programvalg

Læs mere

Grafisk. workflow. Produktion. Website

Grafisk. workflow. Produktion. Website Grafisk & Produktion workflow Website www.patellaloeb.dk OPGAVEN: Løbetræneren Mads Frederiksen skulle have designet og programmeret et nyt site, hvor kunderne kan gå ind og læse om de løbepakker, han

Læs mere

Hjemmeside på SkoleKom

Hjemmeside på SkoleKom Hjemmeside på SkoleKom 1 Om vejledningen Har din lærer givet tilladelse, kan du nu lave din helt egen personlige hjemmeside på SkoleKom. En hjemmeside på SkoleKom er let at gå til, og har du arbejdet lidt

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 HJEMMESIDE TIL ABITO;50

GRAFISK - WORKFLOW HJEMMESIDE TIL ABITO;50 GRAFISK - WORKFLOW HJEMMESIDE TIL ABITO;50 Dokumentation OPGAVEN TaskerieT henvendte sig til os for at få udviklet en webshop til en tøj-kollektion (Abito;50) som hun på nuverende tidpsunkt kun sælger

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 workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

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

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

Common Denmark. Jan Koefoed-Nielsen. Common Denmark 01-01-2014

Common Denmark. Jan Koefoed-Nielsen. Common Denmark 01-01-2014 2014 Common Denmark Jan Koefoed-Nielsen Common Denmark 01-01-2014 2 Common Denmark Indhold Installation... 3 Iphone & Ipad... 3 Android... 8 Brugervejledning... 9 Login... 9 Profiler... 11 Møder... 15

Læs mere

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at

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

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

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

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

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

Brug af Bibliotekarforbundets logo. Designmanual August 2011

Brug af Bibliotekarforbundets logo. Designmanual August 2011 Brug af Bibliotekarforbundets logo Designmanual August 2011 I denne manual finder du oplysninger om: 1. Hvilket logo skal bruges? 2. Negativ eller positiv logo 3. Placering af logo 4. Hvilken teknisk udgave

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

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

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

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

Læs mere

Grafisk 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

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

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

Læs mere

H2 Portfolio. Patrick Lindholm-Andersen

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

Læs mere

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

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

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

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

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

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 produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

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

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

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. 1 Grafisk workflow

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

Læs mere

GRAFISK 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