Booking-kalenterin rakenne

Kolme eri lähestymistapaa siihen, miten asiakas löytää sopivan ajan

◀Kesäkuu 2026▶
Ma
Ti
Ke
To
Pe
La
Su
4
5
7
8
9
Saatavilla 5. kesäkuuta:
● Hieronta 60min ● Jooga
09:00 · 10:00 · 11:30 · 14:00 ···

A — Kalenteri edellä

Kuukausikalenteri on pääelementti. Päivissä näkyvät väripisteet kertovat mitä palveluita on tarjolla. Klikkaa päivää → näe kaikki saatavilla olevat palvelut ja ajat siltä päivältä.

✓ Näyttää tilanteen yhdellä silmäyksellä
✓ Toimii kun palvelu ei ole ennalta tiedossa
✗ Enemmän työtä — palvelu valitaan vasta ajan jälkeen

VALITSE PALVELU
SEURAAVAT VAPAAT AJAT
Ma 8.6.
09:00 11:00 14:30
Ti 9.6.
10:00 13:00
To 11.6.
09:00 15:00
+ Näytä lisää päiviä / valitse itse päivä

B — Palvelu + seuraavat vapaat ajat

Valitaan ensin palvelu. Sen jälkeen näytetään automaattisesti seuraavat 3–5 päivää joilla on vapaita aikoja — ei tarvitse arvata milloin kannattaa katsoa. Klikkaa aikaa → suoraan varauslomakkeelle.

✓ Nopea kun tietää mitä haluaa
✓ Ei "tyhjä kalenteri" -ongelmaa
✗ Ei näytä muiden palveluiden saatavuutta

Ma
9.6.
Ti
10.6.
Ke
11.6.
To
12.6.
Pe
13.6.
09:00
Hieronta
Jooga
Hieronta
10:00
Hieronta
Jooga
Hieronta
11:00
Hieronta
Jooga
Hieronta
13:00
Varattu
Hieronta
Jooga
Hieronta Jooga Varattu

C — Viikkonäkymä (grid)

Taulukko jossa rivit ovat kellonajat ja sarakkeet ovat päivät. Jokainen solu näyttää mitä palvelua on tarjolla sillä hetkellä. Klikkaa solua → varaa se aika.

✓ Näyttää kaiken yhdellä näkymällä
✓ Helppo vertailla eri päiviä
✗ Monimutkaisempi toteuttaa, mobiilissa haastava

Voi myös yhdistää lähestymistapoja — esim. A+B: kuukausikalenteri päänäkymänä, ja kun klikkaatpalvelun, näet seuraavat vapaat ajat listana.