• E-commerce
  • B2B и B2C
  • Mobile-first
  • UX-аналитика

Нобетек: из каталога в инструмент, который помогает принять решение

Сайт завода тротуарной плитки работал как каталог артикулов: не отвечал на вопросы покупателей и не вызывал доверия. Мы с другим дизайнером спроектировали 22 страницы с нуля, и каждое ключевое решение опирается на поведение, которое нашли в аналитике.

Роль
Аналитика, проектирование, проверка гипотез, общение с клиентом
Команда
Два дизайнера в паре
Период
2024–2025, работа над проектом 2–3 месяца
Сайт
tdnobetek.ru (откроется в новой вкладке)
22страницы спроектированы с нуля
7000+клиентов в год у завода
1,8 сзагрузка на мобильном против 0,4 с на десктопе
Нобетек: новая главная на ноутбуке и блок «Новинки» с карточками плитки
01

Кратко о проекте

Нобетек — завод-производитель тротуарной плитки и брусчатки. Старый сайт работал как каталог с артикулами: не отвечал на вопросы покупателей, не закрывал их страхи и не вызывал доверия.

Отказы были высокими, мобильная версия тормозила, а корзину использовали как калькулятор вместо инструмента покупки.

B2C, апрель–сентябрь
Частные покупатели 35–65 лет. Долго выбирают, посещают сайт 2–3 раза, обсуждают выбор с семьёй. Важны цвет, форма и доверие.
B2B, октябрь–март
Строители и дилеры. Важны сроки, объём и условия партнёрства. Решения принимают быстрее и по стандартным формам.
02

Задача, ограничения и роль

Задача

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

Ограничения

  • Две аудитории с противоположными приоритетами в разные сезоны
  • Решение о покупке занимает от 1 до 15 дней и 2–3 визита
  • Релиз зависел от клиента и в итоге был сильно отложен

Моя роль

Работала в паре с другим дизайнером. Вела аналитику, проектирование, проверку гипотез и общение с клиентом.

03

Исследование и исходные данные

Вебвизор Яндекс Метрики
Записи сессий: как пользователи ведут себя в каталоге, карточке и корзине.
Карты кликов
Куда пользователи кликают и какие разделы собирают трафик и отказы.
Анализ отзывов
Чего боятся покупатели и о чём спрашивают до покупки.
Данные об аудитории
Сезонность спроса, сегменты B2C и B2B, длительность решения о покупке.

Что выяснилось

  • Корзина работала как калькулятор

    Пользователи добавляли товар, чтобы узнать сумму, а затем уходили звонить менеджеру. Заказов через корзину почти не было.

  • Сертификаты были спрятаны

    Страница сертификатов собирала высокий трафик и такой же высокий отказ, при этом лежала в подменю.

  • Четыре главных страха

    Некачественный товар, брак, непонятный порядок возврата, перенос доставки без предупреждения.

04

Процесс и ключевые решения

Решение 1

Калькулятор там, где его уже искали

Проблема
Вебвизор и карта кликов показали паттерн: товар добавляют в корзину, чтобы узнать сумму, и уходят звонить менеджеру.
Решение
Встроить калькулятор в карточку товара и в каталог, с автоматическим учётом кратности поддона. Расчёт доступен без перехода в корзину.
Почему так
Решение опирается на поведение, которое зафиксировал вебвизор.
Карточка товара с переключателем м² и поддонов и попап калькулятора плитки
Карточка товара: площадь сразу пересчитывается в поддоны, отдельный калькулятор по площади или размеру
Решение 2

Ответить на страхи до звонка

Проблема
Доверие не успевало выстроиться до первого звонка: сертификаты прятались в подменю, отзывы выглядели устаревшими и без источника.
Решение
  • сертификаты вынесены в основную навигацию
  • реальные отзывы с Яндекса подтягиваются автоматически, со ссылкой на источник
Итог
Каждый страх из анализа отзывов получил прямой ответ на сайте раньше, чем пользователь дошёл до звонка.
Решение 3

Один сайт для двух сезонов и аудиторий

Проблема
Старый каталог показывал всё одним потоком для всех, хотя у B2C и B2B противоположные приоритеты.
Решение
Заложить в каталог и карточку товара блоки, которые работают на разные запросы. Визуализатор и фотографии проектов помогают с эмоциональным решением B2C, а раздел «Дилерам» с условиями и объёмами закрывает рациональный запрос B2B.
Почему так
Блоки не конкурируют друг с другом на одной странице, и ни одной аудитории не нужно продираться через контент для другой.
Решение 4

Ответить на вопросы, которые появляются после оплаты

Проблема
В отзывах покупатели жаловались на перенос доставки без предупреждения, брак в упаковке и непонятный возврат. Старый сайт не объяснял, что будет после оплаты: как привезут, сколько займёт разгрузка, что делать с бракованной плиткой. С этими вопросами звонили менеджеру.
Решение
  • «Доставка и оплата»: калькулятор стоимости доставки, окна доставки по сезонам, какой транспорт и сколько поддонов он берёт, требования к месту разгрузки, приёмка товара, все способы оплаты, включая рассрочку
  • «Гарантия и возврат»: условия и сроки возврата, что делать при браке, экспертиза в спорных случаях, возврат по шагам и памятка для скачивания
  • услуги «Грузоперевозки» и «Укладка плитки»: собственные манипуляторы и этапы работы с датой, согласованной заранее, укладка полным циклом с гарантией на работы
Почему так
Страх переноса доставки и брака по сути страх неизвестности. Человек платит за тонны плитки и не понимает, что будет дальше. Когда условия расписаны до покупки, а привозит и укладывает сам завод, понятно, кто за что отвечает, и звонить ради базовых вопросов уже не нужно.
05

Наблюдение → решение

Новая главная: каталог, калькулятор, проекты, отзывы и контакты на одной странице

Каждое решение на сайте отвечает на конкретное наблюдение из аналитики.

Соответствие наблюдений и решений
Что увидели в данныхЧто сделали на сайте
Корзину используют, чтобы узнать сумму, потом звонятКалькулятор в карточке и каталоге с учётом кратности поддона
Страница сертификатов: высокий трафик и высокий отказ, при этом спрятана в подменюСертификаты в основной навигации
Страх брака, переноса доставки и непонятного возвратаСтраницы доставки, гарантии и возврата, услуги перевозки и укладки
Отзывы выглядят устаревшими и без источникаРеальные отзывы с Яндекса со ссылкой на источник
Повторные визиты без покупки из-за выбора цветаВизуализатор и фото реализованных проектов
Два сезонных сегмента с разными приоритетамиБлоки для B2C и раздел «Дилерам» для B2B
06

Результат

Что сделано
  • 22 страницы спроектированы с нуля и свёрстаны, сайт работает: tdnobetek.ru (откроется в новой вкладке)
  • Стоимость с учётом кратности поддона видна в карточке и каталоге, для расчёта больше не нужна корзина
  • Сертификаты в основной навигации, отзывы с Яндекса со ссылкой на источник
  • Доставка, разгрузка, возврат и укладка описаны на сайте до покупки
  • Отдельные блоки для частных покупателей и раздел «Дилерам» для B2B
Ограничения оценки
  • Метрик после релиза нет: запуск со стороны клиента был сильно отложен, и замеры после не проводились.
07

Выводы

Аналитика дала конкретные паттерны поведения, и на каждый нашлось решение на сайте.

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