От большого редизайна к спринтам: как поменять подход и вырасти в конверсии. Опыт Nutnet

РостТехГрупп (бренд RTG) — один из лидеров в сфере поставок комплексных инженерных систем и решений в Поволжье и на Урале.

За последние 4 года компания открыла два новых офиса. Понимание рынка и процессов работы с клиентам изменились, а подходы к развитию сайта и сервисов — нет. Это тормозило развитие, сайт не успевал за бизнесом. В какой‑то момент стало понятно: нужно систематизировать и актуализировать его под нужды компании.

Каким был сайт на старте и для чего нужны были работы

Проблема №1. Ни клиент, ни их отдел маркетинга не знали, как сделать интернет‑магазин, который станет бизнес‑инструментом — измеримым и решающим конкретные бизнес‑задачи.

Из‑за этих проблем и четких KPI по конверсии не было. Это логично — клиент раньше вообще не продавал онлайн, не было воронки для сравнения. Так что сначала мы занялись поддержкой и доведением сайта до рабочего состояния, а уже потом делали редизайн.

Проблема №2. Сайт был изначально плохо спроектирован — на этапе формализации требований просто не учли критически важные вещи для e‑commerce:

• не было приема онлайн‑платежей — клиенты могли только посмотреть товар и цену, но заплатить через сайт не могли;
• отсутствовал расчет стоимости доставки — пользователь не понимал, во сколько ему обойдется покупка;
• проблемы с адаптивностью — сайт плохо работал на мобильных устройствах (а это летом 2020 года уже критично!);
• SEO не было настроено — сайт просто не находили в поисковиках.

Множество сервисов просто не работало или работало не так, как задумывалось — сплошные недоработки и дефекты:

• блоки каталога грузились очень долго — пользователи просто уходили, не дождавшись загрузки товаров;
• общие проблемы с производительностью — сайт «тормозил» на каждом шаге;
• множественные баги в базовом функционале — то, что должно было работать «из коробки», работало через раз.

Проблема №3. Наконец, были и функциональные проблемы. По сути, это была витрина, а не интернет‑магазин. Да, можно было посмотреть каталог, увидеть цены, добавить в корзину, но дальше — тупик. Оформить заказ нормально нельзя, заплатить нельзя, понять стоимость доставки нельзя. Задача была продавать по всей России, а инструментов для этого не было.

Основными целями сайта были:

1. Увеличение конверсии.
2. Решение проблем со скоростью работы (у них были серьезные проблемы с производительностью — некоторые блоки каталога были так разработаны, что очень долго грузились).
3. Оптимизация пользовательского пути от каталога до оформления заказа.

Без решения этих проблем бизнес просто не мог расти онлайн — требовалась глубокая и системная переработка.

Мы начали с одной концепции и дизайна

Мы применили современные подходы к дизайну, используя mobile‑first для адаптивности и максимальное использование области экрана для демонстрации товаров. Дизайн‑концепция была согласована достаточно быстро, хотя процесс доработки компонентов потом затянулся.

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

В итоге выделили три типа пользователей:

• розничные клиенты (основные пользователи);
• профессионалы‑монтажники (работающие через менеджеров, но использующие сайт для формирования заказов);
• застройщики (для которых сайт был презентацией компании).

Для каждой группы были свои акценты в дизайне

Был долгий процесс согласования — некоторые страницы перерисовывались по 3‑4 раза. Бизнес‑заказчик (директор) лично согласовывал каждый макет до пикселя, поэтому на проработку компонентов ушло много времени. Бывало, что набор страниц 3‑4 месяца ходил по кругу, не проходя согласование.

Дальше занялись UX сайта

Мы уделили максимум внимания ключевому пользовательскому пути: каталог с фильтрацией → карточка товара → корзина → чекаут.

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

Каталог. Каталог стал более лаконичным визуально, благодаря чему информацию теперь проще воспринимать. При этом её объём увеличился: на карточках появились кнопка «Добавить к сравнению», рейтинг, дополнительные теги и блок с просмотренными товарами.

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

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

