✔ З першого екрана запропонувати записатися на прийом
✔ Дати номер екстреної допомоги 24/7 тим, кому потрібно терміново
✔ Зрозуміло розповісти про послуги клініки — від лікування каналів до імплантів
✔ Познайомити з командою фахівців і відгуками пацієнтів
✔ Приймати заявки від нових пацієнтів за номером телефону
✔ Дати пацієнтові змогу увійти на сайт або зареєструватися
Стоматологічній клініці потрібен був багатосторінковий сайт англійською, який одразу веде до запису на прийом, допомагає пацієнтам у терміновій ситуації й докладно розповідає про послуги. У структурі — головна, послуги, блог із новинами й статтями, сторінка про клініку, контакти, а також вхід і реєстрація пацієнта.
Я зверстав усі сторінки в одній системі: світло-блакитні секції, білі картки, сині кнопки й ключові слова в заголовках, підкреслені хвилястою лінією. На головній зібрав запис на прийом, кнопку екстреної лінії, картки послуг, форму для нових пацієнтів, відеоблок, слайдери фахівців і відгуків та стрічку новин.
Результат — сайт, де кнопка запису є в шапці й у великих блоках головної, а на смартфоні сторінки перебудовуються в одну колонку з компактним меню.
Сайт, на якому записатися до стоматолога можна з першого екрана.
Кнопки «Book an appointment» і «Book Now» — у шапці й у великих блоках головної
Кнопка з номером «Dental 24H Emergency» поруч із записом — для тих, кому боляче вже зараз
Шість напрямів з іконками, описом і посиланням «Learn More» на окремій сторінці
Команда з фото, спеціалізацією й LinkedIn, відгуки пацієнтів з оцінкою в зірках
Login і Sign up: e-mail і пароль, «Remember Me», відновлення пароля, кнопка Google
Блоки в одну колонку, компактне меню й екстрений номер поруч із кнопкою
Кілька сторінок в одній системі: від першого екрана із записом до входу в акаунт пацієнта.
Сайт розв’язує кілька основних завдань:
Відповідь гарантовано протягом 24 годин.
Перша консультація безкоштовна й ні до чого не зобов’язує.
Сайт стоматології працює як адміністратор на рецепції: зустрічає, відповідає на запитання й записує на прийом. На прикладі багатосторінкового сайту для стоматологічної клініки розповідаю, які сторінки й функції я зібрав — від запису й екстреної лінії до слайдерів фахівців і входу пацієнта.
Замовник — стоматологічна клініка загального профілю: лікування каналів, естетична стоматологія, імпланти, відбілювання, профілактика й екстрена допомога. Клініці потрібен був багатосторінковий сайт англійською, який робить три речі: записує на прийом, допомагає пацієнтам у терміновій ситуації й докладно розповідає про послуги та команду.
Я зверстав сторінки сайту, зібрав інтерактивні блоки — форми, слайдери, відеоблок — і зробив адаптивну версію для смартфона. Усі сторінки витримано в одній системі: світло-блакитні секції, білі картки з м’якою тінню, сині кнопки й ключові слова в заголовках, підкреслені хвилястою лінією.
Сайт складається із семи сторінок, і в кожної своя роль:
Меню в шапці однакове на всіх сторінках. Праворуч на головній і в послугах — кнопка «Book Now» та аватар користувача, а на сторінці входу на їхньому місці посилання «Login» і «Sign up».
Перший екран починається із заголовка «Get Ready For Your Best Ever Dental Experience!» і короткої обіцянки щодо якості матеріалів. Під ним — дві дії: синя кнопка «Book an appointment» і кнопка з телефонною слухавкою та номером «Dental 24H Emergency». Пацієнт, який планує візит, записується, а той, у кого болить просто зараз, одразу бачить, куди дзвонити.
Нижче — картка з відгуком фахівця й значком LinkedIn, а праворуч — фото усміхненого стоматолога в обрамленні пунктирних орбіт з іконками зубів. Одразу за першим екраном — три картки головних послуг: лікування каналів, естетична стоматологія й імпланти. У кожної іконка, коротке пояснення й посилання «Learn More».
Блок «We’re Welcoming New Patients» звертається до тих, хто ще не був у клініці. У ньому форма з одним полем — номер телефону — і кнопкою «Submit»: залишити контакт можна просто на головній, не переходячи на сторінку контактів.
Далі — блок «Why Choose…» з фото фахівця за роботою й коротким списком причин вибрати клініку:
Під списком — знову «Book an appointment». Така сама кнопка стоїть у блоці «Leave Your Worries At The Door…» з великим фото усмішки: запис завжди перед очима. Завершує цю частину відеоблок — широкий кадр із кабінету з кнопкою відтворення й кнопкою «Watch Playlist».
Блок «Meet Our Specialists» — слайдер команди: фото лікаря, ім’я та спеціалізація на напівпрозорій плашці, значок LinkedIn у кутку картки. У команді ортодонт, ендодонтист, пародонтолог і дитячий стоматолог, а стрілки під слайдером гортають картки.
«Our Happy Clients» — другий слайдер, із відгуками пацієнтів: аватар, ім’я, оцінка в п’ять зірок і текст відгуку. Блок «News & Articles» виводить свіжі матеріали й кнопку «View All», яка веде до блогу.
Сторінка Services збирає всі напрями клініки в сітку із шести карток:
Картки влаштовано так само, як на головній: іконка в блакитному колі, заголовок, кілька рядків опису й «Learn More». Пацієнт швидко знаходить потрібне, а нові послуги додаються такою самою карткою.
Сторінку входу поділено на дві половини. Ліворуч — фото лікаря за роботою й цитата зі стрілками для перемикання. Праворуч — форма «Welcome Back»:
Реєстрація — окрема сторінка Sign up: на неї ведуть кнопка в шапці й посилання під формою входу.
На смартфоні сторінки перебудовуються в одну колонку. Шапка стискається до логотипа й квадратної кнопки меню. На першому екрані спочатку заголовок і текст, потім кнопка «Get Started» та екстрений номер в одному ряду, нижче — картка відгуку й фото стоматолога. Головне — запис і телефон — пацієнт бачить одразу, без прокручування.
Людина приходить на сайт стоматології з одним із двох настроїв: вона планує лікування й порівнює клініки — або в неї болить зуб і треба потрапити до лікаря сьогодні. Вдалий сайт клініки відповідає обом. Коли я роблю сайти для медичних центрів, спираюся на кілька правил:
Якщо вашій клініці потрібен сайт, який записує пацієнтів, я зроблю його під ключ: сторінки, форми запису, слайдери, вхід для пацієнтів і адаптивну верстку.
