SUP, хаос! Делаю редизайн
Задача
Проект стартовал без исходной информации:
- отсутствовали брендбук, макеты, визуальные референсы;
- не было понимания пользовательских ролей и сценариев;
- сайт не решал задачи бизнеса и не давал внятного пользовательского опыта.
Цель: разработать с нуля современный, визуально выделяющийся и удобный сайт, соответствующий духу бренда и задачам пользователей.
Процесс
Формирование брифа. Инициировала брифинг с заказчицей. Сформулировала ключевые вопросы по целям бизнеса, типам услуг, сезонности, особенностям аудитории. Самостоятельно структурировала бриф в рабочий документ, который стал основой всей дальнейшей работы.
Построение гант-диаграммы. Сразу после брифа я составила подробный план проекта с этапами, сроками и точками согласования. Визуализировала его в виде гант-диаграммы — это позволило:
- Обеспечить прозрачность процесса для себя и заказчицы;
- Контролировать дедлайны и вовремя закладывать буферы под правки;
- Оценить реалистичность изначальных планов: где фактическое время совпадает с закладываемым, а где нужно делать поправку на «реальность»
В результате гант стал не просто инструментом учёта, а точкой обратной связи — он помог скорректировать собственные подходы к планированию на будущее.
Аналитика и исследования
Провела конкурентный анализ:
- Визуальный - стилистика, структура, подача;
- Смысловой - логика контента, позиционирование, способы общения с аудиторией;
- Технический - поведение на разных устройствах, производительность, качество реализации, SEO-аспекты. Это позволило определить, на чём стоит фокус, а что можно отложить.
Составила User Story Map (USM), чтобы системно разобрать: какие пользовательские роли есть, какие у них цели и сценарии. На основе карты:
- Сформулировала ключевые портреты пользователей;
- Проанализировала поведение потенциальных клиентов в соцсетях (Instagram, VK, отзывы);
- Провела интервью с пользователями для проверки гипотез.
Построила Customer Journey Map, отразив путь пользователя на текущем сайте: от первого касания до действия. На этом этапе также изучила данные Яндекс.Метрики, чтобы сопоставить поведенческие паттерны с выявленными болями. Это позволило выявить логические провалы, слабые зоны, точки выхода и сценарии.
Разработала User Flow для ключевых пользовательских сценариев: выбор станции, бронирование, уточнение условий и повторные визиты. User Flow позволил мне посмотреть на логику сайта "сверху" — как на систему переходов и взаимосвязей, выявить потенциальные тупики, устранить лишние шаги и сформировать логичную навигацию. На его основе я составила структурную карту сайта, которая впоследствии легла в основу технического задания
Прототипирование и UI-дизайн
После согласования структуры, собрала визуальные референсы и обсудила направление с заказчицей, с SEO-специалисткой обсудили будущий контент.
В UI я стремилась к балансу: минимализм и лёгкость, но с узнаваемым характером. Использовала атомарный подход, переменные, подготовила UI-kit. Все макеты собраны в анимированные интерактивные прототипы и переданы в разработку.
Результаты и выводы
- Разработан сайт, который не просто решает пользовательские задачи, но и усиливает позиционирование бренда в нише.
- Полностью сформирован визуальный стиль и бренд, что позволило бизнесу перейти от «безликой витрины» к узнаваемому образу с понятной коммуникацией.
- Простроена логика и структура сайта — на основе реальных сценариев, поведения и барьеров, а не гипотез. Это снизит потери в воронке и упростит путь к бронированию.
- Подготовлен масштабируемый UI-kit, что сократит затраты на разработку и дальнейшие изменения.
- Визуальные решения и тексты адаптированы под реальные потребности пользователей и бизнес-цели (SEO, повторные визиты, повышение конверсии).
- Проект передан в разработку в полном комплекте: с документацией, логикой и визуалом — минимизируя доработки.
На выходе бизнес получил не просто редизайн, а работающий цифровой актив, созданный на системной продуктовой базе
