GRAFISK WORKFLOW AF MARIE PROKOPEK MARIE PROKOPEK

Størrelse: px
Starte visningen fra side:

Download "GRAFISK WORKFLOW AF MARIE PROKOPEK MARIE PROKOPEK"

Transkript

1 GRAFISK WORKFLOW AF MARIE PROKOPEK MARIE PROKOPEK

2 Redegørelse grafisk workflow pompdeluxkiddo.com pompdeluxkiddo.com pompdeluxkiddo.com REDEGØRELSE GRAFISK WORKFLOW MÅLGRUPPE UDFORDRING MIT BIDRAG TIL OPGAVEN. Kunde: POMPdeLUX Primær: Kvinder (mødre) i alderen år. POMPdeLUX har fået mange modspillere igennem de sidste 9 år. Der er Jeg designede en ny hjemmeside og lavede et designoplæg af denne i Grafisk Designer: Marie Prokopek I Danmark, Norge, Sverige, Tyskland, Østrig, Schweitz, Finland og Holland. flere konkurrenter på markedet og markedet er generelt afmattet. POMPde- form af en fuldt funktionel og responsiv hjemmeside. OPGAVEN Opgaven gik ud på at jeg modtog et kundebrief fra POMPdeLUX som ønskede et redesign af og design af følgende: Redesign af Katalog/Magasin (Opslagssider + oversigt) herunder (ift. udtryk): Tekstombrydning (valg af fonte, behandling af disse) Farve, illustration og fotobrug Redesign af logo Logo og dettes brug. Nyt design til ny hjemmeside En anden end webshoppen, en hygge side til kunderne og børnene. Content-website en side med redaktionelt indhold. (ref: Responsiv Opbygning, indhold og udseende (ift. udtryk) Hvordan kan POMPdeLUX selv bruge og opdatere en side som denne? Indkomst er hovedsageligt i middel gruppen til mellem høj. De er kvalitets- design og mode-bevidste, status er vigitgt, de vil gerne udstråle overskud. Vil gerne reklamere for sig selv og for POMPdeLUX på sociale medier, hovedsageligt Facebook og Instagram, som målgruppen er storforbrugere af. Dette er et vigtigt salgselement for POMOPdeLUX. Desuden er en stor del af vores varer købt via tablets, hvilket gør at den responsive og mobile del er super vigtig for POMPdeLUX! Jeg har derfor også valgt at den primære platform er tablets. Sekundær målgruppe: Bedsteforældre 60+. Her vil primær-målgruppen have så stor indflydelse, at jeg ikke vælger at fokucere på denne gruppe. Afsender: POMPdeLUX. Pompdelux åbnede dørene op for et nyt dansk børnetøjsmærke i 2006 (for børn i str cm) og vækstede stort fra dag et. De to salgskanaler er webshoppen og via konceptet Home Shopping. I dag befinder POMPdeLUX sig i 8 lande med cirka 400 Shopping Advisors som er navnet på de værtinder der afholder disse Home Shopping events i målgruppens private hjem. LUX er ikke den nye i klassen længere og skal re-positioneres med andre ord udkomme i en ny og forbedret udgave og bruge denne katalysator til igen at være top of mind i kundens bevidsthed. Krav: POMPdeLUX vil gerne relanceres på ovenstående punkter men i en let grad så kunderne stadig kan genkende det stærke brand, der står for god kvalitet og lækkert design. POMPdeLUX vil gerne udstråle ny energi og være først til at skabe trends. Alle børn især de store (mellem 7-10 år) der sætter højere og højere krav til moden skal kunne se sig selv i tøjet. Referencer: POMPdeLUX konkurrerer på 8 markeder og disse markeder er meget forskellige men de største konkurrenter er H&M, NAME IT, ZARA, Hümmel og diverse supermarkeders tøjlinjer. POMPdeLUX skal afspejle den position de hele tiden har haft i dette felt af børnetøjsmærker, men i en mere moderne udgave. POMPdeLUX ønsker indsigt og dokumentation for arbejds- og designprocessen samt moodboard/inspirationskilde. Ligeledes forventes tanker og argumenter fremlagt. Jeg redesignede katalog, med mere redaktionelt indhold og en ny designmanual over fonte og elementer. Desuden lavede jeg en ny ting hertil, #WallartByPOMPdeLUX, plakater der kan rives ud af magasinet og printes ud på den nye content website. Ideen er at plakaterne som skulle hjælpe med at få kunderne til at reklamere for os mens de reklamerer for dem selv og et designg deres liv. Redesignede logo samt logos med taglines til WallartByPOMPdelux og til den nye hjemmeside POMPdeLUXkiddo. Se det færdige resultet her: MARIE PROKOPEK SVENDEPRØVE PORTFOLIO JUNI

3 Tidslinje grafisk workflow Jeg modtager opgaven Jeg bliver bliver briefet på opgaven af kunden, POMPdeLUX, grafiske designer. Research og ideudvikling Indhold på website Kundemøde Upload Jeg går igang med research og ideudvikling Jeg beslutter emner og indhold på web- Mødes igen med designeren og modtager Nu ville jeg, hvis sitet skulle oploades og i brug med det samme, købe på en visuel identitet, som er sitet, tegner skitser, skriver funktionerne rettelser - laver skitser og noter til mig selv. et domæne og oprette hosting hos udbyder. Jeg anvender i stedet mit sammenhængende for hele opgaven. de forskellige sider skal have. eget domæne marieprokopek.com og uploader til en underside her. Kundemøde Flowchart Klargørring af filer Jeg uploader med Cyperduck. Præsentation Kunden og jeg mødes flere gange og jeg Jeg laver et flowchart så jeg hele tiden har Jeg klargør filer til sitet i Photoshop og Illustrator. Jeg præsenterer det færdige produkt til den modtager rettelser på oplæggene og retter til. et overblik og præsenterer dette og ideen for grafiske designer. Forklarer om vedligeholdelse POMPDeLUX. og kodning. Tidsplan Jeg laver en tidsplan for at kunne overholde deadline, som er 21 arbejdsdage til at lave både website, katalog og logos. Godkendelse af grafisk linje Jeg modtager godkendelse på den grafisklinje og logo. Skitser/Layout Jeg laver skitser/oplæg i Photoshop. Korrektur Jeg læser korrektur på layoutet og mødes igen med designeren og modtager rettelser og korrigerer. Overdragelse POMPdeLUX godkender. NB. -Da jeg har valgt at kode i Bootstrap skal siden efterfølgende tilkobles et CMS, så den kan vedligeholdes af alle Oplæg Bootstrap Plugins/kodning Test i browsere Jeg laver oplæg på den grafiske linje Ud fra kundens ønsker og pga. tidspress Jeg henter plugins ned til forskellige dele Jeg tester løbende sitet i forskellige browsere med logo, fonte og elementer vælger jeg at bruge elementer fra en af sitet. Jeg koder og anvender Dream- og på forskellige devices, for at tilpasse (se toolbox), som skal anvendes til både Bootstrap template til designet weaver til styling og kodning af sitet med designet og sikre det hele fungerer og kan katalog og website. CSS, HTML, PHP og javascript. nå ud til så mange som muligt. 3 SVENDEPRØVE PORTFOLIO JUNI 2015 MARIE PROKOPEK

4 Design og process DESIGNPROCESS To o l b o x n e w d n a Min designprocess var stor med både design af katalog, elemtenprimary logo ter, fotos, website logo mm. Jeg har derfor kun et lille udpluk af N I C E TO S E YO U! processen med her. Jeg researchede kundens nuværende digitale elementer. Secondary logo MOODBOARD Special logo for kiddo web S p e c i a l lo g o Wa l l a rt #pompdeluxkiddos colors POMPdeLUX Webshop - DK & Instagram profil pt. PA N TO N E Girlz Boyz Black Dusty Creamy 872 c Rose green Diamond grey White Dette er hovedfarverne, men der må gerne Idroppes farver fra billeder på opslag og hvor det giver mening og ro. Fonts Rubrikker og H elementer GILL SANS REGULAR SIZE 57 LEADING 68 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ MOODBOARD, PINTEREST & TOOLBOX Jeg oprettede mit eget moodboard med nogle af de elementer POMPDeLUX havde, som farver og billeder samt ideen om plakaten. T Brødtekster, billedtekster og a + p styles Men jeg brugte også Pinterest meget og lavede forskellige boards derinde. I starten af min designproces oprettede jeg min Toolbox, som blev et virkelig godt værktøj til både design, web/workflow og min ombrydning af kataloget. Manchet, mellemrubrik og forfatterinfo IKKE TIL WEB! ahoma l Normal l Regular size 10 l leading 18 l abcdefghijklmnopqrstuvwxyzæøå Georgia regular bold italic size 14 leading 16 tracking 75 abcdefghijklmnopqrstuvwxyzæøå Størstedelen af fonte anvendes PANTONE 872 C SS15 COLLECTION Toolboxen viser den grafiske linje med logo, fonte og elementer, som skal ABOUT Secondary marks anvendes til både katalog og website. YO U R L I F E I S A M S UO RM PRISE S O YO U N E V E R I KLNOOVWE W YO U HEN MO R UE RT GHUAMN YO IS GONNA POP ICE CREAM! LIFE IS GOOD IN FLIP FLOPS THE CONCEPT What is so special about POMPdeLUX? Text: POMPdeLUX W Design elements Now A big thanks to... EN FANT children s shoes who provided us with the most beautiful shoes! Page 16 Rolige baggrunde, men gerne med lidt kant The colours of the SPRING/SUMMER15 collection. sun, the sandy beaches, the windy waves and the fading flowers characterize our Dive into the details and prints to see the many beautiful POMPdeLUX designs children s clothes in size cm of high quality and at a favourable price. We are in love with the colours of spring and summer. Size cm Size cm and colourful shades made especially for this collection. entire wardrobe in one An easy way of shopping your child s place only! Size cm Size cm 4 Page 40 J U N I GET THE FULL PICTURE SVENDEPRØVE PORTFOLIO 11 P r e s e n tat i o n e l e m e n t s 4 GIRL 16 BOY 30 LITTLE GIRL 40 LITTLE BOY 48 OVERVIEW MARIE PROKOPEK Page 30 Page 4 ET 53,95 / 400,00 / 520,00 / 65,90 Moreton SHIRT 23,95 / 180,00 / 230,00 / 29,90 Niles SHORTS 29,95 / 220,00 / 290,00 / 35,90 Jeg lavede en del skitser undervejs og havde meget fokus på responsivt design til tablet og mobil. COVER GIRL: Lockport HAIRDECO (5-pack) 12,95 / 100,00 / 130,00 / 15,90 Capanda TOP 18,95 / 140,00 / 180,00 / 22,90 Dillon SKIRT 23,95 / 180,00 / 230,00 / 29,90 COVER BOY: Newcastle JACK- NameIt, var mine hoved inspirationssider. Prices listed as: EUR / DKK / SEK + NOK / CHF... the little girls and boys who made us smile again and again during the photo shoots! w w w.p om p de lu x.com SKITSER Our clothes are high quality and fan- Our SPRING/SUMMER collection in the POMPdeLUX you only need tastic design at a favourable price. It early spring and AUTUMN/WINTER col- to shop one place to get is inspired by the latest trends within lection in the late summer. a complete quality wardrobe for your adult fashion without forgetting it is to Have a look at our Online shop where children. be worn by children. It is comfortable you can buy everything from night wear We have clothes for children of all ages, to wear, it is easy to wash and above all to outerwear, daily wear and party wear from baby size cm to older chil- your children will be very well dressed. and where of course you will be intro- dren in size cm. We launch two collections per year; duced to our mix and match ideas. Eindhoven CARDIGAN 30,95 / 230,00 / 300,00 / 37,90 Joplin SS TSHIRT 18,95 / 140,00 / 180,00 / 22,90 Gosford SKIRT 19,95 / 150,00 / 200,00 / 24,90 Before Hummel, Bestsellers & hen you buy kids clothes at 23

5 Elementer i designet GALLERI Pinterestgalleri inspiration Endeligt layout INSTAGRAM PLUG-IN OG SOCIALE LINKS I konceptet er Instagram og sociale medier vigtige. Derfor var det vigtigt med et link til Instagram og andre sociale medier i Footeren. - Brugeren i målgruppen er vandt til at søge brugbare links i footeren. Envidere har jeg oprettet en side med et plugin som viser nyeste billeder med hashtagget så brugerne kan følge andre brugeres oplæg. Site med plugin - billeder linker til brugere på instagram. Plugin i html koden Jeg vidste at et af hovedelementerne på min side skulle være et responsivt og bevægeligt/levende galleri alla Pinterest SLIDER Script til plugin plageret nederst i html koden for hurtigere load. Links til sociale medieri footeren Et andet element var en stor slider som jeg indsatte en slider i toppen af sitet for at give det liv. Og har placeret alle scripts i bunden af,mit html doc for at undgå flaskehalse og optimerer loadningen af siden. FAVICON Selv om siden hovedsageligt er tilpasset tablets har jeg valgt at lave et favicon til omnibaren. Grunden hertil er at jeg i designet er blevet bedt om at redesigne logoet også. Og det bomærke jeg er endt ud med synes jeg er relevant at vise kan bruges her. 5 SVENDEPRØVE PORTFOLIO JUNI 2015 MARIE PROKOPEK

6 responsivt design pompdeluxkiddo.com pompdeluxkiddo.com pompdeluxkiddo.com Der er stor forskel på hvad der kan være på en mobil, og på en imac 27, så her har jeg selvfølgelig PÅ ALLE DEVICES. Jeg ville gerne have der var liv på index siden, så jeg indlagde en slider i toppen som kører selv. tilpasset de forskellige devices. Det har jeg blandt andet gjort ved at mange elementer, er bygget op med class= row-fluid og span som gør at elementerne flyder på plads til de devices de bliver bedt ISOTOPE ALA PINTEREST. om. Menuen og filtrene kollapser fra de kommer på mobil dev. Der er mange elementer der skal tale sammen på siden, så derfor valgte jeg et filter så brugervenligheden i det er bedre. Jeg kan godt lide den måde Pinterest løser det på så det tog jeg udgang- Disse funktioner er en af grundene til jeg har valgt at bruge Bootstrap elementer. spunkt i. Desuden ville jeg også gerne have liv i denne, så jeg fandt denne kode på nettet med De udvikler de sig heletiden i en sikker retning med tendenserne og alt er gennemtestet så længe du Isotope filterering hvor elementerne bytter plads ved hjælp af Jquery. På ipad ændrer rækkerne sig fra selvfølgelig gafler det de gode steder som på Github. Men det er også super nemt at kode dig vej til at være 4 til 3 i portræt tilstand og på mobilen er der kun en kolonne. det design du gerne vil have med de forudindstillede Bootstrap elementer. MARIE PROKOPEK SVENDEPRØVE PORTFOLIO J U N I

7 f low c h a rt TRENDS OG VALG Tendensen i tiden netop nu, er at onepage sites og scroll effects er meget oppe i tiden lige nu og er virkeligt lækkert designmæssigt og brugervenligt. Desværre skulle siden her indeholde en helt masse blog-elementer, hvilket gjorde at det var svært at forsvare at lave en onepage site. Derfor har jeg valgt at lave siden som vist herunder i mit flowchart med flere undersider. Index Blog Blog indlæg #POMPdeLUXkiddo Wallart Contact site Formular sender til min mail Gallery Alle sider linker til vores webshop via Footeren Denne underside er der mange af, da det er blog indlæg. Registrer - fiktivt/dødt link Instagram til vores hashtag 7 SVENDEPRØVE PORTFOLIO J U N I M A R I E P R O K O P E K

8 Tesnisk workflow PROGRAMVALG. IMAGE ASSETS Da der er mange billeder der skal være i samme størelse, på f.eks blog sitet, har jeg valgt at anvende imageassets i Photoshop og generere mange billeder fra en fil. Det kan især være praktisk at generere billedaktiver fra Dreamwaver - Kodning Crome - Testet/skrevet koder dirrekte en PSD-fil til webdesign med flere enheder. Jeg har i min mappestruktur en mappe udenfor mit site hvori jeg har mine layoutdele som psd filer. Cyperdock -FTP upload Safarri, Crome og Firefox- browser tests Photoshop - layoout og klargørring af billeder til web Illustrator - Logo og svg filer. SEO Der er kodet i HTMl5 Der er i head sektionen på hver side oprettet forskelline meta-tags for at vise hvilke søgeord der skal vises i Google. KOMMENTERING OG STRUKTUR jeg har i både min css og html skrevet kommentarer til mig selv eller kommende kodere. Jeg har holdt en god struktur i min kodning og renset ud undervejs. Både for at gøre det overskueligt for mig selv og andre men også for loadningens skyld. SCRIPTS -er placeret i bunden af HTML koden for at optimere loadning af sitet. GRIDS Der er anvendt grids fra Bootstrap, hvor der arbejdes med et gridsystem delt i 12 kolonner hvilket gør det nemt at kode et responsiv site. Kommentarer god læsbar struktur Psd fil med lag oplakdt med.jpg Bootstrap 12 col grid forklarring Mappestruktur i layout mappen Skærmdumps fra færdige filer MARIE PROKOPEK SVENDEPRØVE PORTFOLIO JUNI

9 Usability Jeg har valgt at låse min menu i toppen af sitet så brugeren heletiden kan navigere rundt. Jeg har valgt at lave en active style på mine links, så brugeren kan se hvor han eller hun er på sitet, ved at linket er en andenfarve der hvor den er aktiv. Da sitet mest er tænkt til tablets og touch platforme har jeg ikke valgt at fokucere på hover funktioner i mine ul og li elementer. På bloggersitet er der en menu med links til andre artikler og dele på sitet så brugeren heletiden bliver fristet til at surfe videre. Desuden har jeg fra start valgt at lave et filter så brugeren kan sortere efter det indhold der ønskes. I bunden af min side har jeg også valgt at lave en scroll to top funktion så brugeren hurtigt kan komme til toppen af siden igen Alle eksterne links til printable PDFer har jeg valgt skal åbne på et target blank- altså en blank side, da jeg synes det giver en god måde at navigere på. Jeg har valgt at fylde footeren med overskuelig info af kontakt og links til firmaet, webshoppen og sociale medier. Her har jeg anvendt gridet igen og delt det så der er 4 colonner ved at kalde <div class= span3 > op.( på mobil er der kun en kolonne.) 9 SVENDEPRØVE PORTFOLIO JUNI 2015 MARIE PROKOPEK

10 Formular og php KONTAKT FORMULAR DER VIRKER Til kontaktsiden er der en formular der gør at du kan sende en besked, for at det virker skal der være en php der fungerer og connecterde rigtige oplysninger med Hosten. Her kan du se jeg har indsat min egen mailadresse. Når der sendes en besked fra formelen, modtager jeg det hele i min mail som vist herunder. Her udfyldes formlen Her ses den mail jeg modtog få sekunder efter der blev trykket send på websitets kontaktformular. Når kontaktformularen er korekt udfyldt og du trykker send, kommer denne succes box frem. MARIE PROKOPEK SVENDEPRØVE PORTFOLIO JUNI

11 Test & kodning crome Test i Ipad 3 og 4 Test i Iphone 5 size CSS HTML kode Jeg tester sitet på rigtige devices når jeg oploader. Men undervejs tester jeg også rigtig meget direkte i Google Chrome, hvor jeg kan kontrolerer elementer. For eksembel tester jeg styles direkte i CSSen, ser om stylingen virker, finder og løser problemer og en helt masse andet. Ofte tester jeg styling her og kopierer det over i min egen css når det virker. 11 SVENDEPRØVE PORTFOLIO J U N I M A R I E P R O K O P E K

12 END OF GRAFISK WORKFLOW SVENDEPRØVE PORTFOLIO JUNI 2015 MARIE PROKOPEK KVALITETSVURDERING Det har været et kæmpe projekt at klare alene og det har været en hård og meget lærerig process. Der har været store udfordringer i at få tid og krav til at passe. Jeg er super glad for resultetet og synes klart det kunne relevant at sende i luften efter noget mere test & udvikling. HVAD KAN DER MERE GØRES? Da jeg har valgt at kode i Bootstrap skal siden efterfølgende tilkobles et CMS, så den kan vedligeholdes af alle. HVAD KUNNE GØRES ANDERLEDES? Jeg kunne, hvis jeg havde haft mere tid, kodet i et CMS system fra start. SIDSTE TANKER Jeg synes det er blevet et godt resultat. Jeg har måtte undervejs lave nogle designmæssige kompromisser ud fra POMPdeLUX ønsker og pga. tiden. Men i sidste ende var alle parter meget tilfredse og det er jo det vigtigste, så alt i alt super godt.

GRAFISK WORKFLOW AF MARIE PROKOPEK MARIE PROKOPEK

GRAFISK WORKFLOW AF MARIE PROKOPEK MARIE PROKOPEK GRAFISK WORKFLOW AF MARIE PROKOPEK Redegørelse grafisk workflow REDEGØRELSE GRAFISK DESIGN MÅLGRUPPE UDFORDRING MIT BIDRAG TIL OPGAVEN. Kunde: POMPdeLUX Primær: Kvinder (mødre) i alderen 25-45 år. POMPdeLUX

Læs mere

GRAFISK DESIGN AF MARIE PROKOPEK MARIE PROKOPEK

GRAFISK DESIGN AF MARIE PROKOPEK MARIE PROKOPEK GRAFISK DESIGN AF MARIE PROKOPEK Redegørelse grafisk design REDEGØRELSE GRAFISK DESIGN MÅLGRUPPE UDFORDRING MIT BIDRAG TIL OPGAVEN. Kunde: POMPdeLUX Primær: Kvinder (mødre) i alderen 25-45 år. POMPdeLUX

Læs mere

GRAFISK DESIGN AF MARIE PROKOPEK MARIE PROKOPEK

GRAFISK DESIGN AF MARIE PROKOPEK MARIE PROKOPEK GRAFISK DESIGN AF MARIE PROKOPEK MARIE PROKOPEK Redegørelse grafisk design REDEGØRELSE GRAFISK DESIGN MÅLGRUPPE UDFORDRING MIT BIDRAG TIL OPGAVEN. Kunde: POMPdeLUX Primær: Kvinder (mødre) i alderen 25-45

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

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

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

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

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

Læs mere

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

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

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

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

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

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

GRAFISK 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

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

WORK- FLOW PLATFORM WEBSITE H2

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

Læs mere

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

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

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

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

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

# 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

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. Hjemmeside design til Chem-Tec Plating

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating GRAFISK WORKFLOW Hjemmeside design til Chem-Tec Plating REDEGØRELSE Hvad går opgaven ud på Virksomheden Chem-Tec Plating, som specialisere sig i metallisk overfladebehandling, havde været igennem et generationsskiftet

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

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

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 OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

TYPOGRAFI OG OMBRYDNING AF MARIE PROKOPEK MARIE PROKOPEK

TYPOGRAFI OG OMBRYDNING AF MARIE PROKOPEK MARIE PROKOPEK TYPOGRAFI OG OMBRYDNING AF MARIE PROKOPEK Redegørelse typogr afi og ombrydning OPGAVEN MÅLGRUPPE UDFORDRING MIT BIDRAG TIL DENNE OPGAVE. Hver sæson på POMPdeLUX skal der laves et katalog som deres Shopping

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

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

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret

Læs mere

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

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

WORKFLOW & GRAFISK PRODUKTION

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

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

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

Læs mere

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

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

Læs mere

GRAFISK 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

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

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

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

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

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

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

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)

