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.

Uppstart

725G17 Webbpublicering: Teknik, design, kommunikation

Projektuppgift - Uppstart

Italiens viner

Målet med min webbplats är att utforma en sida som handlar om italienskt vin, vinodling, druvsorter och viner. I huvudsak är det tre distrikt som jag vill lägga tyngdpunkt på: Piemonte, Veneto och Toscana. Vad jag vill uppnå är  fördjupad kunskap om webbplatsers utformning, design och funktionalitet

·          Skapandet av en sådan webbplats som jag själv skulle finna intressant att besöka

·          Kunskaper som gör det möjligt för mig att snabbt och effektivt utforma och underhålla sajten.

Målgruppen för en sida så som ovan nämnts är i första hand människor som intresserar sig för oenologi och vinproduktion i Italien. I första hand de som har initiala kunskaper och vill få en något mer fördjupad överblick i ämnet. Medelålders, högskoleutbildade, statusjagande medelklassmän som vill ta reda på mer om olika vindistrikt, druvsorter och vinstilar. Genren skulle förslagsvis kunna vara MAT & VIN även om jag inte har ambitionen att täcka in frågor som rör kombinationen av dessa.

Då jag gärna vill ha en så fullständig kontroll över webbplatsens utformning som möjligt har jag för avsikt att använda HTML/CSS/Javascript, också för att jag vill utveckla mina kunskaper i dessa tekniker. Gällande grafisk profil på webbplatsen har jag i dagsläget ingen färdig idé i detalj, men avser att hålla den ganska konventionell gällande header, nav, main-content, sidebar och footer. Proportionerna avgörs av vad dessa skall innehålla. För att utforma webbplatsen så lättnavigerad som möjligt kommer jag i första hand att använda mig av F-modellen ( https://www.iis.se/lar-dig-mer/guider/hur-man-skriver-for-webben/hur-manniskor-laser-pa-webben/2/#bokstavenf ) Det jag ofta kan sakna på webbplatser är någon form av nivellering av länkars position i förhållande till deras innehållsmässiga angelägenhetsgrad och kvantitativa relationer. Detta är en fråga som jag skall försöka utröna mer i detalj under projektets genomförande.

Först tänkte jag utgå från italienska flaggans färger och form som designidé, men kom vid närmare eftertankte fram till att eftersom Italiens statsbildning är så pass ung och bräckligt är just flaggans färger inget relevant designelement. Det lutar snarare åt att jag försöker finna kombinationer som alluderar till de gängse klichéer kring Italiens landskap och vinframställning som florerar hos en tänkt målgrupp. Jordfärger, cypressgrönt, natur och stram minimalism till skillnad från en alltför uppenbar romantisering av vintillverkningen och den italienska landsbygden. Italien (och Frankrike) är de länder som hyser den högsta statusen när det gäller vin och vinkultur. Detta i kombination med den långa historien och traditionen av vinframställning skapar en aura av tidlöshet och generationell kunskapsöverföring som den globala masspopulärkulturen inte verkar kunna rubba. Just den traditionella/kulturella aspekten av verksamheten tror jag lockar många potentiella webbplatsbesökare.

Målet är att besökaren skall vilja fortsätta utforska sidan och dess innehåll och även vilja ägna tid åt att söka vidare efter med fördjupad kunskap i ämnet.

SZ