✔ С первого экрана предложить записаться на приём
✔ Дать номер экстренной помощи 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» и экстренный номер в одном ряду, ниже — карточка отзыва и фото стоматолога. Главное — запись и телефон — пациент видит сразу, без прокрутки.
Человек приходит на сайт стоматологии с одним из двух настроений: он планирует лечение и сравнивает клиники — или у него болит зуб и нужно попасть к врачу сегодня. Хороший сайт клиники отвечает обоим. Когда я делаю сайты для медицинских центров, опираюсь на несколько правил:
Если вашей клинике нужен сайт, который записывает пациентов, — я сделаю его под ключ: страницы, формы записи, слайдеры, вход для пациентов и адаптивную вёрстку.
