F03: Sitemap/wireframe

Du ska göra en webbplats för ett hotell. Denna webbplats kommer du att jobba med i alla uppdrag.

Strax utanför staden där du bor har ett nytt hotell precis byggts: Bright Hotell. Byggnaden har en våning, en fin tomt och ligger precis vid vägen så att det är lätt att ta sig dit. Hotellet har en matsal där man serverar frukost, lunch och middag. Hotellet satsar på bra service till lågt pris. De som besöker hotellet är affärsmän på resa, helgbesökare och sommarturister. Hotellet har också konferenslokaler. Nu vill hotellet göra en webbplats och det är du som fått uppdraget!

Här är de generella krav för webbplatsen som du bör ha i åtanke:

• Webbplatsen ska innehålla minst fyra sidor (Start, Boka, Hitta, Kontakta) som är länkade till varandra i en horisontell meny.

• Den ska innehålla en presentation av hotellet och det ska vara möjligt boka rum (med ett formulär, som dock ej behöver fungera fullt ut). Webbplatsen ska även innehålla något annat – vad får du välja själv (t.ex. aktiviteter som hotellet erbjuder, sevärdheter i staden eller något liknande).

Här finns exempel på hur en sitemapp och wireframe kan se ut

Använd Google teckningar som du hittar i den Malmö Apps. Se bild till höger

I första uppdraget ska du göra en sitemapp och wireframes till fyra sidor: Start, Boka, Hitta, Kontakta. Självklart kan du ändra, lägga till och ta bort efterhand. Titta på befintliga hotellwebbplatser. Tänk på varför de har just de layouterna och innehållet som de har.

Dela filerna med din lärare.

Tips på program Skapa wireframe online (reg. krävs)

https://wireframe.cc/