Корпоративный сайт для офтальмологического центра «ТомоГрад» в Люберцах

Задачи проекта

Развернуть сайт нового филиала «ТомоГрад» в Люберцах на базе готового решения.
Настроить инфраструктуру и подключить ключевые модули (услуги, специалисты, запись).
Адаптировать контент под регион и передать готовый сайт заказчику.

Консультирование и планирование

Анализ конкурентов

Был проведён мониторинг поисковой выдачи по ключевым офтальмологическим запросам в московском регионе. В анализ вошли только реальные клиники — агрегаторы, маркетплейсы и справочники исключались.
Сравнение велось по методу Cetera: выявлены типовые функции (структура раздела услуг, карточки врачей, формы записи), блоки страниц, способы отображения цен и наличие онлайн-записи.

Сегментирование, таргетинг, позиционирование, путь клиента (Customer Journey)

Определены ключевые сегменты ЦА: пациенты с различными офтальмологическими проблемами, родители с детьми, пожилые пациенты.
Разделы сайта сопоставлены с группами пользователей: услуги и карта специалистов — основной путь, дополняемый формами записи и разделом «О центре».
Построены пользовательские сценарии со следующими этапами: определение потребности, выбор врача или услуги, заполнение формы и подтверждение записи.

Проектирование

Семантическое ядро

Собраны ключевые слова по направлениям офтальмологии, включая услуги, симптомы и специализации врачей. Ядро собрано с помощью Key Collector и вручную — с фокусом на региональные запросы и часто задаваемые вопросы. Уточнено и согласовано с заказчиком.

Карта сайта

Создана упрощённая карта сайта — за основу взята структура сайта другого филиала центра, доработанная под региональные особенности. Структура отражает реальные пользовательские цели.

Скриншот карты сайта из раздела «Карта сайта» на финальной версии проекта

Прототипы

Сайт создавался на базе готового шаблона WordPress. Разделы поэтапно добавлялись и редактировались прямо «вживую» — без промежуточных макетов или внешнего прототипирования. Материалы размещались сразу в шаблоне сайта — сначала черновая сборка, затем дополнение текстами, изображениями и настройками. Так можно было быстро отследить, как всё выглядит, и вовремя внести правки.

Основные разделы, заложенные в структуре сайта:

Главная страница
Каталог услуг
Карточка услуги
Страница специалиста
Онлайн-запись
Контакты
Блок «Вопрос-ответ»

Все страницы собирались последовательно прямо в CMS — наполнение и визуальная настройка велись по ходу реализации.

Пример интерфейса, собранного по прототипной структуре уже в процессе реализации: форма записи на приём

Дизайн

Оформление

Клиент предоставил готовые изображения для размещения на сайте. Баннеры были добавлены в разделы «Услуги» и «Акции» с учётом структуры шаблона.

Итерация 1

Визуальный баннер: «Комплексная диагностика зрения» (предоставлен клиентом, адаптирован под макеты проекта)

Итерация 2

Визуальный баннер: «Лазерная коррекция зрения» (предоставлен клиентом, размещён в шаблоне WordPress)

Дизайн и структура

Отдельные графические макеты не создавались — все страницы собирались напрямую в WordPress на базе готового шаблона.
Основные экраны реализованы прямо во время сборки:

Главная страница сайта

Карточка услуги

Страница услуги вёрстана вручную с учётом требований к структуре SEO.

Платформа

Операционная система — Linux Debian
Веб-серверы: Apache, nginx
База данных — MySQL
Языки программирования: PHP, JavaScript
Система управления: платформа WordPress

Разработка

Вёрстка выполнена с использованием адаптивного подхода, с опорой на имеющуюся тему WordPress. Адаптивность поддержана через встроенные возможности темы, дополнительно улучшена визуально. Программная логика на PHP с JavaScript-модулями формы и календаря записи. Все изменения внутри темы и плагинов строго документированы, ядро CMS не модифицировалось.

Внедрённые модули:

Каталог медицинских услуг с быстрым просмотром.
Индивидуальные карточки врачей.
Блок текущих акций с редактированием в админке.
Онлайн-запись на приём (по услуге или врачу).
Форма обратного звонка.
Раздел «Вопрос-ответ».
Контактный блок с картой и геометками.

Уникальные особенности проекта:

Реализация на базе клонированной архитектуры с адаптацией под новый регион.
Возможность самостоятельного редактирования раздела «Вопрос-ответ» через админку.
Индивидуальная реализация формы записи с учётом специфики офтальмологических услуг.
Ручная стилизация всех форм без применения сторонних плагинов.

Дальнейшее развитие

Развитие осуществляется на основе регулярной аналитики потребностей и уточнения проектного видения. Интервью проводятся с периодичностью раз в квартал. Корректировка планов — ежемесячно вносятся изменения в мастер-планы проекта. Ключевые задачи:

Апрель 2025

Настройка инфраструктуры проекта.
Развёртывание копии сайта на тестовой площадке.
Получение от заказчика доступов, дистрибутива и материалов.

Май 2025

Адаптация модулей под специфику филиала:
О центре, Акции, Услуги, Специалисты, Контакты, Запись, Обратный звонок, Вопрос-ответ.
Наполнение сайта контентом.
Финальное тестирование.
Передача дистрибутива заказчику.