Grafisk. workflow. Produktion. Website
|
|
- Sten Thomsen
- 7 år siden
- Visninger:
Transkript
1 Grafisk & Produktion workflow Website
2 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 tilbyder, og hvad de koster. Derudover skal kunderne kunne kontakte ham via sitet. FARVER: Sitet er holdt i hvid, sort og lys grå for at fremme det maskuline udtryk. Derudover er der brugt orange som en kontrast til de mørke farver. PROGRAMVALG: Indesign Photoshop Dreamweaver Filezilla DESIGNKRAV: Sitet skal være indbydende og enkelt. Brugervenligt nemt at navigere rundt på. Maskulint - uden for mange farver. Have et seriøst udtryk. Kontaktinformationer skal være let tilgængelige. Responsiv til både web, tablet og mobil. LAYOUT: Format: 100 % i bredden og fleksibel i højden, da hjemmesiden skal være responsiv. #E9E5E5 #000 #EF8703 USABILITY: Sitet er kodet som en one page så brugeren nemt kan scrolle ned over hjemmesidens indhold, der er opdelt i sektioner. Øverst på hjemmesiden er der en menubar, der leder brugeren ned til den ønskede sektion. Kontakt informationerne ligger i footeren og under sektionen kontakt. Kunden blev fra start informeret om one page begrænsninger ved google søgninger. (se mere på s.7) Fonte: Jeg har valgt en google font til brug på hele hjemmesiden for at skabe sammenhæng. Fonten er grotesk og skaber et moderne og maskulint udtryk. Roberto font: BROWSERKOMPATIBILITET: Sitet og mail formularen er testet i både Safari, Firefox, Google Chrome og Internet Explorer. Sitet indeholder html5 tags, hvilket ikke kan vises i alle browsere. Derfor er der indsat en kode i head der fortæller hvordan sitet skal opføre sig. Se mere på s. 7. ARBEJDSPROCES: Breefing fra kunden. Udarbejdelse af flowchart. Udarbejdelse af 2 layouts herefter 1 godkendt af kunden. Rettelser og tilpasninger fra kunden. Billeder behandlet i photoshop RGB og 72 ppi, jpg og png filer. Optimeret navne til SEO. Opsætning i Dreamweaver. Benyttet Html5 tags, jquery, media query og css. Metatags: keywords og description, for synlighed ved søgning på nettet. Uploadet til test hjemmeside, hvor kontaktformularen er testet. Testet i Safari, Firefox, Google Chrome og Internet Explorer. Godkendt af kunden med rettelser. Uploadet til patellaloeb.dk 2
3 FLOWCHART INDEX OM PATELLA LØB PRODUKTER Kontakt OM MADS FEJL KONTAKT TAK FOOTER 3
4 MOCK UP MOCK UP 1: Designet som One Page ud fra et 960 grid system med 16 kolonner da siden er opbygget i moduler. MOCK UP 2: Designet som en flersidet hjemmeside udfra et 960 grid system med 12 kolonner. PATELLALOEB.DK FORSIDE PRODUKTER OM MIG KONTAKT OM MIG Mit navn er Mads Frederiksen. Så længe jeg kan huske tilbage, har jeg interesseret mig for løb og motion. Min interesse for især løb er kun blevet forstærket efter 6 år ansat som Konstabel Forsvaret, nærmere bestemt Hæren. Min tid i Hæren gav mig ud over fl ere Militær Fysisk Træner (MFT) -kurser, en masse praktisk erfaring med løb, træning og kost og udstyrede mig med en masse viden om kroppen og fysisk aktivitet. Så hvad gør mig i stand til at undervise netop DIG? Udover uddannelsen fra Forsvaret har jeg siden suppleret mit CV med et "Pose-running instruktør"-kursus. Med en bestået eksamen blev jeg i 2014 certifi ceret "Running Technique Specialist" hos POSE METHOD. Jeg har fokus på at udvikle færdigheder frem for at lægge vægt i lange distance ture eller høj intense intervaller. Selvfølgelig skal man udvikle sin udholdenhed og sin kondition. Men for at man kan gøre det optimalt skal man have styr på sit bevægemønster. Og for at få styr på sin teknik skal man træne en masse teknik forbedrende øvelser. Når man så har styr på det kan man begynde at pakke mere volume på sin træning fordi kroppen nu har optimale forudsætninger for at håndtere de mange kilometer. Hvis du har nogle former for spørgsmål så skal du ikke tøve med at skrive til mig under "KONTAKT" PATELLALOEB.DK FORSIDE PRODUKTER OM MIG KONTAKT Hvorfor skal du benytte dig af Patella Løb? KONTAKT Patella Løbs mål er at forbedre løberes tekniske evne, og dermed nedbringe den høje skadesprocenten der er vedhæftet løb. Vi lægger vægt på færdigheds udvikling, så du SELV kan undgå største delen af de løbeskader, som du skulle støde på igennem din løbe-karrier.du behøver ikke være topatlet for at kunne benytte dig af Patella Løbs ekspertise. Vi hjælper alle fra hverdags motionister til konkurrence løbere. Så hvis du er træt af at rulle terningen når det kommer til løbeskader, så tag ansvar for din egen krop og forbedre din løbestil sammen med Patella Løb! Læs mere Produkter Hos PatellaLøb hjælper vi ALLE, uanset dit niveau! Hvis du har nogle tvivlsspørgsmål så er du mere end velkommen til at skrive til os ved at udfylde kontaktformularen ude til højre, så vil vi vende tilbage til dig hurtigst muligt! Hvis du vil bestille en workshop så skal du også skrive til os ved hjælp af kontaktformularen ude til højre. Husk at der skal være mellem 3 og 10 deltagere tilmeldt for at workshoppen bliver gennemført. NAVN BESKED der skal være mellem 3 og 10 deltagere tilmeldt for at workshoppen bliver gennemført. Hvorfor skal du benytte dig af Patella Løb? Patella Løbs mål er at forbedre løberes tekniske evne, og dermed nedbringe den høje skadesprocenten der er vedhæftet løb. Vi lægger vægt på færdigheds udvikling, så du SELV kan undgå største delen af de løbeskader, som du skulle støde på igennem din løbe-karrier.du behøver ikke være topatlet for at kunne benytte dig af Patella Løbs ekspertise. Vi hjælper alle fra hverdags motionister til konkurrence løbere. Så hvis du er træt af at rulle terningen når det kommer til løbeskader, så tag ansvar for din egen krop og forbedre din løbestil sammen med Patella Løb! Løbestils analyse Opfølgende analyse Workshop NAVN Løbestils analyse Opfølgende analyse Workshop Med en løbestils analyse får du Efter din første løbestils analyse har Patella Løbs workshop er til jer som netop de færdigheder som du skal du nu mulighed for at forbedre din vil have nogle teknikforbedrende bruge for at vinde kampen over tekniske fremgang. Denne lektion øvelser. Workshoppen bliver afholdt dine løbe skader. Det bliver en tilbyder fl ere advancerede færdighedsforbedrende grupper, hvor vi bruger hinanden halvanden time, one on one med øvelser, styrke til at vise og fortælle. Vi kommer fokus KUN på dig. Du får viden om øvelser og video-optagelser af dit ind på det teoretiske omkring løb, løb og din egen løbestil. Derudover udgangspunkt og dit slutresultat. derefter begynder vi at løbe ig- bliver du udstyret med øvelser ennem de forskellige øvelser. Til slut som forbedre din løbestil og efter Video optagelse af dit udgangspunkt tager vi en samtale om, hvad vi har lektionen får du tilsendt øvelser som (løb) været igennem, og hvad I har lært. kan forbedre dit løb yderligere. Teknik forbedrende øvelser Workshoppen er perfekt til din løbegruppe, Lektionens indhold: Styrke øvelser som har lyst til at gå mere Video optagelse af dit slutresultat dybden med løbestilen. Teori omkring løb (løb) - Minimum tre deltagere Video optagelse af dit udgangspunkt Evaluering - Maksimum ti deltagere (løb) Lektionens varighed: 1 time Teknik forbedrende øvelser teori omkring løb Video optagelse af dit slutresultat Lektionen bliver, som undgangspunkt Styrke øvelser (løb) afholdt udendørs på ad- teknik forbedrende øvelser Evaluering dresse: Forhåbningsholms allè 8, evaluering Lektionens varighed: 1,5 time 1904 Frederiksberg C. Lektionens varighed: 2 time Lektionen bliver, som undgangspunkt Men der kan selvfølgelig aftales et andet sted vi kan mødes. Placering for workshops bliver aftalt afholdt udendørs på ad- individuelt. dresse: Forhåbningsholms allè 8, Pris: 499, Frederiksberg C. Pris pr. deltager: 350,- Men der kan selvfølgelig aftales et Book en tid andet sted vi kan mødes. Hvis du ønsker at bestille en workshop til dig og dine venner, så skriv BESKED SEND Mads Frederiksen Adresse Adresse Tlf mail OM MIG Mit navn er Mads Frederiksen. Så længe jeg kan huske tilbage, har jeg interesseret mig for løb og motion. Min interesse for især løb er kun blevet forstærket efter 6 år ansat som Konstabel Forsvaret, nærmere bestemt Hæren. 4
5 MENU WIREFRAME Da sitet er lavet ud fra et 960 grid system, kan jeg allerede på forhånd bestemme elementernes størrelser. 100 % 130 px 650 px HEADER 600 px 50 % 50 % 50 % 380 px 340 px 900px 880 px 600px 580 px 600 px 400px FOOTER MAIN 600 px 90 % 5
6 WIREFRAME RESPONSIV Sitet skal kodes respontivt, og derfor er der også lavet et wireframe for, hvordan den mobile version skal opføre sig. PC / TABLET MOBIL MAIN 80 % 90 % article { float: left; width:20%; height:90%; } article { float: none; width:80%; height:20%; } 80 % 100 % screen and (max-width : 768px) { MEDIA QUIERES VIEWPORT For at få breakpointet til at fungere optimalt er der indsat et viewport-metatag i sitets head. Det gør, at den mobile version snakker sammen med css delen, og ikke bare bliver skaleret ned. 80 % <meta name = viewport content= width=device-width > <script type= text/javascript src= js/jquery min.js ></script> 6
7 OPTIMERING TIL BROWSER & SEO OPTIMERING TIL SEO I HTML KODEN: MAIN TAG: Sidens vigtige indhold er de produktpakker, Mads Frederiksen tilbyder. De er kodet ind i et Main tag så Google ved, at det er det primære indhold. Derudover er der sammenhæng mellem sidens meta description og indholdet i Main. META DESCRIPTION: Den tekst der bliver vist på google under sidens titel. Den skal være mellem tegn. H1: Nomal kan man have en H1 på hver side, men da dette er en One Page, er der kun plads til en. Derfor har jeg valgt at kode sidens header ind som en H1. EKSTERN LINK BUILDING: I forhold til Googles søgerobotter er det godt at have links til andre sider og endnu bedre, hvis andre sider linker til ens egen. Det giver Linkjuice. For at skabe en smule aktivitet, linker patellaloeb til fotografen og til mig og omvendt. TILKOBLING TIL GOOGLE ANALYTICS: Til sidst er sitet tilmeldt google analytics og Mads Frederiksen kan derfor holde øje med sine besøgende og hvor de kommer fra. ALT TAGS: Alle billederne på sitet er tildelt alt tags, som beskriver hvad billedet forestiller. Det hjælper søgerobotter med at finde ud af hvad billedet forestiller, samtidig med at blinde kan få læst teksten op. NAVNE PÅ BILLEDER: Det samme gælder for billedernes navne. I takt med at de er blevet optimeret til web (72ppi / RGB) er de blevet gemt med navne, der samtidig beskriver billederne, så søgerobotter kan tyde billederne. PROBLEMER VED ONE PAGE SIDENS TITEL: Optimalt skal sidens titel ændres på hver underside, men da Patella Løb er kodet som en one page, vil dette ikke være muligt. FILSTRUKTUR: En one page site har af gode grunde kun 1 side, og bruges ofte, hvis den skal være meget enkelt og uden for meget tekst. Derfor linkes der ikke til andre undersider, og det skaber ikke den struktur, som Googles robotter leder efter. OPTIMERING TIL BROWSER: PRÆFIKS Det er ikke alle browsere, der forstår de nye HTML5 tags og CSS3 muligheder. Derfor er der skrevet præfikser ved alle disse tags: (-webkit) Crome / Safari (-moz) Firefox (-ms) Internet Explorer (-o-) Opera PROBLEMER MED INTERNET EXPLORER: Internet Explorer kan ikke vise de nye HTML5 tags. Derfor er der indsat en kode i sitets header, der fortæller at sitet skal åbnes i den nyeste version. <!--[IF LT IE 9]> <SCRIPT SRC= COM/SVN/TRUNK/HTML5.JS ></SCRIPT> <![ENDIF]--> ÆØÅ & Selvom min tegnkodning står til UTF-8, og dette burde betyde, at æ, ø og å bliver vist korrekt, har jeg erstattet bogstaverne med deres HTML-kode. På denne måde sikrer jeg mig, at browseren viser æ, ø og å korrekt. Da jeg kun har æ, ø og å i minuskler, ser HTML-koderne således ud: æ æ ø ø å å & & 7
8 DET FÆRDIGE PRODUKT KVALITETSVURDERING: Jeg er tilfreds med det færdige resultat. I forhold til SEO optimering kunne jeg godt have tænkt mig, at sitet var et flersidet site istedet for onepage, hvilket giver flere muligheder for at optimere sitet til Googles søgerobotter. FREMTIGE FORLØB: Det næste skridt vil være at holde øje med Google Analytics. På den måde kan Mads se hvor hans besøgende kommer fra og derved finde ud af, hvor han skal annoncere. 8
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
Læs mereGRAFISK 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 mereGRAFISK 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 mereGRAFISK 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 mereGRAFISK 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 mereGRAFISK 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 mereGRAFISK 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 mereGRAFISK 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 mereGRAFISK 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 mereGrafisk 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 merePORTFOLIO 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,
Læs mereGrafisk 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 mereIndhold. 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 mereGrafisk 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 mereWORKFLOW & 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 mereSabine 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 mereSe 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 mereGRAFISK 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 mereGrafisk 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 mereGRAFISK 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 mereDokumentation. 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 mereGRAFISK 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 mereGRAFISK 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 meregrafisk 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 mereGRAFISK 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 mereGrafisk 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 mereGrafisk 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,
Læs mereGRAFISK 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 mereGrafik & Billede weloveorganic.com webshop
Grafik & Billede 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
Læs mereGRAFISK 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 mere1 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.
Læs mereOpgavebeskrivelse. 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 mereportfolio 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 mereELEMENTER 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 mereOPGAVE: 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 mereOPGAVEBESKRIVELSE. 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 meregrafisk 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 mereHHBR. 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 mereOPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse
GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men
Læs mereFORSTÅ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 mereGRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05
Læs mereGrafisk 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
Læs mereGRAFISK 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 mereportfolio 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 mereFORSTÅ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
Læs mereKT 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 mereGRAFISK 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 mereGRAFISK 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 mereBirgitte 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
Læs mereGRAFISK 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 mereKODNING 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 merePROJEKTET 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 mereGRAFISK 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 mereProgramvalg 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 mereGRAFISK 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 mereGrafisk 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 mereGRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE
GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg
Læs mereWORKFLOW. 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 mereGrafisk 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 mereworkflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop
Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres
Læs mereMit 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 mereGrafisk 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 mereDokumentation. 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 mereREDESIGN 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 mereProdukt. 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 mereJAN 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 mereOPGAVEN 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 mere5. 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 mereHer 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 mereForståelse for grafisk produktion og workflow
Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod
Læs mereGrafisk. 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 mereLaura 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 meredet 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 mereGrafisk 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 mereLav en hjemme side der kan sælge fly billetter til en stor i Europa.
EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal
Læs mereRESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION
RESPONSIVE WEBSITE DOKUMENTATION OPGAVEN Opgaven gik ud på at designe og kode et responsive website til sommerhuset Brink Møllegaard. Websitet skulle præsentere og informere besøgende om huset og området
Læs mereGRAFISK 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)
Læs mereProduktion 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
Læs mereGRAFISK 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 mereEt 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 mereJEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Læs merePROGRAM 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 mereMå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 mereProduktbeskrivelse - Grafisk workflow
Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.
Læs mereGRAFISK 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 mereGrafisk 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
Læs mereH2 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 mereweb 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 mereGrafisk 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 mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereGrafisk 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 merePortfolio - 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 mereNY IDENTITET TIL SCHWARZ
GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker
Læs mereGRAFISK 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 merePORTFOLIO SVENDEPRØVE
EDDIE KÜSTER ABI-KHALIL PORTFOLIO SVENDEPRØVE GRAFISK WORKFLOW Red en med blodkræft - Website 2 Produktet 3 OPGAVEN Denne opgave er en mindre fiktiv opgave, som ikke har fået sit sidste godkendelse endnu.
Læs mere1. 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 mereGRAFISK WORKFLOW. Proces. Kodning. Fonts:
P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces
Læs mereGrafisk 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