Læs mere

PORTFOLIO SVENDEPRØVE

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

2/ Sofia Seidler H3 Svendeprøve

2/ Sofia Seidler H3 Svendeprøve GRAFISK DESIGN OPGAVEN: Jeg har valgt at lave en fiktiv opgave for et nystartet brand ved navn, som sælger t-shirts og plakater med dyreprint som motiver. Jeg har haft fokus på deres logo, visitkort, gogards,

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

Grafisk produktion & workflow: Alt til forfesten

Grafisk produktion & workflow: Alt til forfesten Grafisk produktion & workflow _ 33 / 23 Grafisk produktion & workflow: Alt til forfesten Produkt _ Jeg har i længere tid gerne ville opbygge min egen webshop. september 2014 tog jeg mig sammen og opbyggede

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

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

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

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

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

Læs mere

Grafisk. Workflow. 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 Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

Læs mere

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

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

Grafisk 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

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

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

Læs mere

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

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

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

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

Læs mere

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

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.

Læs mere

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

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

Læs mere

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

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

GRA DESIGN. HEARTS & MINDS

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

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

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

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

TYPOGRAFI OG OMBRYDNING AF MARIE PROKOPEK MARIE PROKOPEK

TYPOGRAFI OG OMBRYDNING AF MARIE PROKOPEK MARIE PROKOPEK TYPOGRAFI OG OMBRYDNING AF MARIE PROKOPEK MARIE PROKOPEK Redegørelse typografi og ombrydning OPGAVEN MÅLGRUPPE UDFORDRING MIT BIDRAG TIL DENNE OPGAVE. Hver sæson på POMPdeLUX skal der laves et katalog

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

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

Læs mere

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

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3.

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3. PentaCon CMS Responsive sider WYSIWYG editor Skabelon til standard tekstside med overskrift og 1 billede Skabelon til standard tekstside med overskrift og 3 billeder Slideshow på forsiden Nyhedsruller

Læs mere