GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014

Transkript

1 GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014 G H1 H3

2 REDESIGN AF WEBSITE - FRU MØLLERS MØLLERI Processen 1. skal have optimeret deres website med en som får den position, som den skal have, hvis netaktiviteterne skal have betydning for forretningen. er en charmerende oase, med gårdbutik, kafferisteri, slagterbutik og restaurant, hvor den gode smag dyrkes og kunden er i højsædet. En ligefrem og enkel tone med et personligt islæt. 2. Jeg står får at udarbejdelse af design og implementering af website i Wannafinds løsning vha. css og html. 3. Efter møde med findes der frem til hjemmesidens mål og ambitioner. Alt dette integreres i en, som opfylder s ønsker/ krav. Derudover skal der tages højde for firmaets nuværende identitet, da nogle grafiske elementer skal gå igen i det nye redesign. 4. Alt skal optimeres så det bliver brugervenligt for både besøgende på hjemmesiden og for Fru Møller selv. Fru Møller skal selv kunne redigere i pen og optimere med nye produkter, tekster, billeder osv. Vi udabejder design og skabeloner, så det bliver så let som muligt for alle parter. Kvalitet og smag er i højsædet og der er stor respekt for produktet. Stilen skal være enkel, afslappet og afspejle overskud, nydelse og nostalgi. Det er vigtigt at ramme den tone af nærvær og nerve, som generelt præger det indhold, der ligger på siden. 5. Stemningen på sitet er holdt i neutrale afslappede farver. Fokus på sitet er at møde kunden i øjenhøjde, der skal være plads til kundens ønsker, sitet skal vise nemheden i at have slagteren lige ved hånden vha. online pen. Det skal vise kvalitet og specielle ved en lokal gårdbutik. 7. KVALITETSVURDERING: Jeg er tilfreds med det endelige resultat. Vi har formået at få alle ønsker opfyldt om en mere ny og moderne hjemmeside, hvor pen har større synlighed og aktivitet end på den gamle hjemmeside. Møde med - her konkretiseres problemstillinger og løsninger til nyt redesign af website Fotooptagelser Godkendelse af implementering Kursus + manual Der udarbejdes layoutforslag og en præsentation af tankerne bag det nye redesign Implementering af web i Wannafinds system Implementering af sider, tekst og UPLOAD Kommentering og godkendelse af design Der skal udarbejdes teskter til diverse sider på det nye website Opsætning af betalingsgateway mm. Test og godkendelse Ud fra deres nuværende site finder vi frem til de mest relevante punkter og udabejder et sitemap, så vi kan vurdere brugervenlighed og funktionaliteten for brugeren. Usability er i fokus, for at beholde kunderne på sitet. 6. Websitet bliver løbende testet af i de forskellige browsere. Det er vigtigt at sørger for pen virker hos alle browsere. Systemet Wannafind står løbende for opdateringer, så deres cms/ løsninger virker i alle browsere og på diverse platforme. SIDE 2 / 12 SIDE 3 / 12

3 Tidsplan - Gammelt website / Opgave/deadline Uge 5 Uge 6 Uge 7 Uge 8 Uge 9 Uge 10 Gammelt website Gammelt website del Layout forslag og præsentation Kommentering / godkendelse af design Udarbejdelse af design Implementering af design Fotooptagelser Godkendelse af implementering Implementering af sider, tekst og Opsætning af betalingsgateway mm. Test og godkendelse UPLOAD Kursus + manual SIDE 4 / 12 SIDE 5 / 12

