Как новый сайт с нуля превратился в долгосрочную работу над проектом: около 50 услуг, рекламные страницы и большой редизайн спустя несколько лет.
Впервые мы начали работать в 2023 году. Центру нужен был новый сайт вместо старого проекта, который существовал с 2010 года.
На этом работа не закончилась. Позже появились рекламные задачи, для отдельных услуг понадобились собственные посадочные страницы, а спустя несколько лет мы вернулись к сайту уже с большим редизайном.
Поэтому этот кейс я показываю не как один макет «до / после», а как несколько этапов одного коммерческого проекта.
Конкуренты, аудитория и задача проекта.
Архитектура, категории, сценарии и прототип.
Логотип, концепция, UI и адаптивы.
Tilda, формы, базовое SEO и публикация.
Новые лендинги, структура и редизайн.
ТЗ фотографу и работа на съёмке.
Не перенос старого интерфейса, а новая структура и новая визуальная система.
Прежний сайт существовал с 2010 года. У клиента не было доступа к нему, поэтому самостоятельно обновлять информацию было невозможно.
Части страниц не хватало адаптации для мобильных устройств, а переходы между страницами были нарушены. Поэтому новый проект собирался с нуля.
Перед проектированием я изучила, как устроены сайты других центров, как они группируют услуги, какую информацию дают до записи и как строят навигацию.
Отдельно разобрала аудиторию. Человек не всегда приходит с названием конкретной процедуры: иногда он знает проблему, иногда направление, а иногда только хочет понять, какие варианты ему подходят.
Структура, навигация, подача услуг и точки записи.
Разные уровни знания услуги и сценарии поиска.
Большой каталог нельзя оставлять одним списком.
Я навигационно разделила услуги по направлениям и категориям. Пользователь сначала попадал в понятный раздел, а уже внутри выбирал нужную процедуру.
Так структура работала и для человека, который знает название услуги, и для того, кто только изучает возможности центра.
После структуры я перешла к визуальной концепции. Для проекта разработала логотип и оформление сайта, затем собрала систему страниц и адаптивов.
Клиент хотела уйти от большого количества отдельных страниц. На момент первого запуска рекламные кампании для каждой услуги не планировались.
Поэтому подробности я предложила раскрывать во всплывающем окне. Человек оставался внутри выбранного направления, открывал услугу и мог перейти к записи.
И первоначальное решение пришлось пересмотреть под новый сценарий.
Когда центр начал рекламировать конкретные услуги, стало понятно ограничение первой архитектуры. Из объявления нельзя было привести человека прямо в pop-up нужной процедуры.
Он попадал на общий раздел и должен был заново искать то, что уже заинтересовало его в рекламе.
Для услуг, которые продвигались отдельно, я сделала собственные посадочные страницы. Теперь содержание объявления продолжалось на странице без дополнительного поиска по сайту.
Исходная информация клиента.
Последовательность и акценты.
Изображения и материалы под дизайн.
Страница в системе сайта.
Сборка и адаптивы.
Формы, SEO и публикация.
За несколько лет изменился проект — просто «освежить цвета» было недостаточно.
Перед редизайном я снова вернулась к конкурентам, аудитории и структуре. За время работы проект изменился, появились новые страницы и другой контекст использования сайта.
Новая версия не строилась как визуальная оболочка поверх структуры 2023 года. Сначала я пересмотрела логику и подачу, а уже затем перешла к интерфейсу.
После загрузки реальных экранов здесь будут конкретные изменения в композиции, типографике, навигации и подаче услуг — без общих фраз.
Для новой фотосъёмки я подготовила подробное ТЗ фотографу: какие кадры нужны, под какие блоки, с каким пространством и композицией.
Я присутствовала на съёмке, чтобы сразу контролировать пригодность кадров для сайта. Снимал фотограф — моя задача была в ТЗ и работе с контентом со стороны интерфейса.
Для обновлённого сайта подготовлены дополнительные страницы. Они ждут проверки медицинских формулировок специалистами центра, поэтому я не отношу их к опубликованным результатам.
Исследование, структура ~50 услуг, визуальная система, адаптивы и Tilda.
Отдельные посадочные страницы под новые рекламные сценарии.
Повторный анализ, обновление структуры, интерфейса и контента.
Главный результат здесь не одна финальная страница. Сайт продолжал меняться вместе с задачами центра, а клиент возвращалась ко мне на следующих этапах развития проекта.
Отдельные страницы использовались в рекламе. Сопоставимых данных, которые позволили бы честно связать изменения сайта с ростом заявок или конверсии, у меня нет — поэтому я не приписываю проекту показатели, которые нельзя доказать.
Здесь будет скрин реального сообщения, без пересказа.
