Mock-up av projektsajten

725G17 Webbpublicering: Teknik, design, kommunikation

HT2013

Mock-up av projektsajten

Min projektidé är att göra en webbsajt som handlar om tre av de mest kända italienska vindistrikten: Piemonte (Barolo, Barbaresco) Chianti (Toscana), och Valpolicella (Amarone, Ripasso).

Som mall och ursprungsdesign har jag tänkt använda/inspireras av layouten i bilden nedan:

http://www.freewebsitetemplates.com/templates/page-2

Det jag tilltalades av i designen är:

·         Färgskalan och lättöverskådligheten

·         Tredelningen av nedre delen av content-ytan

·         Lekfullheten i skuggeffekterna

Jag har för avsikt att behålla grundstrukturen på sidan ovan:

·         En header med en logga och länkar. Logga till vänster och länkarna till höger så som på bilden.

·         En övre main-content med en presentation av sidans övergripande syfte och innehåll, och en inbjudande bild. Förmodligen någon form av kartbild över norra Italien där de tre aktuella distrikten ligger. Jag kommer dock minska höjden för att få plats med mer av delen under utan att behöva scrolla ned.

·          En lägre main-content med de tre vindistrikten i korta introduktioner om geografisk lokalisering, vilka druvsorter som är de dominerande, och en bild som länkar in till deras respektive undersidor.

·          Längst ned på sidan en footer med generell kontaktinfo, ytterligare länkar som kan vara intressanta i sammanhanget, epostadress mm.

·         Länkar: Det jag har som idé så här långt är att länka till andra sidor som handlar om vin i allmänhet och italienskt i synnerhet. Sidor som provar, beskriver och rankar olika produkter.

Länkarna i headern har jag ännu inte bestämt om jag skall behålla till antalet. Jag kommer förmodligen ändra typsnitt till något som passar loggan och brödtexten bättre. Har inte tillräckliga kunskaper vad gäller typsnitt, men skulle vilja finna något som kan uppfattas stilenligt. Vad gäller färgval av bakgrunder, knappar och andra element, tror jag att jag behöver prova mig fram och experimentera lite för att finna ett tillfredsställande slutresultat. I exemplet ovan används ”sprites” vilket för mig har varit en helt okänd teknik fram till nu, därför vet jag inte om jag själv klara av att använda det.

Eftersom jag har för avsikt att behandla tre olika vindistrikt passar det utmärkt med tredelad content, där jag kan lägga in bilder på de olika distriktens druvsorter och infoga en kortare text som presenterar innehållet i de undersidor som bilderna länkar till. I undersidorna har jag tänkt att behålla header och footer intakta, inte heller ändra bakgrundsbilder alltför drastiskt, men lägga lite mer tyng på textinnehåll och informativitet.

Jag har även för avsikt att infoga allt i en wrapper med en bredd på ca 1000px för att försäkra mig om att hela sidan ses i så många skärmvarianter/upplösningar som möjligt.