Ukážka webu salónu Glow Studio: rezervácie a cenník

Demo · Kaderníctvo a kozmetika

Prejdeme demo kaderníctva a kozmetiky Glow Studio: cenník, tím, galéria, rezervácia termínu, recenzie a poukazy. Čo každá časť robí a prečo.

Glow Studio je fiktívne kaderníctvo a kozmetický salón v Košiciach, na ktorom ukazujem, ako staviam web pre salóny. Nejde o šablónu na vyplnenie, ale o ukážku toho, ako má web viesť klientku od prvého pohľadu po rezervovaný termín. V tejto realizácii prechádzam demo sekciu po sekcii: čo ktorá časť robí, prečo je na svojom mieste, ako funguje rezervácia a čo je pod kapotou (mobil, rýchlosť, prístupnosť a SEO). Ak hľadáte všeobecný návod, čo má obsahovať web salónu vrátane právnych povinností, prečítajte si môj podrobný článok, na ktorý odkazujem nižšie.

Pre koho je demo a čo má dokázať

Web salónu má jednu hlavnú úlohu: zmeniť návštevu na rezerváciu. Klientka prichádza najčastejšie z mobilu, z Google Máp alebo z Instagramu a za pár sekúnd sa rozhoduje, či ostane. Demo som preto postavil okolo troch otázok, ktoré si klientka kladie vždy v rovnakom poradí: čo tu robia a koľko to stojí, kto mi to urobí a či mi to pôjde, a kedy môžem prísť. Každá sekcia odpovedá na jednu z nich a každá končí cestou k rezervácii.

Súvisí: Návod: čo musí obsahovať web pre kaderníctvo a kozmetický salón

Prehľad sekcií: čo ktorá časť rieši

Poradie sekcií kopíruje rozhodovanie klientky. Najprv istota, že je na správnom mieste, potom ponuka a ceny, ľudia a ich práca, dôkaz od iných klientok a nakoniec praktické informácie a rezervácia.

Cenník: ceny, ktoré nevyvolávajú ďalšie otázky

Cenník je v deme rozdelený na kategórie, aby klientka nemusela prechádzať dlhý zoznam. Pri službách, ktorých cena závisí od dĺžky a hustoty vlasov alebo od náročnosti, je uvedená cena od a vysvetlenie, od čoho výsledná cena závisí. Pri každej službe je aj orientačná dĺžka trvania, aby klientka vedela, koľko času si má vyhradiť. Cenník je napísaný ako text na stránke, nie ako obrázok, takže ho prečíta Google, čítačka obrazovky aj mobil bez približovania.

• Kategórie služieb namiesto jedného dlhého zoznamu.
• Cena alebo cena od, s vysvetlením, čo ju ovplyvňuje.
• Orientačná dĺžka trvania pri službe.
• Z cenníka sa dá pokračovať priamo k rezervácii.

Rezervácia termínu krok za krokom

Rezervácia je hlavný cieľ celého webu, preto sa na ňu dá dostať z úvodnej časti, z cenníka aj z menu. Formulár ide v poradí, v akom klientka rozmýšľa: najprv služba, potom špecialistka, dátum a čas a až nakoniec kontaktné údaje. Kalendár nedovolí vybrať dátum v minulosti ani deň, keď je salón zatvorený. Formulár kontroluje vyplnenie priamo pri poliach a zrozumiteľne napíše, čo treba opraviť. Súčasťou je nepredvyplnený súhlas so spracovaním osobných údajov. Po odoslaní klientka vidí zhrnutie: služba, dátum a čas a e-mail, na ktorý príde potvrdenie.

• Služba: zoznam rovnaký ako v cenníku, aby sa klientka nemusela orientovať dvakrát.
• Špecialistka: výber z tímu, pri ostrom webe aj možnosť „ktokoľvek voľný“.
• Dátum a čas: len dni a hodiny, keď salón pracuje.
• Kontakt: meno, telefón a e-mail so správnym typom klávesnice na mobile, poznámka je nepovinná.
• Potvrdenie: prehľadné zhrnutie rezervácie a možnosť vytvoriť novú.

Ako rezervácia funguje pri ostrom salóne

V deme rezervácia odošle dopyt, ktorý salón potvrdí. Pri ostrom webe volím podľa veľkosti salónu. Pre menší salón stačí formulár, ktorý pošle rezerváciu e-mailom recepcii. Väčším salónom napojím rezervačný systém s kalendárom v reálnom čase, automatickými pripomienkami, prípadne zálohami pri dlhých službách. Skripty rezervačného systému sa načítajú až vtedy, keď ich klientka potrebuje, aby nespomalili celú stránku. Odkaz na rezerváciu potom pridám aj do profilu firmy na Google a na Instagram, aby všetky cesty viedli na rovnaké miesto.

Súvisí: Web pre salón: čo obsahuje a ako prebieha tvorba

Tím, galéria a recenzie: dôvera pred prvou návštevou

