СОДЕРЖАНИЕ
ЗАДАЧА
Добавить первый экран и контентные блоки для SEO. В конструкторе — объяснить, что уже входит в программу, какие услуги можно добавить и как меняется итоговая стоимость
О КЛИЕНТЕ
«Своя программа» — чекап с фиксированным базовым составом и дополнительными услугами на выбор. Я занималась редизайном страницы чекапа: первым экраном, конструктором и мобильной версией
СФЕРА
B2C • HealthTech
ПЕРИОД
июнь 2025
*Данные клиента, часть контента и визуальные материалы обезличены
На страницу конструктора пользователь переходил из раздела чекапов. Существующая версия уже позволяла выбирать дополнения и отправлять заявку — требовалось переработать подачу и последовательность действий
КОНТЕКСТ И ОГРАНИЧЕНИЯ
Нужно было сохранить визуальный стиль сайта и обязательный SEO-контент. Возможности провести интервью не было, доступ к аналитике был ограничен. Поэтому предположения о затруднениях пользователей требовали дальнейшей проверки
1. Перед выбором не хватало краткого объяснения. Страница начиналась с текстового описания, за которым сразу шёл список услуг. Формат программы и базовую стоимость приходилось искать в тексте
2. Базовый состав выглядел как набор элементов для выбора. При этом подробный перечень включённых обследований находился под конструктором, отдельно от базовой программы
3. Цена и оформление находились после списка услуг. Чтобы проверить итоговую стоимость и продолжить, пользователю нужно было дойти до конца конструктора
Гипотеза
Если отделить включённые услуги от дополнений, а состав и стоимость показывать рядом с выбором, пользователю будет проще проверить свою программу и перейти к заявке
ЧТО ПОКАЗАЛ РАЗБОР СТРАНИЦЫ
Собрала на первом экране описание формата, количество базовых услуг и цену с подписью «за базу». Так до начала выбора видно, что программа состоит из фиксированного набора и дополнений, которые оплачиваются отдельно.
Сохранила обязательный текст и добавила кнопку «Собрать чекап» для перехода к конструктору
Сохранила обязательный текст и добавила кнопку «Собрать чекап» для перехода к конструктору
ПЕРВЫЙ ЭКРАН
ИНТЕРФЕЙС
В дополнениях разделила консультации специалистов и обследования с помощью фона и иконок. Выбранные услуги отметила рамкой и галочкой, чтобы их можно было отличить от доступных для добавления
Базовую программу и дополнения разместила в отдельных блоках. У включённых услуг убрала яркую заливку, а подробный состав анализов и УЗИ перенесла непосредственно к базе.
КОНСТРУКТОР
Кнопку «Оформить» разместила под итогом: пользователь может проверить состав и перейти к заявке, не просматривая весь список услуг до конца.
На десктопе перенесла состав и стоимость в отдельную колонку рядом с услугами. В ней показала базу, выбранные дополнения и общую сумму.
ИТОГОВЫЙ БЛОК
Стоимость и кнопку «Оформить» вынесла в закреплённую нижнюю панель. Они остаются доступны при прокрутке длинного списка услуг.
Под конструктором сохранила форму обратной связи, другие чекапы и контентные разделы
На мобильном экране предусмотрела сворачиваемый блок с базовым составом, чтобы он не занимал много места перед дополнениями.
МОБИЛЬНАЯ ВЕРСИЯ
После запуска оценить путь от просмотра страницы до успешной отправки заявки. Основной показатель — доля посетителей страницы, отправивших заявку. Переходы к оформлению и завершение формы помогут определить, на каком этапе возникают затруднения.
Подготовила десктопную и мобильную версии страницы. Объяснение программы вынесла перед конструктором, подробный состав — к базовым услугам, а итоговую стоимость и оформление — ближе к выбору.
ЧТО ПРОВЕРИТЬ ДАЛЬШЕ
ИТОГИ РАБОТЫ
