Ugrás a tartalomra

02Prémium szolgáltató · egészségügy

Lumina Dental & Aesthetic

Bizalomépítés és online időpontfoglalás.

lumina-demo.csucsi-design.hu
Lumina Dental & Aesthetic főoldal, asztali nézet

Áttekintés

Ügyfél (fiktív)
Lumina Dental & Aesthetic Klinika Kft. (fiktív)
Ágazat
Fogászati és esztétikai klinika, Nyíregyháza
Technológia
Next.js · React · TypeScript · Tailwind · Motion
Oldalak
Főoldal · Kezelések · 6 kezelés-aloldal · Szakembereink · 4 szakember-profil · A klinika · Gyakori kérdések · Kapcsolat · Időpontfoglalás · Impresszum · Adatkezelés · 404

Cél

Bizalomépítés a fogorvosi félelemmel küzdő pácienseknél, és az időpontfoglalás egyszerűsítése – telefonálás nélkül, mobilról is két perc alatt.

Probléma

A magánklinikák weboldalai gyakran hidegek és túlzsúfoltak: kék-fehér orvosi sablon, szolgáltatáslista árak és emberek nélkül, a foglalás pedig egy „hívjon minket” gomb. Pont a bizonytalan, félő páciens nem kap választ a kérdéseire.

Megoldás

Nyugodt, meleg elefántcsont-fenyőzöld paletta, ív alakú képmaszkok, sok levegő. A tartalom az első látogatás kérdéseire válaszol: mennyi ideig tart, fáj-e, mennyibe kerül, ki csinálja. A foglalás valódi folyamat: kezelés → szakember → naptár → időpont → adatok → összegzés → visszaigazolás, a szakemberek elérhetőségéhez igazodó naptárral.

Vizuális rendszer

Színek, betűk, UI-elemek.

Fény és nyugalom: elefántcsont alap, mély fenyőzöld, halvány homok és agyag. Serif tipográfia dőlt hangsúlyokkal – inkább magazin, mint kórház.

Elefántcsont

#FAF8F4

háttér

Fenyő

#2E4B41

akcent, CTA, footer

Homok

#E4DACB

másodlagos felületek

Agyag

#C89B84

finom kiemelés

Fraunces

címek – serif, dőlt hangsúlyokkal

Mosoly, amely Önhöz illik.

Manrope

szövegtörzs, gombok

Előbb meghallgatjuk, aztán kezelünk.

Fontos UI-elemek

01

Pill (teljesen lekerekített) gombok

02

Ív alakú képmaszkok portrékhoz

03

Lágy árnyékú, fehér kártyák

04

Lépésjelzős foglalási folyamat

Gombminta:Elsődleges CTAMásodlagos

Mobil

Mobilra tervezve, nem összenyomva.

Külön megtervezett navigáció, érintési felületek, űrlapok és kártyák 320 pixeltől. A képernyőképek az élő oldalról készültek, iPhone-méretű nézetben.

  • Időpontfoglalás 6 lépésben, naptárral, időpont-rácsokkal, összegzéssel
  • Szakemberprofilok végzettséggel, szakterületekkel
  • 6 kezelés-aloldal folyamatleírással, GYIK-kel
  • Editorial hero ív alakú képmaszkkal
  • Strukturált adatok: klinika, orvosok, GYIK
  • Kapcsolati űrlap, rendelési idő, megközelítés
Lumina Dental & Aesthetic főoldal, mobil

Főoldal

Lumina Dental & Aesthetic – Időpontfoglalás, mobil

Időpontfoglalás

Desktop

A főoldal teljes felépítése.

Megnyitás új lapon
lumina-demo.csucsi-design.hu
Lumina Dental & Aesthetic főoldal, teljes hosszúságú asztali nézet

Eredmény

Mit ér el ez a koncepció?

A koncepció célja, hogy a foglalás ne telefonhívást, hanem két perc kattintást jelentsen, és a klinika már az első képernyőn „emberi” legyen. Demo projekt, a klinika és a szakemberek fiktívek – üzleti eredményeket nem tulajdonítunk neki.