Nová klientka sa najviac bojí, že výsledok nebude podľa jej predstáv. Tieto tri sekcie to riešia spolu. Tím ukazuje konkrétnych ľudí a ich zameranie, galéria ukazuje ich prácu a recenzie potvrdzujú skúsenosť iných klientok. Pri ostrom webe používam vlastné fotky salónu a fotky klientok zverejňujem len s ich súhlasom. Recenzie preberám zo skutočných hodnotení, s odkazom, kde môže klientka pridať vlastné.

Praktické informácie: hodiny, mapa, kontakt a poukazy

Otváracie hodiny sú na webe dvakrát: dnešné hneď v úvode a celý týždeň pri kontakte. Telefón aj e-mail sú klikateľné, adresa má odkaz na navigáciu a opis, kde zaparkovať. Darčekové poukazy majú vlastnú sekciu s ponukou a podmienkami uplatnenia, pretože pred sviatkami patria medzi najčastejšie dôvody, prečo ľudia web salónu otvoria.

Mobil, prístupnosť a dočasné stavy

Demo navrhujem najprv pre mobil, kde je väčšina návštev salónov, a až potom ho rozširujem pre tablet a počítač. Kontrolujem, že stránka nemá vodorovný posun ani pri šírke 360 pixelov, tlačidlá sú dosť veľké na palec a texty majú dostatočný kontrast. Celý web sa dá ovládať klávesnicou, formulárové polia majú popisky a obrázky popisy. Animácie pri posúvaní stránky a otváracie prvky majú poistku, ktorá obsah vždy zobrazí, a pri zapnutom obmedzení pohybu v systéme sa animácie vypnú.

Rýchlosť: fotky, ktoré nespomaľujú

Salón predáva fotkami, a práve fotky najčastejšie spomaľujú web. V deme sú fotky vo formáte WebP v niekoľkých veľkostiach pre mobil aj počítač, s presnou šírkou a výškou, aby stránka pri načítaní neposkakovala. Hlavná fotka v úvode sa načíta prioritne, ostatné až pri posune stránky. Mapy, rezervačné widgety a vložený obsah sociálnych sietí sa pri ostrom webe načítavajú až po kliknutí alebo po súhlase s cookies.

Súvisí: Ako zrýchliť pomalú webstránku

SEO nastavenie dema a ostrého webu

Demo má vlastný titulok a popis pre vyhľadávače a štruktúrované dáta FAQPage pre časté otázky. Ako ukážka je zámerne označené ako noindex, aby nekonkurovalo skutočným salónom ani mojim stránkam o tvorbe webov. Existujú aj mestské varianty dema (napríklad pre Košice či Prešov), ktoré ukazujú, ako sa web prispôsobí lokalite. Pri ostrom salóne potom nastavujem titulok so službou a mestom, samostatné podstránky pre hlavné služby, štruktúrované dáta typu HairSalon, BeautySalon alebo NailSalon s adresou a otváracími hodinami, mapu webu a prepojenie s profilom firmy na Google.

Súvisí: Lokálne SEO pre živnostníka · Google Business Profile: návod

Čo doplním pri ostrom webe salónu

Demo ukazuje, čo klientka vidí. Pri ostrom webe k tomu pridávam to, čo vidí salón a čo vyžaduje zákon.

• Vlastné fotky salónu a tímu, skutočný cenník a otváracie hodiny.
• Napojenie rezervácie na e-mail alebo na rezervačný systém s pripomienkami.
• Zásady ochrany osobných údajov, cookie lištu so skutočnou voľbou a údaje o prevádzkovateľovi.
• Pri online predaji poukazov obchodné podmienky a funkciu na odstúpenie od zmluvy.
• Meranie návštevnosti a rezervácií po súhlase s cookies.
• Odkaz na rezerváciu v profile firmy na Google a na Instagrame.

Súvisí: Podrobný návod pre web salónu vrátane právnych povinností

Výsledky / čo dostanete

• Cenník po kategóriách s dĺžkou trvania
• Rezervácia: služba, špecialistka, dátum a čas
• Tím, galéria prác a recenzie
• Otváracie hodiny, mapa a kontakt na jedno ťuknutie
• Darčekové poukazy
• Mobil, rýchle fotky a štruktúrované dáta

Lokálne SEO (geo)

Lokalita: Košice · Košický kraj (ukážka). Web optimalizujeme na frázy, ktoré ľudia reálne hľadajú v okolí, nie na prázdne „komplexné riešenia“.

• web pre kaderníctvo Košice
• web pre kozmetický salón
• online rezervácia salón
• ukážka webu salónu

Časté otázky

SEO riešim cez analyzing.sk a rýchlosť webu cez rychlostwebu.sk, moje vlastné nástroje na maximálny výkon a konkurencieschopnosť. Otestujte si nový aj starý web zadarmo.

Nenašli ste odpoveď?

Prejdite všetky návody na jednom mieste, alebo sa opýtajte poradcu. Vysvetlí to zrozumiteľne.

Prejsť na návody