Přejít k obsahu
Klientská zakázkaWebZdravotnictvíPřed spuštěním

Alma Medical: web kliniky s vlastní správou a online rezervací

Web brněnské kliniky plastické chirurgie, dermatologie a neurostimulace. Zákroky, lékaře a ceník si klinika spravuje sama, na vyšetření znamének se pacient objedná online. Web je hotový a čeká na spuštění.

KlientAlma Medical, Brno
RoleNávrh podle manuálu značky, vývoj
StavPřed spuštěním
Alma Medical – úvodní strana webu
Zadání

Ceník, který nesmí čekat na vývojáře

Klinika nabízí desítky zákroků, každý s vlastní cenou a lékařem, který ho provádí. Ceny se mění, lékaři přicházejí a odcházejí, texty se dolaďují. Web, kde je tohle zadrátované v kódu, zastará během měsíce.

Zadání proto neznělo jen postavit web, ale postavit ho tak, aby si ho klinika udržela sama. Během vývoje dostala klinika nový název Alma Medical a manuál značky a k webu přibylo online objednávání na vyšetření znamének.

Co jsme dodali

Šest částí, které web drží aktuální

Struktura pro zákroky

Kategorie, jednotlivé zákroky a jejich detaily. Pacient najde výkon podle oblasti i podle názvu, ne podle interního členění kliniky.

Profily lékařů

Vzdělání, zaměření a zákroky, které lékař provádí. Z detailu zákroku vede odkaz na lékaře a zpět.

Ceník po kategoriích

Cenové kategorie a položky spravuje klinika sama. Změna ceny je úprava v administraci, ne úkol pro vývojáře.

Obsah v Keystaticu

Texty, obrázky, FAQ, reference i SEO popisky. Editoři se zvou e-mailem a nepotřebují účet na GitHubu.

Online rezervace

Objednání na vyšetření znamének ve třech krocích. Volné termíny bere web z Google Kalendáře kliniky, potvrzení i připomínku posílá e-mailem.

Rychlost jako zadání

Stránky se generují dopředu, obrázky se optimalizují při buildu a klientského JavaScriptu je minimum.

Funkce po funkci

Co web umí, obrazovka po obrazovce

Dvě obrazovky vidí pacient, dvě klinika v administraci.

Online rezervace na vyšetření znamének

Pacient vybere den a čas, vyplní údaje a je objednaný. Volné termíny web počítá z Google Kalendáře kliniky: nabízí jen časy v oknech vyhrazených pro web, po 20 minutách, a každá jiná událost, třeba dovolená, čas zablokuje. Před zápisem web znovu ověří, že je termín volný, takže dva pacienti nedostanou stejný čas. Potvrzení přijde e-mailem s odkazem na zrušení, den předem připomínka.

Alma Medical – výběr termínu online rezervace
Výběr termínu s ukázkovými volnými časy

Detail zákroku

Anestezie, režim, rekonvalescence a orientační cena hned pod názvem. Vedle je cesta ke konzultaci a telefon, protože u většiny zákroků začíná rozhodnutí rozhovorem s lékařem.

Alma Medical – detail zákroku blefaroplastika
Detail zákroku: základní údaje, cena a cesta ke konzultaci

Ceník v administraci

Položky ceníku má klinika v Keystaticu jako přehlednou tabulku. Cena může být číslo i text, například „individuálně“ nebo „na pojišťovnu“. Změna se na webu projeví po krátkém buildu.

Alma Medical – položky ceníku v Keystaticu
Položky ceníku v Keystaticu

Úprava zákroku

Každý zákrok má pevná pole: název, kategorii, fotografii a údaje o anestezii či rekonvalescenci. Volitelně fotky před a po, ze kterých se na webu složí posuvník. Editor vyplňuje obsah, vzhled stránky rozbít nemůže.

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

Administrace bez účtu na GitHubu

Obsah je verzovaný v repozitáři, ale editor o tom nemusí vědět. Keystatic Cloud pošle pozvánku e-mailem a klinika edituje ve webovém rozhraní: kategorie, zákroky, lékaře, cenové položky, FAQ, reference, články a SEO popisky.

Po uložení proběhne krátký build a změna je venku. Layout a design zůstávají v kódu, takže se web úpravou obsahu nerozsype.

Průběh

Čtyři etapy, každá s výstupem

Zadání a struktura

Prošli jsme, co pacient potřebuje najít před konzultací. Z toho vznikla struktura zákroků, lékařů a ceníku.

Návrh a nová značka

Web vznikl podle dodaného prototypu. Když klinika dostala nový název a manuál značky, převedli jsme na něj barvy, typografii i komponenty celého webu.

Vývoj, obsah a rezervace

Astro se statickými stránkami, schéma CMS podle reálného obsahu a online objednávání napojené na kalendář kliniky.

Předání administrace

Klinika dostala přístup do Keystatic Cloudu. Zveme editory e-mailem, změna se projeví po krátkém buildu.

Proč takhle

Dvě rozhodnutí, která web udrží aktuální

Obsah pod správou kliniky

Zákroky, lékaři a ceník nejsou v kódu, ale v administraci s pevným schématem. Klinika mění ceny sama a editor přitom nemůže rozbít vzhled stránky. Cenou je krátký build po každé úpravě.

Rezervace v kalendáři, který klinika už používá

Rezervace nemají vlastní databázi. Web z Google Kalendáře kliniky čte volná okna a zapisuje do něj nové návštěvy, takže recepce vidí všechno na jednom místě a dovolená zablokuje termíny i na webu. Online se objednává jen vyšetření znamének, ostatní zákroky začínají konzultací s lékařem.

Technologie

Statický web, obsah v cloudu

Stránky se generují dopředu, serverová část obsluhuje jen administraci a rezervace.

Web a administrace
Astro 6TypeScriptKeystatic CloudReact islandsastro:assetsVercel
Online rezervace
Google Calendar APIResendVercel Cron
Rozsah

Rozsah řešení

14Typů obsahu ve správě
3Kroky online rezervace
KeystaticSpráva obsahu, do které klinika zve editory

Řešíte něco podobného?

Napište nám, co dnes měníte přes vývojáře. Ozveme se do dvou pracovních dnů.

Další projekty

Co jsme dělali dál

Všechny projekty →