Упростила поиск среди
50+ услуг по ремонту
коммерческих помещений

ST-Resurs · сайт компании по ремонту коммерческих помещений · UX/UI, Web

ST-Resurs · UX/UI, Web
Сайт компании по ремонту коммерческих помещений

Контекст

ST-Resurs занимается проектированием и ремонтом коммерческих помещений в Краснодарском крае. Компания планировала развивать франшизу в других регионах и обновить сайт, чтобы представить свои услуги и опыт новым клиентам.

ST-Resurs занимается проектированием и ремонтом коммерческих помещений в Краснодарском крае.

Компания планировала развивать франшизу в других регионах и обновить сайт, чтобы представить свои услуги
и опыт новым клиентам.

Проблема

Старый сайт был создан более десяти лет назад и не отражал весь спектр услуг компании.

Обилие страниц затрудняло навигацию: пользователю приходилось разбираться в длинном перечне работ, чтобы найти подходящее направление.

Решение

Перестроила структуру сайта: объединила услуги в основные направления, а подробный перечень работ вынесла на отдельные посадочные страницы.

Основная страница знакомит
с предложением компании и помогает перейти к нужной группе услуг.

Вызовы

Компания оказывает более 50 видов услуг. Нужно было сохранить полноту предложения и при этом не превращать главную страницу сайта в длинный строительный каталог.

Исследования

Провела опрос среди нескольких постоянных клиентов компании, чтобы понять, на что они обращают внимание при выборе подрядчика. Эти наблюдения помогли определить, какую информацию важно раскрыть на сайте до первого обращения.

Зафиксировала следующее:

• Участники опроса отмечали потребность в согласовании перепланировок, но затруднялись назвать компании, которые оказывают эту услугу

• Важность примеров работ со сроками и стоимостью

• Возможность прийти на выполненные объекты — дает плюс к доверию

• От общения с менеджером зависит финальный выбор компании

Гипотезы

1. Группировка услуг поможет найти нужное направление

Идея: если объединить 50+ услуг в несколько понятных групп, то пользователю будет проще сориентироваться в предложении компании и перейти к подходящему направлению.

Решение: на главной странице представила основные направления в карточках, а подробный перечень работ, особенности и примеры проектов вынесла на внутренние страницы.

2. Презентация даст дополнительный
повод для обращения

Идея: если предложить презентацию с подробной информацией об услугах со скидкой на сотрудничество, это может заинтересовать посетителей, которые пока не готовы обсуждать проект с менеджером лично.

Решение: добавила на главную блок со скачиванием презентации и предложением скидки.

Структура и прототип

Объединила услуги в группы и сделала переход от общего знакомства с компанией к конкретному направлению работ.

На этапе прототипа распределила информацию между главной и внутренними страницами: на главной реализовала обзор предложений и опыт компании, на страницах направлений —состав услуг, особенности работ и соответствующие проекты.

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

Основной акцент был направлен на услуги, объединенные в отдельные карточки, при наведении на которые, можно увидеть весь список услуг одного вида.

Сохранила фирменный зелёный цвет компании. Отдельное внимание уделила компьютерной версии и адаптации для мобильных устройств, судя по опросу основные клиенты — мужчины 45+, которым важно, чтобы интерфейс был читаем.

Страницы под услуги

Для основных групп услуг спроектировала отдельные страницы с перечнем работ, их особенностями и примерами проектов.

Одно из направлений — согласование перепланировок, востребованность которого отметили участники опроса. На его странице показала состав услуг и возможность обратиться за консультацией и предварительным расчётом.

Результаты и выводы

Перестроила структуру сайта компании с 50+ услугами: на главной собрала основные направления, а подробную информацию о работах и примеры проектов вынесла на отдельные страницы.

Самой интересной частью проекта стала работа со структурой: вместе с заказчиком искала понятный способ представить 50+ услуг. Предложила пересмотреть первоначальное видение сайта и научилась увереннее объяснять бизнесу, как дизайн помогает решать задачи пользователей.

Следующие кейсы