Manual till hemsidesförslag för:

Transkript

1 Manual till hemsidesförslag för: Av: Jenny Andersson & Josephine Persson Skola: KY-Akademien Göteborg Utbildning: Webbutvecklare Datum:

2 Startsidan På startsidan vill vi ha logotypen högst upp till vänster. Menyn har sju länkar. Den sida man är inne på markeras med annan färg, orange. Under menyn finns ett bildspel i flash som visar bilder på omgivningen där anläggningen ska ligga. Under bildspelet har vi valt att lägga två boxar, den första innehåller ö från öckerö logotypen som bakgrundsbild ovanpå den har vi lagt en puff med korta nyheter. Man kan läsa mer om nyheten genom att klicka på länken läsa mer. Man kommer då till en annan redan befintlig sida tex behandlingar, där den nyheten lagts till. I den andra boxen har vi lagt en enfärgad grå bakgrund. Den första puffen innehåller

3 tips på olika spa behandlingar och träningsövningar man kan göra hemma. Klickar man på den kommer man till en sida där man kan fylla i ett formulär för att anmäla sig till prenumeration. Nästa puff innehåller rubrik, bild och text för att locka besökaren att föranmäla intresse på andelslägenheter. Bilden kan vara en bild på hur en andelslägenhet kommer att se ut. Klickar man på puffen kommer man till en sida där man kan läsa om vad det innebär att köpa andelslägenhet och får se bilder på hur den ska vara planerad. Man kan även fylla i ett kontaktformulär för att skicka in sin intresseanmälan.

4 Prenumerera på nyhetsbrev I den övre rutan till vänster under länkarna kommer det finnas bilder på olika saker vi tagit upp i tidigare nyhetsbrev. Till höger kommer det finnas en rubrik och beskrivande text av vad nyhetsbreven brukar innehålla och kan erbjuda. I den nedre rutan till vänster kommer det ligga en Tävling där läsarna kan skicka in sitt eget förslag på träningsaktivitet eller behandling som man kan göra själv hemma. Vinnarna får sitt förslag presenterat i nästkommande nyhetsbrev och vinner en helg för två på Öckerö resort. Man mailar in sitt förslag med bild och text. I den nedre rutan till höger finns ett anmälningsformulär och en bild på hur ett nyhtesbrev brukar se ut.

5 Nyhetsbrev Nyhetsbrevet skickas ut en gång i månaden till de som anmält intresse och läsaren kan när som helst avsluta prenumerationen genom att klicka på länken högst upp i brevet. Man kan även tipsa en vän om att prenumerera på nyhetsbrevet genom att klicka på länken högst upp. Då länkas man till en sida där man får fylla i ett formulär med vännens e-postadress och namn, meddelande samt vem det är i från. Då skickas ett mail till den kompisen där det finns en länk till sidan där man kan anmäla sig till nyhetsbrevet.

6 Varje månad presenteras ett vinnarbidrag för träningstips och ett för behandlingstips från läsarna. Klickar man på läs mer länkas man till hemsidan för att få mer inormation som t ex film eller detaljerade instruktioner. Förboka andelslägenhet I den breda rutan under länkmenyn finns en bild eller ett bildspel på hur lägenheterna kommer att se ut. Brevid bilden till höger kommer det finnas rubrik och en text som beskriver hur lägenheterna kommer se ut vad som ingår, storlek och vad det innebär att köpa veckor i andelslägenheten och vad det kostar. Under det till vänster finns en rubrik och en bild på lägenhetens planlösning eller ett bildspel på de olika lägenhetstypernas planlösningar. Till höger ligger en rubrik och ett ett formulär för intresseanmälan till andelslägenheter.

7 Spa På spasidan kommer det finnas allmän information om vilket utbud som finns högst upp i den breda grå rutan med bilder till vänster ifrån några av behandlingarna. I rutan under till vänster kommer en lista med länkar till de olika behandlingstyperna. När man klickar på en av dem får man fram underlänkar om det finns fler behanlingar inom kategorin. Detaljerad information om vad behandlingen innebär samt en bild på hur det kan se ut visas i rutan till höger när man klickat på en behandlingstyp. Det kan vara en film med en instruktion på hur man gör behandlingen istället för bilden om en sådan finns.

8 Konferens Konferenssidans grundlayout kommer vara densamma som spasidans. Det kommer vara ett brett grått fält högst upp under menyn med bild till vänster och rubrik och beskrivande allmän text ligger till höger. Texten förklarar vad som erbjuds inom konferensområdet. Under till vänster finns länkar över olika konferenspaket. När man klickar på en länk får man detaljerad information och bilder om just det paketet i rutan till höger. Här kan beskrivas vilket rum som ingår, vilka måltider samt dryck som ingår samt vilka träningspass, upplevelser och behandlingar som ingår samt hur konferenslokalen ser ut. Logga Länkmeny Bild Rubrik Allmän text om området Underlänkmeny Underrubrik Beskrivande text om länken Copy & Kontakt-text

9 Upplevelseaktiviteter Upplevelseaktivitetersidans grundlayout kommer vara densamma som spasidans. Det kommer vara ett brett grått fält högst upp under menyn där bild till vänster och rubrik och beskrivande allmän text ligger till höger. Texten förklarar vad som erbjuds inom upplevelseaktiviteter. Under till vänster finns länkar över olika upplevelseaktiviteter. När man klickar på en länk får man detaljerad information och bilder om just den upplevelsen i rutan till höger. Det kan också vara en film på någon som utför aktiviteten istället för en bild eller ett bildspel. Logga Länkmeny Bild Rubrik Allmän text om området Underlänkmeny Underrubrik Beskrivande text om länken Copy & Kontakt-text

10 Bildgalleri Här har vi tänkt lägga en undermeny med länkar till olika kategorier av bilder i rutan till vänster. När man klickat på en underkategori så får man upp en rubrik för bilderna och små tumnagelsbilder under i rutan tillhöger.när man klickar på en av dem får man upp en lightbox (ett nytt litet fönster som kan stängas ner) med en stor bild i. Logga Länkmeny Underrubrik Underlänkmeny Tumnagel Copy & Kontakt-text

11 Kontakt På den här sidan finns kontaktinformation som adress, telefonnummer och epostadress. Den ligger i rutan till vänster. Till höger finns ett kontaktformulär där man kan skriva in ett meddelande och skicka direkt från hemsidkan. Logga Länkmeny Kontaktinformation Rubrik Kontaktformulär Copy & Kontakt-text

12 Alternativ design Startsida Vi har gjort ett annat förslag på design fast med samma länkar och funktioner som det tidigare förslaget. Den vågformade menyn kan förknippas med vågorna i skärgården. Det som skiljer den här sidan från den andra startsidan är att den här saknar ett bildspel i flash på startsidan. Det är inte nödvändigt att ha med eftersom det finns ett bildgalleri redan. Istället har vi lagt en kort informativ text om vad Öckerö Resort är och vad man kan få ut av hemsidan. Detta förslag ger ett mjukare, mer orginellt utseende som kan uppfattas mindre strikt och mer personligt. Här har vi tänkt att det ska vara olika bakgrundsbilder för vare länk i menyn för att få variation och personlighet till varje sida. Det viktiga är att alla bakgrundsbilder ska övergå i en enfärgad mindre mönstrad del i nederde delen av bilden.

13 Det här är exempel på en annan bakgrundsbild som kan användas till en av sidorna i detta designförslag. Det här var de två förslag på design vi hade till er och ni kan välja efter egen smak. Ni kan få samma upplägg och funktionalitet.