Masáže Pepa

Shrnutí pro zájemce o web

Masáže Pepa z Hradce Králové nejsou jen masáže. Studio nabízí masáže, kurzy, kosmetické služby i epilaci, a starý web to všechno tlačil do jedné dlouhé stránky. Rezervace navíc běžely přes cizí platformu, takže zákazník opouštěl web ve chvíli, kdy se rozhodl.

Nový web je jasně rozdělený. Úvodní stránka pošle návštěvníka do správné sekce, každá skupina služeb má vlastní stránku, rezervace se dělají přímo na webu a kurzy se objednávají jedním formulářem. A pro lidi, kteří ani nevědí, co hledat, je tu mapa těla „Kde vás to bolí?“: kliknete na bolavé místo a web vám ukáže, co vám může pomoct.

Pro studio to znamená, že zákazníci neodcházejí k cizí službě, rezervace odpovídají tomu, jak studio skutečně pracuje, a nový kurz nebo službu lze přidat bez přestavby.

Jedno studio, několik oborů

Web je postavený kolem čtyř okruhů: masáže, kurzy, krása a epilace. První verze nabídku roztřídila právě takhle, s rozcestníkem na úvodní stránce a samostatnou stránkou pro každou kategorii, a to v základním responzivním layoutu. Na tomhle základu stojí všechno ostatní.

Rozcestník řeší prostý problém: lidé, kteří hledají masáž, nechtějí číst o kurzech, a lidé, kteří chtějí kurz, nechtějí procházet ceník epilace.

Rezervační systém na míru

Rezervace jsem nepřizpůsoboval z obecné aplikace, postavil jsem je pro provoz tohoto studia. Řídí se tím, jak studio opravdu pracuje, ne tím, jak si provoz představuje autor hotového produktu. Rozdíl je znát při každodenní práci: systém nenutí studio měnit zvyklosti, jen je převede na web.

Mapa „Kde vás to bolí?“

Interaktivní mapa těla je součástí webu jako nástroj pro nerozhodnuté. Návštěvník ukáže místo, které ho trápí, a nemusí procházet celý seznam služeb. Z toho, co jsem měl na starosti, je to nejviditelnější prvek, protože mění web z katalogu na pomoc při rozhodování.

Objednávka kurzů

Formulář na kurzy vychází z dřívějšího formuláře žádosti o půjčku, který jsem přestavěl na míru tomuto studiu. Pravidla jsou jednoduchá:

objednává se vždy jeden kurz, k dispozici je jich sedm,
termín určuje lektor,
zákazník potvrzuje dva povinné souhlasy: s obchodními podmínkami (jejich plné znění je přímo ve formuláři) a s poučením o právu odstoupit.

Technický rozbor

Stack: Next.js na straně webu, PHP a PHPMailer na straně odesílání e-mailů.

E-maily z objednávek. Tady jsem narazil na typickou hostingovou realitu: SMTP server poskytovatele nebyl z hostingu dostupný. Místo zdlouhavého ladění jsem PHPMailer přepnul do režimu isMail(), takže e-maily s objednávkou odcházejí přes funkci mail() hostingu. Je to jednodušší a pro tenhle provoz stačí. Cenou je, že doručitelnost závisí na tom, jak má hosting nastavenou odesílací doménu, a stojí za to ji hlídat.

Právní stránka formuláře. Plné znění obchodních podmínek přímo ve formuláři a dva oddělené povinné souhlasy nejsou kosmetika. Zákazník vidí, s čím souhlasí, a studio má doklad, že se tak stalo.

Přestavba formuláře. Základ z formuláře pro žádost o půjčku se osvědčil proto, že už řešil validaci, kroky a potvrzení. Šlo o to ho očistit od finanční logiky a nahradit pravidly kurzů.

Čísla

4 sekce služeb se samostatnými stránkami
7 kurzů k výběru ve formuláři
1 interaktivní mapa těla