---
# System prepended metadata

title: Fiktiivisen ravintolan nettisivut

---

# Fiktiivisen ravintolan nettisivut
## Projekti osa 1
### Kohderyhmä
Ravintolan asiakkaita on tietysti kaiken ikäiset, mutta nettisivujen kohderyhmä on 20-50vuotiaat.
### Sisältö
-menu
-yhteystiedot
-aukioloajat
-tietoa ravintolasta/käytettävistä ruoka-aineista(teksti osuus)
-Ruoan tilaus takeaway, kotiinkuljetus ja paikanpäällä
### Linkit materiaaleihin
Suuri kuva: https://unsplash.com/photos/40OJLYVWeeM
Ikonit: https://www.flaticon.com/premium-icon/fast-delivery_5637217?term=delivery&page=1&position=5&page=1&position=5&related_id=5637217&origin=search
https://www.flaticon.com/free-icon/take-away_3081098?term=takeaway&page=1&position=2&page=1&position=2&related_id=3081098&origin=search
https://www.flaticon.com/premium-icon/diet_4300578?term=fork&page=1&position=28&page=1&position=28&related_id=4300578&origin=search

Lisäksi annoksille kuvat luultavasti unspalsh.com sivulta

## Projekti osa 2
### Sivuston kuvaus
Sivusto on tehty, jotta ravintolan arvo nousisi. Liiketoimintaa saadaan lisää näkyvyydellä ja nettisivulla, jolla ravintola voi tarjota lisäpalveluita(ruoan tilaus ja kotiinkuljetus) normaaliin liiketoimintaan, sekä kertoa heidän toiminnastaan ja palveluistaan. 

Sivuston käyttäjäryhmä on 20-50vuotiaat, nuoremmat käyttävät enemmän tilaus mahdollisuutta, kun taas vanhemmat hakevat, ehkä vain tietoa ravintolasta.

Hahmolakeja on hyödynnetty sivuston navigoinnissta. Navigointi tapahtuu painikkeilla, jotka näkyvät käyttäjälle suorakulmaisena "laatikolta", jossa on teksti, joka kuvaa mihin käyttäjä viedään sivustolla. Kaikki painikkeet ovat samanlaisia paitsi teksti. Tämä tuo yhtenäisyyttä sivuston käyttöön. Myös talo ikoni, on omaksuttu kotisivulle palaamista tai menemistä, joka löytyy tuttuun tapaan sivuston vasemmasta yläkulmasta.

### Vuokaavio

![](https://i.imgur.com/ZIvAX2M.png)
### Sivut 
Aloitussivu näkymä
![](https://i.imgur.com/W65jjBA.jpg)

Ruokalista näkymä
![](https://i.imgur.com/QRzr3y0.jpg)

Tilaa näkymä
![](https://i.imgur.com/nZcmOXC.jpg)

Yhteystiedot näkymä
![](https://i.imgur.com/xAefTxa.jpg)

Tietoa meistä näkymä
![](https://i.imgur.com/MH3ISSs.jpg)

Tilaa - Nouto/Paikan päällä näkymä
![](https://i.imgur.com/KZ3KKoJ.jpg)

Tilaa - Kotiinkuljetus näkymä
![](https://i.imgur.com/sn2aO9A.jpg)

