GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
|
|
- Jesper Frederiksen
- 5 år siden
- Visninger:
Transkript
1 GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE
2 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med en partner i 2009, men har siden købt partneren ud. Medarbejderstaben består af fire ansatte, hvoraf den ene er elev. MÅLGRUPPE Team Brüggers målgruppe er hovedsageligt mænd og kvinder i alle aldre bosiddende i Aars. BRUGERVENLIGHED Som tidligere beskrevet er hjemmesiden overskuelig, enkel og nem at navigere rundt på. Der er ikke tilført utallige elementer, features m.m., kun de mest relevante ting. ARBEJDSPROCES Møde med kunden Inspirationssøgning på nettet Håndtegnede skitser Layout-forslag i Photoshop præsenteres for kunden Flowchart udarbejdes i samarbejde med kunden Wireframe og storyboard Programmering af sitet med brug af HTML5, CSS3 og jquery (Bootstrap) Tjekke visningen på mobile enheder evt. ændringer Søgeoptimering Tjekke sitet i forskellige browsere Demo uploades til kunden OPGAVEN Der udarbejdes en hjemmeside for frisørsalonen Team Brügger. Hjemmesiden skal først og fremmest informere nuværende og potentielle kunder om salonens ydelser, dernæst skal kontaktinformationerne fremgå tydeligt på sitet. Det skal være muligt at booke en tid via et link til en bookingside. Jeg har valgt at afbilde personalet, da det giver kunderne en form for tryghed. Designet skal være brugervenligt og overskueligt, så både yngre og ældre kan navigere på hjemmesiden. Sitet skal være responsive, så grafikken tilpasses mobile enheder. DESIGNKRAV Websitet skal have en enkel struktur og opbygning Antallet af farver skal være minimal, muligvis kun én signaturfarve Brugervenlighed det skal være nemt at navigere uanset teknisk flair Kontaktinformationerne skal være nemt tilgængelig Det skal være let at booke tid (foregår på en ekstern bookingside) Fremhævelse af salonens Facebookside, Instagramprofil og YouTube-kanal TJEK AF SITE OG BROWSERE Websitet er testet i Firefox, Safari, Internet Explorer og Chrome, hvor det fungerer, som det skal. Derudover har jeg været inde og teste sitets effektivitet på nettet ved hjælp af Page Speed. Denne side gjorde mig opmærksom på følgende: Hvis bootstrap.css og style.css komprimeres, kan jeg forbedre hjemmesidens hastighed, idet jeg sparer knap 128 kb KVALITETSVURDERING Hjemmesiden fungerer efter hensigten brugerfladen er overskuelig, og kundens ønske om et responsivt design er efterkommet. Gitte Brügger er ovenud tilfreds med resultatet. Jeg har foretaget basic seo og gjort kunden opmærksom på, at siden skal optimeres med jævne mellemrum. LAYOUT De respektive sider tilgås via menulinjen Baggrundsbilledet med en hårknude skaber en rød tråd, da det også skal anvendes på salonens tidsbestillingskort samt i annoncering Menuen ændrer sig til en mobilmenu, når browservinduet er under 768 px bred, hvilket giver en bedre overskuelighed på en lille skærm 2 GRAFISK PRODUKTION OG WORKFLOW
3 PROCESBESKRIVELSE Møde med kunden Inspirationssøgning på nettet Håndtegnede skitser Flowchart Layoutet præsenteres og godkendes af kunden Layout-forslag i Photoshop Wireframe Programmering med HTML5, CSS og Bootstrap Tjekke visningen på mobile enheder (evt. ændringer) Demo uploadet Browser kompatibilitet test Søgeoptimering med meta tags GRAFISK PRODUKTION OG WORKFLOW 3
4 INSPIRATIONSSØGNING 4 GRAFISK PRODUKTION OG WORKFLOW
5 SKITSER Jeg vil arbejde videre med de to markerede skitser. Ved at bruge en helt enkel forside skaber jeg med det samme det enkle udtryk, som kunden efterspørger. Menuen placeres det samme sted på undersiderne for at skabe en ensartethed. GRAFISK PRODUKTION OG WORKFLOW 5
6 SITEMAP Hjemmesiden består af en index side og seks underliggende sider, hvoraf én af dem er lavet som en dropdown. Derudover er der fra alle underliggende sider adgang til tre eksterne sider: Facebook, Instagram og YouTube. index.html (eksterne links) om.html priser.html booking.html kontakt.html damer.html herrer.html born.html Facebook Instagram YouTube 6 GRAFISK PRODUKTION OG WORKFLOW
7 FARVER TYPOGRAFI Den gule signaturfarve kombineret med den neutrale grå er valgt ud fra ønsket om en overskuelig hjemmeside med et let udtryk og et minimum af farver. En stil, som går igen i salonens indretning. På den måde er der en rød tråd mellem salonens rene linjer og websitet. Afprøvede typografier Raleway Frutiger Sort Tahoma Helvetica 100% 75% 50% 25% Valgt typografi: Raleway, som er en Google-systemfont, er brugt til teksten. Grå Raleway Regular 100% 75% 50% 25% A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ?! ( ),. % Gul Raleway SemiBold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ?! ( ),. % 100% 75% 50% 25% GRAFISK PRODUKTION OG WORKFLOW 7
8 LAYOUT I PHOTOSHOP Sitet er bygget op i 960 grid, hvor der er brugt 12 kolonner. Jeg har brugt 960 grid for at bygge siden op på en nemmere måde og for at skabe en helt ens struktur på sitet. Dette framework er ikke optimalt at bruge, når man laver et responsivt design, da der arbejdes i procenter og ikke i pixelmål. Derfor afviger layoutet i Photoshop i forhold til det færdige website. Men opbygningen i 960 grid er velegnet, når man laver en kundekorrektur. 8 GRAFISK PRODUKTION OG WORKFLOW
9 LAYOUT I PHOTOSHOP TABLET OG MOBIL GRAFISK PRODUKTION OG WORKFLOW 9
10 WIREFRAME SKÆRMVISNING For at visualisere struktur og indhold på hjemmesiden har jeg lavet et wireframe. Content Navigation Logo Header Header Mail to Footer 10 GRAFISK PRODUKTION OG WORKFLOW
11 WIREFRAME TABLET OG MOBIL Content Header Header Header Header Mail to GRAFISK PRODUKTION OG WORKFLOW 11
12 STORYBOARD Actions Linker til index.html Linker til om.html Dropdown menu Linker til: dame.html herre.html born.html 4 Ekstern link til booking-side 5 Linker til kontakt.html 6 7 Eksterne links til sociale medier Linker til: Facebook Instagram YouTube Mail to: GRAFISK PRODUKTION OG WORKFLOW
13 HTML CSS Sitet er bygget op ved hjælp af Bootstrap, hvor jeg efterfølgende har lavet en style.css til at overskrive de elementer i bootstrap.css, som jeg ikke ønsker at bruge. Bootstrap er ideel, når en hjemmeside skal være responsive. Eksempel på brugen af kommentarer i CSS en Efter færdiggørelsen af frontend-delen af siden, skal alle dokumenter videregives, så der kan blive udviklet CMS. Der er derfor skrevet kommentarer i koden for at lette processen og for at være sikker på, at der ikke opstår misforståelser. Eksempel på brugen af kommentarer i HTML-koden GRAFISK PRODUKTION OG WORKFLOW 13
14 SØGEOPTIMERING Jeg har på hjemmesiden lavet søgeoptimering ved at tilføje title og description i headeren på alle siderne. COOKIE MODUL Rent lovgivningsmæssigt skal man informere de besøgende om brugen af cookies. Det er tanken, at der skal implementeres et cookie modul i takt med, at kunden opretter en Google Analytics konto til registrering af trafik, herunder brugernes adfærd. SOCIAL MEDIA Links til sociale medier er placeret i footeren og fremhævet med den gule signaturfarve. Sociale medier kan bruges af Team Brügger til at øge kundepotentialet. Udover konkurrencer, tilbud, storytelling og lignende skal Facebooksiden også fungere som en slags portal til hjemmesiden og omvendt. Instagram er perfekt til deling af billeder inspiration, forvandling af kunder m.m. YouTube er en videokanal, hvor Team Brügger kan uploade inspirationsfilm og tutorials. 14 GRAFISK PRODUKTION OG WORKFLOW
15 FÆRDIG HJEMMESIDE GRAFISK PRODUKTION OG WORKFLOW 15
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
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
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
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
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
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.
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
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
PORTFOLIO TYPOGRAFI & OMBRYDNING
PORTFOLIO TYPOGRAFI & OMBRYDNING Typografi & Ombrydning DOKUMENTATION Opgave beskrivelse Kunden ønsker at få en simpel bruchurer, som han kan dele ud i klubben. Han kunne godt tænke sig i denne brochure,
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
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
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
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
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
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.
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
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
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
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
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
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.
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
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
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:
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
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.
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
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
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
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
WORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
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
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
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
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,
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
FORSTÅELSE FOR GRAFISK PRODUKTION
FORSTÅELSE FOR GRAFISK PRODUKTION OPGAVEBESKRIVELSE Til DI s Digitaliseringsindsats, har jeg udarbejdet en håndbog, med gode råd og cases fra andre virksomheder, om hvordan de har implementeret digitalisering
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
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
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.
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
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
Produktbeskrivelse - Grafisk workflow
Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.
1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN
1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.
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
Grafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
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
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
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
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
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
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164
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
GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE
GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg
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
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,
Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.
Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller
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.
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
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
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
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
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
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
Produktion og workflow STINE D. LAURSEN
Produktion og workflow STINE D. LAURSEN Website til terapeut Stine D. Laursen Stine er nystatet som terapeut og behøvede en hjemmeside for at markedsføre sig selv til omverdenen. Hjemmesiden skulle ikke
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
Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow
Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne
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
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
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
GRA DESIGN. HEARTS & MINDS
GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet
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
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
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
HESTBJERG WEB GRAFISK WORKFLOW
HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside
GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05
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.
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
GRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
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
GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11
GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.
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
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
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,
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
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
Grafisk Workflow. hovedforløb 2
Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover
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
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
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)
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:...
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
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.
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
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
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
Grafisk produktionsforståelse
Portfolio Hovedforløb 2 Af Siw Lysholt Jørgensen Opgave: Opgaven var at lave en simpel hjemmeside, hvor kunden selv har mulighed for at lægge tekster op på sin blog. Han havde nogen grafiske valg omkring