Návrh prezentačného webu rodinnej stomatologickej kliniky s dvoma pobočkami v Prahe, s dôrazom na prémiový vizuál, intuitívnu navigáciu pre dve odlišné skupiny pacientov a bezproblémové prepojenie s edukačným centrom SKUSTO.
Cliniq je česká rodinná stomatologická klinika vedená manželmi MDDr. Denisou a MDDr. Jakubom Studeným, zubármi a rodičmi troch detí. Klinika kombinuje špičkovú medicínsku starostlivosť, vlastný anesteziologický tím a hravý prístup k deťom, vďaka čomu si za roky pôsobenia vybudovala základňu viac ako 12 000 spokojných pacientov. Ich brand existoval vo forme tlačových materiálov a interiérového dizajnu - web im však dlho chýbal.
Zadanie bolo jasné: vytvoriť web, ktorý odráža prémiovosť a priateľskú atmosféru kliniky, zrozumiteľne kategorizuje služby pre dospelých aj deti, a zároveň viditeľne predstavuje edukačný program SKUSTO ako svojbytnú, ale brandovo prepojenú entitu.
Na úvodnom meetingu sme si vyjasnili hlavné USP kliniky, value proposition a to, ako chceme kategorizovať a prezentovať služby. Klient priniesol moodboard s odkazmi na estetický smer, ktorým sa chceli vydať pri tvorbe webu. Výstupom bol odsúhlasený rozsah webu a jasné priority. Čo musí byť viditeľné na prvý pohľad a čo môže byť skryté hlbšie v štruktúre.
Pred samotným návrhom som sa pozrela, ako sa návštevníci na existujúcom webe skutočne správajú. Prostredníctvom Hotjaru som analyzovala heatmapy a záznamy obrazoviek. Dáta z Google Analytics 4 doplnili kvantitatívny obraz: sledovala som metriky ako počet používateľov, priemerná dĺžka relácie či miera zapojenia naprieč kľúčovými stránkami. Výstupom bol zoznam konkrétnych UX problémov s navrhnutými riešeniami, od umiestnenia CTA, cez navigáciu na mobile, až po formulárový flow objednávania.
Na základe kickoffu som vypracovala rozsiahlu site mapu s typologickým rozdelením komponentov. Označili sme, kde sa komponenty opakujú naprieč stránkami, overili sme, že všetok obsah má svoje miesto, a nastavili sme logiku prepojenia medzi hlavným webom Cliniq a edukačným centrom SKUSTO tak, aby návštevník vždy vedel, kde sa nachádza, ale nikdy nemal pocit, že opustil brand.
Wireframovanie pomohlo odladiť, kde bude potrebný väčší priestor pre text (certifikáty, životopisy lekárov), kde bude video, kde nastúpi CTA a kde je nutné zarátať recenzie pacientov ako kľúčový konverzný prvok. Každú stránku sme prešli z pohľadu toku - od prvého dojmu až po objednanie.
Z brand manuálu kliniky som vydefinovala základné prvky design systému - farebnú paletu, typografiu a CTA. Cliniq disponuje bohatou farebnou škálou, ktorá sa prelínala ilustráciami, ikonami aj bannermi na sociálnych médiach. Kľúčovou výzvou bolo tieto farby zaviesť do UI zmysluplne tak, aby plnili kontrastné štandardy, nepôsobili chaoticky a zároveň zachovávali hravosť, ktorá kliniku odlišuje. Na tomto základe vznikli zdieľané komponenty: navbar, footer, hero sekcia, CTA blok a karty lekárov.
Prémiový vizuál
Web musel pôsobiť prémiovo, ale nie chladne. Každý vizuálny rozhodnutie balansovalo medzi luxusnou estetikou a ľudskou blízkosťou.
Dve skupiny pacientov
Dospelí pacienti a rodiny s deťmi majú odlišné potreby. Navigácia, tonalita textu aj kategorizácia služieb museli byť intuitívne pre oba segmenty.
Prepojenie Cliniq & SKUSTO
SKUSTO musí mať vlastný web, no vizuálne aj navigačne zostávať súčasťou sveta Cliniq.
Cliniq má web, ktorý prvýkrát plnohodnotne reprezentuje to, čím klinika skutočne je: prémiové, rodinné, ľudské miesto, kde sa zubára báť netreba.
Jasná kategorizácia služieb, viditeľný tím lekárov s certifikátmi a prehľad oboch pobočiek vedú každého návštevníka, či hľadá ortodonciu pre seba alebo prvú návštevu pre dvojročné dieťa, priamo k objednaniu.
SKUSTO je integrované ako prirodzená súčasť webu: dostupné z hlavnej navigácie, prezentované na domovskej stránke a zároveň vizuálne odlíšené ako vlastný zážitok. Výstupom je zdokumentovaný design systém, ktorý drží konzistenciu naprieč oboma webmi a umožňuje klinike rásť bez straty identity.