4 Sitemap - nyt website Farver, logo, udtryk og fonte Forside Font brugt til overskrifter og udsagn Font brugt til brødtekst Caflisch 60 pt. Verdana regular 10 pt. Shop Inspiration og opskrifter Vi dyrker den Optae archicimus. Num quatem erum la nonet alit harum sita que prepere si nihit dolorerum volum sam, sum iur maios a aut que cone venis estis eaque pel et exces ex eum saeprem lam ut modi nossus etus simodis tionsed et laut modipiciam, sitas rem vitium quae eum quatatur, que. Historie Besøg os Brød Bagekursus Bagetilbehør Opskrifter Tips Info Maps gode smag! Farver til at understøtte hjemmesidens udtryk og budskab Kunsthåndværk Nyhedsbrev Sylterier Kager Drikkevarer Gavekasser Formular Identitetsfarver /Primærfarver Kødprodukter Gavekort Redesign af logo Vin Mejeriprodukter Hjemmelavet specialiteter Kaffe Sylterier og olie Gammelt logo Nyt redesignet logo CMYK 12, 0, 65, 0 CMYK 12, 8, 10, 60 Sekundær Øvrige (øl) CMYK 12, 0, 65, 0 / 10% CMYK 12, 0, 65, 20 SIDE 6 / 12 SIDE 7 / 12

5 Layout udkast Wannafind cms system Layout udkast sendes til godkendelse inden implementering Wannafinds system. Man udvælger den ønskede template og tilpasser den vha. css og html så vi får det ønskede design. Din indkøbskurv er tom Din indkøbskurv er tom - vi dyrker den gode smag Åbningstider Inspiration & opskrifter - vi dyrker den gode smag Åbningstider Inspiration & opskrifter Shop Sorter efter: Dato xx / xx Bagekursus Vidyrker ervi ikkedyrker den bare gode mel den gode smag smag!! Den valgte template ser fra starten således ud. produkter > Hvedemel Bagetilbehør 5 kilo sigtet hvedemel. Stenformalet. Indeholder kim og skaldele. Sort: Amaretto Kaffe Pris 1 stk 81,00 DKK Drikkevarer Gavekasser Gavekort KØB Hvedemel 5 kilo sigtet hvedemel. Stenformalet. Indeholder kim og skaldele. Sort: Amaretto Dus poste mi,ceat verovit nis undelestia conectatae arum ipictasitate am, Pris 1 stk 81,00 DKK KØB Hvedemel 5 kilo sigtet hvedemel. Stenformalet. Indeholder kim og skaldele. Sort: Amaretto Pris 1 stk 81,00 DKK Bestil dit brød før kl.12 Hos Fru Møller Produkt Dyrenes ve & vel Shop Alle vores dyr er nu inde for vinteren. I må meget gerne besøge dem - de går i det gamle værksted og i den Røde lade. Bagekursus Bagetilbehør dolorer ita. læs mere mere læs dolorer ita. læs mere læs mere Kaffe Drikkevarer Gavekasser Gavekort Seneste Vi anbefaler Ugens opskrift Tid til Kaffe Kafferisteriet er under ombygning. Annemarie og kaffen er derfor i gårdbutikken :-) KØB Din indkøbskurv er tom - vi dyrker den gode smag Åbningstider Inspiration & opskrifter Vi dyrker den gode smag! Bjeragerhougaard Bjeragervej Odder Tlf Fru Møllers Mølleri Historie Besøg os Opskrifter & Inspiration Kunst & håndværk Historie dolorer itaumbor reribus dolorer itaepratur? Puditat iuntese nistibus alistiorem quaestrum nonsenihil escias reperatamet, simus simod explaarunt reicidendest int la dolores es consequia quis qui sit quiat. In ped ullacere veni officime la et mod magnis alitiatem incidel ernam cus quiam quam nobitemquis exerum eaqui volorer speriant as adiatquid mod ma consecatem fugia eveliciatur? Con nam, etum a numquatem idunt. Berionsequi untisti orisquam, cus, nectist, alia comnis iusam is quis explicabore evelesed qui volore consequi similla nimodi sus et expedicit ex et et liti tet occum et est quias mi, que militas derumquis Alle er velkommen Der er flere templates at vælge imellem, nogle templates har specifikke funktioner, som kan være en hjælp til det ønskede resultat. Vi har flyttet lidt rundt så der er plads til os alle! SIDE 8 / 12 Tildmeld nyhedsbrev Bjeragerhougaard Bjeragervej Odder Tlf SIDE 9 / 12

6 Eksempel fra koden Det endelige website - Eksempel fra css Eksempel fra html SIDE 10 / 12 SIDE 11 / 12

7 G H1 H3