Prejsť na obsah
Klientská zákazkaWebZdravotníctvoPred spustením

Alma Medical: web kliniky s vlastnou správou a online rezerváciou

Web brnianskej kliniky plastickej chirurgie, dermatológie a neurostimulácie. Zákroky, lekárov a cenník si klinika spravuje sama, na vyšetrenie znamienok sa pacient objedná online. Web je hotový a čaká na spustenie.

KlientAlma Medical, Brno
RolaNávrh podľa manuálu značky, vývoj
StavPred spustením
Alma Medical – úvodná strana webu
Zadanie

Cenník, ktorý nesmie čakať na vývojára

Klinika ponúka desiatky zákrokov, každý s vlastnou cenou a lekárom, ktorý ho vykonáva. Ceny sa menia, lekári prichádzajú a odchádzajú, texty sa dolaďujú. Web, kde je toto zadrôtované v kóde, zastará počas mesiaca.

Zadanie preto neznelo len postaviť web, ale postaviť ho tak, aby si ho klinika udržala sama. Počas vývoja dostala klinika nový názov Alma Medical a manuál značky a k webu pribudlo online objednávanie na vyšetrenie znamienok.

Čo sme dodali

Šesť častí, ktoré web držia aktuálny

Štruktúra pre zákroky

Kategórie, jednotlivé zákroky a ich detaily. Pacient nájde výkon podľa oblasti aj podľa názvu, nie podľa interného členenia kliniky.

Profily lekárov

Vzdelanie, zameranie a zákroky, ktoré lekár vykonáva. Z detailu zákroku vedie odkaz na lekára a späť.

Cenník po kategóriách

Cenové kategórie a položky spravuje klinika sama. Zmena ceny je úprava v administrácii, nie úloha pre vývojára.

Obsah v Keystaticu

Texty, obrázky, FAQ, referencie aj SEO popisy. Editori sa pozývajú e-mailom a nepotrebujú účet na GitHube.

Online rezervácia

Objednanie na vyšetrenie znamienok v troch krokoch. Voľné termíny berie web z Google Kalendára kliniky, potvrdenie aj pripomienku posiela e-mailom.

Rýchlosť ako zadanie

Stránky sa generujú dopredu, obrázky sa optimalizujú pri builde a klientského JavaScriptu je minimum.

Funkcia po funkcii

Čo web vie, obrazovka po obrazovke

Dve obrazovky vidí pacient, dve klinika v administrácii.

Online rezervácia na vyšetrenie znamienok

Pacient vyberie deň a čas, vyplní údaje a je objednaný. Voľné termíny web počíta z Google Kalendára kliniky: ponúka len časy v oknách vyhradených pre web, po 20 minútach, a každá iná udalosť, napríklad dovolenka, čas zablokuje. Pred zápisom web znova overí, že je termín voľný, takže dvaja pacienti nedostanú rovnaký čas. Potvrdenie príde e-mailom s odkazom na zrušenie, deň vopred pripomienka.

Alma Medical – výber termínu online rezervácie
Výber termínu s ukážkovými voľnými časmi

Detail zákroku

Anestézia, režim, rekonvalescencia a orientačná cena hneď pod názvom. Vedľa je cesta ku konzultácii a telefón, pretože pri väčšine zákrokov začína rozhodnutie rozhovorom s lekárom.

Alma Medical – detail zákroku blefaroplastika
Detail zákroku: základné údaje, cena a cesta ku konzultácii

Cenník v administrácii

Položky cenníka má klinika v Keystaticu ako prehľadnú tabuľku. Cena môže byť číslo aj text, napríklad „individuálne“ alebo „na poisťovňu“. Zmena sa na webe prejaví po krátkom builde.

Alma Medical – položky cenníka v Keystaticu
Položky cenníka v Keystaticu

Úprava zákroku

Každý zákrok má pevné polia: názov, kategóriu, fotografiu a údaje o anestézii či rekonvalescencii. Voliteľne fotky pred a po, z ktorých sa na webe zloží posuvník. Editor vypĺňa obsah, vzhľad stránky rozbiť nemôže.

Alma Medical – úprava zákroku v Keystaticu
Úprava zákroku v Keystaticu
Správa obsahu

Administrácia bez účtu na GitHube

Obsah je verzovaný v repozitári, ale editor o tom nemusí vedieť. Keystatic Cloud pošle pozvánku e-mailom a klinika edituje vo webovom rozhraní: kategórie, zákroky, lekárov, cenové položky, FAQ, referencie, články a SEO popisy.

Po uložení prebehne krátky build a zmena je vonku. Layout a dizajn zostávajú v kóde, takže sa web úpravou obsahu nerozsype.

Priebeh

Štyri etapy, každá s výstupom

Zadanie a štruktúra

Prešli sme, čo pacient potrebuje nájsť pred konzultáciou. Z toho vznikla štruktúra zákrokov, lekárov a cenníka.

Návrh a nová značka

Web vznikol podľa dodaného prototypu. Keď klinika dostala nový názov a manuál značky, previedli sme naň farby, typografiu aj komponenty celého webu.

Vývoj, obsah a rezervácie

Astro so statickými stránkami, schéma CMS podľa reálneho obsahu a online objednávanie napojené na kalendár kliniky.

Odovzdanie administrácie

Klinika dostala prístup do Keystatic Cloudu. Pozývame editorov e-mailom, zmena sa prejaví po krátkom builde.

Prečo takto

Dve rozhodnutia, ktoré web udržia aktuálny

Obsah pod správou kliniky

Zákroky, lekári a cenník nie sú v kóde, ale v administrácii s pevnou schémou. Klinika mení ceny sama a editor pritom nemôže rozbiť vzhľad stránky. Cenou je krátky build po každej úprave.

Rezervácie v kalendári, ktorý klinika už používa

Rezervácie nemajú vlastnú databázu. Web z Google Kalendára kliniky číta voľné okná a zapisuje doň nové návštevy, takže recepcia vidí všetko na jednom mieste a dovolenka zablokuje termíny aj na webe. Online sa objednáva len vyšetrenie znamienok, ostatné zákroky začínajú konzultáciou s lekárom.

Technológie

Statický web, obsah v cloude

Stránky sa generujú dopredu, serverová časť obsluhuje len administráciu a rezervácie.

Web a administrácia
Astro 6TypeScriptKeystatic CloudReact islandsastro:assetsVercel
Online rezervácia
Google Calendar APIResendVercel Cron
Rozsah

Rozsah riešenia

14Typov obsahu v správe
3Kroky online rezervácie
KeystaticSpráva obsahu, do ktorej klinika pozýva editorov

Riešite niečo podobné?

Napíšte nám, čo dnes meníte cez vývojára. Ozveme sa do dvoch pracovných dní.

Ďalšie projekty

Čo sme robili ďalej

Všetky projekty →