Лендинг для офтальмохирурга
Офтальмохирургу Веронике Алборовой, которая принимает в двух клиниках Москвы, нужен был персональный сайт: представить опыт и квалификацию, понятно рассказать о лазерной коррекции зрения и хирургии катаракты, объяснить путь от консультации до восстановления и дать пациенту удобный способ связаться с врачом.
Лендинг с направлениями хирургии, фотографиями врача за работой, профессиональным путём и сканами сертификатов. Добавил этапы лечения, ответы на частые вопросы, контакты двух клиник и форму заявки с отправкой на почту. Оформил сайт в спокойной палитре и подготовил техническую основу для поискового продвижения.
На одной странице пациент может познакомиться с врачом, изучить методы операций и документы о квалификации, узнать, как проходит лечение, и оставить имя и телефон для обратного звонка. Контакты клиник и прямые способы связи доступны здесь же.
Структура, которая помогает решиться на консультацию
Пациент последовательно знакомится с врачом и находит информацию для записи.
Первый экран со специализацией и кнопкой записи, факты о практике, направления операций, информация о враче, фотографии диагностики и хирургии, образование и опыт, этапы лечения, клиники, документы о квалификации, ответы на вопросы, контакты и форма — на одной странице.
Направления хирургии с подробностями
Можно сравнить направления, а затем прочитать подробности нужной операции.
Четыре карточки: Femto-LASIK, SmartSight, хирургия катаракты и рефракционная замена хрусталика. Краткое описание видно сразу, подробности раскрываются по нажатию. Для операций на хрусталике перечислены варианты интраокулярных линз.
Доверие через опыт, документы и фотографии
Квалификацию врача можно изучить до консультации, а с обстановкой — познакомиться по фотографиям.
Хронология образования и работы, стажировки и достижения. Горизонтальная галерея с 13 сканами документов и подписями. Фотографии врача на диагностике и во время операций сопровождаются описанием оборудования.
Понятный путь лечения
Пациент заранее понимает последовательность лечения и знает, куда обратиться для записи.
Четыре этапа: консультация, специализированная диагностика, операция и наблюдение. Пять раскрывающихся ответов на частые вопросы. Карточки клиник «Поликлиника.ру» и «Медси» с телефонами для записи.
Заявка без лишних полей
Для обратного звонка достаточно оставить имя и телефон; при желании можно связаться напрямую.
Форма с маской телефона и отдельным согласием на обработку данных. Кнопки записи находятся в шапке, на первом экране и в блоке клиник. Сервер проверяет данные и отправляет письмо через SMTP Яндекса; форма показывает успех или ошибку. Скрытое поле-ловушка отсеивает часть автоматических отправок. Альтернативы: телефон, почта, Telegram и WhatsApp.
Отдельное согласие на обработку данных
Посетитель может прочитать условия до отправки, а врач получает сведения о согласии вместе с заявкой.
Политика и согласие размещены на отдельных страницах. Сервер проверяет отметку согласия и версию документа. В письмо включаются текст согласия, версия и время получения заявки.
Спокойный визуальный стиль
Крупные портреты и фотографии из практики помогают познакомиться с врачом, а спокойная палитра объединяет страницу.
Тёплый бежевый фон, тёмно-синий текст, золотые акценты и шалфейные оттенки. Cormorant Garamond в заголовках и Lora в основном тексте. Крупные портреты, карточки и фотографии из практики.
Техническое SEO и адаптивность
Поисковики получают сведения о специалисте и городе, а посетитель может изучить сайт с телефона и с клавиатуры.
Мета-теги со специализацией и Москвой, canonical, микроразметка Schema.org о специалисте, sitemap.xml, robots.txt и превью ссылки. Изображения через Next.js Image. Сетки перестраиваются на небольших экранах; есть мобильное меню, видимый фокус клавиатуры и поддержка настройки уменьшения анимации.
Next.js 16, React 19, TypeScript, CSS Modules, Nodemailer. Серверный API обрабатывает форму и отправляет заявки по почте без отдельной базы данных.