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:... 9 Budskab:... 9 Afsender:... 10 Valg af grafik:... 10 Billeder:... 10 Formular:... 10 Kravspecifikation:... 10 Lay out (photoshop):... 10 Tidsplan:... 11 Første uge:... 11 Mandag:... 11 Tirsdag:... 11 Onsdag:... 11 Torsdag:... 11 Fredag:... 11 Anden uge... 11 Lay out... 11 Wireframing:... 18 Hjemmeside:... 18 Budget timer... 18 2
SITEMAP: Galleri Forside: Produkter Kontakt/bestil Info VALG AF FARVER: Har taget udgangspunkt i farverne fra rødvin. Dels rouge og rose, men også sølv som tit bruges til foliet uden om proppen. Disse farver og deres kombination skulle gerne få siden til at fremstå professionelt, brugervenlig og harmonisk. Jeg vil som udgangspunkt bruge 3 skrifter. Til etiketten primært Harrington og Gabriola. Til selve sitet en blanding af Harrington til nav og Gabriola og Arial. 3
SKITSER: FORSIDE: Nav bar med links til undersider(980*200) Content (980px*auto) Slideshow og kort beskrivelse Footer (980*200px) 4
PRODUKTER: Nav bar med links til undersider(980*200) Content (980px*auto) Produkter med forstørrelseseffekt Footer (980*200px) 5
KONTAKT/BESTIL: Nav bar med links til undersider(980*200) Content (980px*auto) Kontaktformular Bestilling Kort Footer (980*200px) 6
GALLERI: Nav bar med links til undersider(980*200) Content (980px*auto) Billeder i lightbox Footer (980*200px) 7
INFO: Nav bar med links til undersider (980*200) Content (980px*auto) Kort beskrivelse af firmaet Footer (980*200px) 8
MÅLGRUPPE: Produktet er et nyt mærke som skal introduceres til det danske marked. Selve produktet har været under udvikling længe gennem. Valg af druen har været afgørende og der er eksperimenteret med flere arter. Dette har taget år, men nu skulle investeringen gerne give frugt. Målgruppen er både virksomheder og private, og skal introduceres ved en stor reception. Samtidig skal markedsreklame med tv spots, busreklame og radio spots være med til at fange interessen inden receptionen. Alt i alt en stor investering og en stor satsning som gerne skulle give afkast i stor stil. PERSONA: Jens er den typiske person i min målgruppe. Han er 40 år og bor i villa i en forstadskommune. Han er gift og har 2 børn. Både han og konen har et vellønnet job, hvilken ikke giver dem økonomiske begrænsninger. Han nyder gerne et glas eller 2 hver dag. Enten til maden eller efter maden sammen med sin kone. Han har en rimelig samling af vine i sin kælder, men som kender er han altid ude efter noget nyt. Derfor er han den rette person i den rette målgruppe. Sitet er ikke lavet responsive, da han typisk kigger på nettet fra sin pc eller på sin ipad. Produktet holder den pris og den kvalitet han er ude efter. PRODUKTER: Der vil være 4 slags rødvine, 4 slags hvidvine og 2 rose. Hver variant skal indeholde følgende: En generel beskrivelse af produktet. Info pris og årgang Smag, temperatur, fylde, lukning og liggetid Desuden linkes der til kontaktformularen hvor man kan bestille varerne ved at skrive antal og vælge produkterne. BUDSKAB: Budskabet er at sælge eksklusive rød og hvidvin til en pris hvor private også kan være med. Budskabet er få fanget interessen for brugere af gode vine. 9
AFSENDER: Jeg har investeret en del penge i dette produkt. Dels fordi jeg har en passion for gode vine og dels fordi jeg ser dette som en fremtidig levevej. Jeg har brugt 10 år på at finde frem til det rigtige druer, hvilke virkelig er lykkedes nu. Kombination af vind, vejr og druesorter har været afgørende. VALG AF GRAFIK: Forsiden er bygget op med en nav, en header og en footer som går igen på alle siderne, så kun indholdet (content) bliver skiftet ud. BILLEDER: Et interaktivt baggrundsbillede hvor man ved hovereffekt kan se nærmere på produktet. Et slideshow på forsiden med forskellige vine som looper uendeligt. Et galleri med hovereffekt. FORMULAR: Kontaktformular til at komme i kontakt med firmaet. Man kan indtaste navn, adresse, postnummer, by telefon, mail og Man kan skrive en besked og samtidig kan man bestille produkterne. Desuden er der et lille kort til at vise hvor vi ligger. KRAVSPECIFIKATION: Hjemmesiden skal kunne ses på en pc. Hjemmesiden skal kunne ses i Internet explorer, Google Chrome, Firefox og Safari. Skærmopløsning: 980 px bred og auto høj. Hele baggrunden bliver sølv så den fremstår ens i andre størrelser. Kodning i HTML5 og CSS3 LAY OUT (PHOTOSHOP): Hjemmesiden bliver opbygget i photoshop. Forsiden er udgangspunkt så nav og footer går igen på alle undersites. Eneste ændring bliver indholdet (content) Billederne bliver primært png men nok også nogle enkelte jpg. Billedgalleriet bliver et slideshow i lightbox med hoovereffekt. 10
TIDSPLAN: FØRSTE UGE: MANDAG: Arbejdsplan, valg af farver og valg af fonte. TIRSDAG: Lave skitser til forside og undersider. Kravspecifikation og produktionsplan. Designe etiket ONSDAG: Lave layout og for alle sider. TORSDAG: Lave layout og for alle sider. Tilpasse produktionsplan. FREDAG: Lave layout og wireframing for alle sider. Deadline 13.30. Tilpasse produktionsplan. ANDEN UGE Kodning. Finpudsning af design og test. Præsentation fredag 13.30. LAY OUT 11
12
13
14
15
16
17
WIREFRAMING: Når alt photoshop er færdigt går vi i gang med wireframing, Alt bliver målt så kodedelen bliver så overskuelig som muligt. Dette kan i sidste ende give tid til at tillægge sitet flere detaljer og få sitet lavet så dynamisk som muligt. HJEMMESIDE: Header: 980*200 Body: 980*auto Content: 980*auto Footer: 980*200 Tekst og billeder varierer fra side til side, men bredden er 980 og højden er auto. BUDGET TIMER Timefordeling Design: Programmering: Skitser: Godkendelse: Transport: Fotograf: Præsentation: 18
Timeudsving 7 6 5 4 3 2 1 0 5 10 15 20 25 30 35 40 45 Aktuelle timer: Budgettimer: 19