Формы. Появились покупка в один клик и формы регистрации для разных лиц: юридических и физических.

Прочее. Появилась страница сравнения товаров.

Служебные страницы. Такие страницы, как «Контакты», «Доставка и оплата», «Новости», «О компании», а также разделы сервисного и инженерного центров, академии, сертификатов и многие другие.

Все эти элементы прорабатывались в минимум двух состояниях: в ПК и в мобильной версии.

Проработали техническую и интеграционную составляющие

Главные сложности работы были связаны со стабильностью работы: иногда на нашей стороне, иногда на стороне разработчиков клиента.

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

Порядка 5% пользователей сайта использовали поисковую строку — это немало. Причина проста: каталог очень большой, и найти нужную позицию, например, «переходник с 1⁄2 дюйма внутри 4 медный», в каталоге непросто — долго ходить по категориям и играться с фильтрами.

Клиент сталкивался с тем, что пользователи искали по‑разному: разный регистр, раскладка, множественное число, синонимы (например, «водосточная система» или «водосток»), опечатки.

Штатный поиск Битрикса с этим не справлялся

Мы думали о настройке поисковой машины (Sphinx или подобной), но это трудоемкая задача, требующая постоянной доработки, что дорого для небольшого магазина. В итоге подключили сервис Searchbooster, который сам обрабатывает эту логику — мы «скармливали» ему товары с описаниями, и он решал задачу.

Создали модуль, интегрированный с искусственным интеллектом через API YandexGPT. Выбрали именно Яндекс. Во‑первых, потому что это местная модель, которую можно удобно оплачивать из России. А во‑вторых, у Яндекса хорошо натренирована товарная модель (опыт Яндекс Маркета).

Модуль позволял быстро генерировать по названию товара или категории хороший, длинный, SEO‑оптимизированный текст. Это было критически важно, учитывая, что каталог содержит 30‑50 тысяч товаров и постоянно пополнялся новыми позициями.

Быстрое наполнение описаниями влияло на индексацию и помогало собирать больше трафика. А трафик — это заказы. Заказы — это деньги. В общем, это прямой путь к прибыли.

Получили первые бизнес‑результаты и занялись поддержкой

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

Результат оказался шокирующим: 300 тысяч в месяц на рекламу в Пермском крае, а интернет‑магазин как бизнес‑юнит при этом в ноль. Показали заказчику конкретные рекомендации, как перераспределить бюджеты и на каких каналах сосредоточиться.

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

Наши выводы о проекте: полностью изменили подход к редизайнам

Ключевая инновация проекта — создание модуля для автоматической генерации контента через YandexGPT. Модуль работает просто: берет название товара или категории, отправляет в API YandexGPT с заготовленным промптом и получает обратно SEO‑оптимизированное описание. Например, для «Переходник медный 1/2 дюйма» генерирует полноценный текст с характеристиками, областью применения, преимуществами — все, что нужно для поисковиков.

Главное — это масштаб: когда у тебя 50 тысяч товаров и постоянно добавляются новые, ручное написание описаний превращается в бесконечный процесс. А тут — автоматом за секунды.

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

Главное, что мы вынесли для себя и теперь применяем в других проектах — изменение подхода к редизайну. После работы над RTG мы отошли от «революционного редизайна» для интернет‑магазинов и начали работать по‑новому.

Вместо «сделаем все страницы, а потом полгода согласовываем» мы перешли к спринтовой работе. Берем 2‑3 ключевые страницы (те, что влияют на конверсию), делаем их за спринт, каждую неделю показываем результат на демо и так же каждую неделю получаем обратную связь, вносим правки и идем дальше.

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

При работе над RTG в начале мы потратили не меньше полугода только на согласование макетов! Пришли к выводу, что больше нельзя себе позволять работать в формате «разработали страницу — 3 месяца согласовывали — снова переделка». И на многих других проектах теперь работаем по‑новому.