Я — Алексей, маркетолог компании «Хоббика». Поэтому к сайту отношусь сразу с двух сторон: вижу его как лицо компании и маршрут к нужному решению. Со временем стало понятно: старый сайт накопил много полезного, но сам путь по нему стал сложнее, чем хотелось бы.
Мы не стали обновлять сайт только ради нового дизайна. Сначала пересмотрели путь клиента, разобрали основные сценарии, посмотрели, где возникают вопросы, и только потом начали собирать новую структуру.
Старый сайт вырос вместе с компанией
Старый сайт долго помогал нам рассказывать о производстве, показывать каталог и принимать заказы. Но за годы в нём стало много разделов, подкатегорий, тегов, форм и дополнительных материалов. Каждая отдельная страница была нужна, но вместе они создавали плотную систему, в которой не всегда легко сориентироваться с первого раза.
Человек мог прийти с простой задачей: найти скамейку, подобрать урну, посмотреть варианты для парка или запросить изготовление по своему эскизу. А дальше ему приходилось самому разбираться, какой раздел открыть, где искать характеристики и каким способом лучше связаться с нами.
Для корпоративного сайта это важный момент. Наши посетители приходят не только за конкретным товаром. Кто-то начинает с проекта благоустройства, кто-то — с материала или размера, кому-то сразу нужны документы для проектирования. Новая структура учитывает эти разные точки входа.
Сначала мы пересмотрели путь клиента
В маркетинге это называют customer journey, но по сути всё проще: мы прошли сайт глазами разных людей и записали, что человек пришёл сделать.
- быстро найти нужную категорию или товар по названию и артикулу;
- отфильтровать модели по наличию, материалу, цене и размерам;
- понять, чем отличаются варианты исполнения;
- найти паспорт, сертификат, 3D-модель или материалы для проектирования;
- задать вопрос, запросить коммерческое предложение или уточнить индивидуальный размер.
Эти задачи стали основой новой структуры. Мы старались, чтобы следующий шаг был заметен заранее, а не находился после нескольких переходов по сайту.
Что стало понятнее на главной странице
На старом сайте в верхней части одновременно находились пункты меню, телефоны нескольких офисов, почта, иконки и дополнительные элементы. Всё это было важной информацией, но она конкурировала за внимание с основным сценарием — поиском оборудования.
В новой версии шапка стала спокойнее. Основные разделы вынесены в отдельную навигацию: «О нас», «Услуги», «Галерея объектов», «Доставка», «FAQ» и «Контакты». Рядом находится одна заметная строка поиска с понятной подсказкой: «Скамейка или 14232 (артикул)…». Товар ищется по названию или сразу по известному артикулу.
Ниже появились быстрые ссылки на востребованные категории: скамейки, урны, навесы и перголы, велопарковки, освещение, воркаут и контейнерные площадки. Это небольшая деталь, но она помогает начать с конкретной задачи
Каталог стал похож на карту, а не на длинный список
На старой странице каталога категории были собраны в большую ленту, а рядом с ними часто шли списки дополнительных направлений. Такой подход позволял показать много информации сразу, но требовал внимательного чтения.
В новом каталоге категории собраны в карточки с крупными изображениями и короткими названиями. Рядом с заголовком видно количество товаров, а кнопка «Смотреть все» подсказывает, куда перейти, если нужного раздела нет среди быстрых вариантов.
Мы также добавили на главную отдельные блоки «МАФы в наличии!» и «Новинки». Это не рекламные баннеры в привычном смысле, а быстрые ответы на два частых вопроса: что есть на складе и что появилось в ассортименте недавно.
Фильтры говорят на языке задачи
Фильтры были и раньше, но в новой версии мы сделали их заметнее и расширили. В разделе «Скамейки», например, пользователь выбирает наличие, материал, диапазон цены, длину, ширину и высоту. До фильтров видны тематические подборки: «Парковые скамейки», «Скамейки для школы», «Скамейки во двор», «Скамейки без спинки».
Это полезно, когда человек ещё не знает артикул и не хочет просматривать весь раздел подряд. Он может начать не с модели, а с контекста: скамейка для школы, парка, двора или конкретного размера.
Карточка товара отвечает на большее число вопросов
Раньше основное действие на странице товара было обозначено кнопкой «Добавить к заказу». В новой карточке сразу видны статус «Под заказ» или «Товар в наличии», артикул, цена с НДС, варианты исполнения и основные действия: добавить в корзину, купить в один клик, сравнить или сохранить в избранное.
Для отдельных товаров доступны варианты исполнения, цвет и размер, запрос индивидуального решения, паспорт и сертификат, 3D-модель и материалы для проектирования. Галерея тоже стала информативнее: на некоторых страницах рядом с фотографиями появились видео и снимки товара в реальной обстановке.
Нам было важно не перегружать человека техническими деталями в самом начале, но и не заставлять его писать менеджеру с каждым базовым вопросом. Поэтому информация раскрывается постепенно: сначала главное, ниже — подробные характеристики, документы, аксессуары и сопутствующие товары.
Зачем всё это было нужно
Обновление сайта для нас — не история про «старое плохо, новое хорошо».
Старый сайт выполнял свою работу и содержит большой объём опыта компании. Но вместе с ассортиментом и количеством задач выросли требования к навигации.
Теперь мы можем понятнее показать разные сценарии: быстрый поиск конкретного товара, подбор по параметрам, просмотр готовых решений, подготовку проекта и обращение к менеджеру. Часть вопросов сайт закрывает сам, а там, где нужна консультация, человек быстрее находит правильный способ связи.
Мы понимаем, что запуск — это не финальная точка. Будем смотреть, как люди пользуются новой структурой, собирать обратную связь и дорабатывать отдельные места. Для нас хороший сайт — тот, который не отвлекает от задачи. Человек заходит, понимает, куда идти, находит нужную информацию и может спокойно двигаться дальше.
Власенко Алексей
