Как мы пересобрали сайт для B2B-компании, которая автоматизирует торговые сети, рестораны и отели
Иногда бизнесу нужен не просто новый сайт.
Не «освежить дизайн».
Не «сделать современнее».
Не «добавить красивые 3D-элементы и пару анимаций».
Иногда сайт нужно пересобрать как нормальный B2B-инструмент: с понятной структурой, логикой для разных аудиторий, сильными точками доверия и маршрутом до заявки.
Такой задачей стал проект для Soft Business Group — компании из Узбекистана, которая занимается автоматизацией торговых сетей, магазинов, ресторанов, отелей и складской инфраструктуры.
Мы разработали для SBG новый сайт: пересобрали структуру, обновили визуальную концепцию, спроектировали страницы и реализовали проект на 1C-Битрикс с интеграцией с Битрикс24.
Клиент
Soft Business Group помогает бизнесу внедрять оборудование, программные продукты и комплексные решения для автоматизации процессов. Если проще: компания закрывает задачи для ритейла, HoReCa, отелей и складов — от подбора решения до внедрения, обучения и поддержки.
Среди клиентов SBG — крупные сети и известные бренды на рынке Узбекистана, включая Coca-Cola, Korzinka, KFC и другие компании.
То есть это не маленький сайт-визитка для локального подрядчика. Это B2B-компания со сложной продуктовой линейкой, разными сегментами клиентов и длинным циклом сделки.
А значит, сайт должен был работать не как «посмотрите, какие мы хорошие», а как первая точка воронки: объяснять, направлять, вызывать доверие и подводить к консультации.
С чем пришли
У SBG уже был сайт. Он работал и приносил заявки.
Но по мере роста компании сайт перестал соответствовать масштабу бизнеса, уровню клиентов и количеству направлений. Главная проблема была не только в дизайне.
Сайту не хватало понятной навигации для сложного B2B-продукта. Пользователь мог прийти с очень разными задачами:
— автоматизировать магазин;
— обновить кассовое оборудование;
— внедрить решение для ресторана;
— открыть торговую сеть;
— улучшить складской учет;
— понять, какое ПО подойдет под его процессы.
При этом большинство клиентов не приходят с готовым техническим заданием. Они не говорят: «Нам нужен конкретный модуль, интеграция и вот такая архитектура».
Чаще они приходят с бизнес-проблемой:
«очереди слишком длинные»,
«учет разваливается»,
«склад живет отдельно от продаж»,
«персонал ошибается»,
«хотим открыть новую точку и не утонуть в операционке».
Поэтому сайт должен был стать не каталогом продуктов, а первым консультантом.
Что нужно было решить
Перед нами стояло несколько задач:
— обновить визуальный образ компании и показать масштаб SBG;
— сделать структуру сайта понятной для разных типов клиентов;
— развести решения по сегментам бизнеса: торговые сети, магазины, рестораны, отели и другие направления;
— показать экспертизу через кейсы и реализованные проекты;
— усилить доверие к компании как к технологичному B2B-партнеру;
— упростить путь пользователя к консультации;
— подготовить сайт к SEO и дальнейшему продвижению.
То есть мы работали не только с картинкой. Мы работали с логикой сайта как B2B-инструмента.
Что выяснили на старте
Мы начали с брифинга и исследования. Пообщались с командой SBG и частично с потенциальными пользователями, чтобы понять, как разные аудитории заходят на сайт, какие вопросы возникают до обращения и что влияет на решение.
1. Сайт влияет на выбор еще до общения с продажами
В B2B сайт часто смотрят задолго до первого звонка или заявки.
Причем его изучает не только собственник. Очень часто сначала информацию собирает другой человек: управляющий, операционный директор, IT-специалист, закупщик или администратор.
Он сравнивает подрядчиков, смотрит решения, собирает варианты и потом приносит их ЛПР.
Поэтому сайт должен быть понятен не только финальному человеку, который принимает решение, но и тому самому «ЛПР минус один».
2. Клиент не всегда знает, какое решение ему нужно
В автоматизации бизнеса редко работает логика интернет-магазина: выбрал товар, добавил в корзину, оплатил.
Здесь клиент чаще приходит с задачей, а не с названием продукта.
Поэтому мы не могли строить сайт только вокруг внутренней продуктовой структуры. Нужно было дать пользователю понятные входы: по типу бизнеса, по задаче, по направлению, по опыту компании.
3. Кейсы и клиенты важны не меньше продуктов
В сложном B2B доверие формируется через доказательства.
Пользователь хочет видеть не только список решений, но и понимать:
— с кем компания уже работала;
— какие задачи решала;
— какие сегменты понимает;
— можно ли ей доверить автоматизацию бизнеса.
Поэтому блоки с кейсами, клиентами, партнерами и портфолио стали важной частью структуры.
Как мы пересобрали структуру
Мы ушли от логики «вот список наших продуктов» и построили сайт вокруг пользовательских сценариев.
В структуре появились понятные входы для разных сегментов бизнеса:
— крупные торговые сети;
— малые сети;
— отдельные магазины;
— кафе и рестораны;
— отели;
— складская инфраструктура;
— продукты и оборудование;
— портфолио;
— партнеры;
— новости;
— контакты и формы заявки.
Так пользователь быстрее попадает не в абстрактный каталог, а в раздел, который соответствует его бизнесу и задаче.
Мы заложили три основных сценария.
Первый сценарий: «У меня есть тип бизнеса». Например, пользователь представляет магазин, ресторан, отель или сеть. Значит, ему нужен раздел с решениями именно под этот формат.
Второй сценарий: «Я ищу конкретный продукт или оборудование». Для этого нужен каталог, продуктовые карточки и понятная структура решений.
Третий сценарий: «Я выбираю подрядчика и хочу понять опыт». Здесь работают кейсы, портфолио, клиенты, партнеры и блоки доверия.
Так сайт стал работать сразу на несколько аудиторий и этапов воронки.
Визуальная концепция: технологично, но понятно
Визуально нам нужно было показать SBG как современную технологичную компанию, но без ощущения холодной IT-витрины.
Бренд должен был транслировать четыре качества:
— надежность;
— технологичность;
— масштаб;
— простоту взаимодействия.
Мы изучили сайты международных игроков и локальный рынок, собрали несколько дизайн-направлений и выбрали концепцию, которая лучше всего отражала позицию SBG: технологичный партнер, который умеет работать со сложными процессами, но объясняет решения понятным языком.
В визуальной системе использовали:
— чистую типографику;
— технологичные градиенты;
— 3D-элементы;
— иллюстрации;
— анимацию;
— карточную структуру;
— понятные UI-компоненты;
— адаптивную сетку для десктопа и мобильных экранов.
Задача дизайна была не просто «сделать красиво». Дизайн должен был помочь пользователю быстрее понять, куда идти, что выбрать и почему компании можно доверять.
Больше 50 страниц и состояний
После утверждения концепции мы перешли к дизайну страниц и шаблонов.
Всего подготовили более 50 страниц и интерфейсных состояний для разных разделов сайта.
— главной странице;
— страницам решений под разные сегменты бизнеса;
— каталогу оборудования и продуктов;
— карточкам решений;
— портфолио и кейсам;
— формам заявки;
— мобильным адаптивам;
— мультиязычным версиям;
— анимациям и визуальным переходам.
Главный принцип интерфейса — не перегружать пользователя сложностью продукта.
В автоматизации бизнеса и так много терминов, модулей, интеграций и технических нюансов. Поэтому сайт должен помогать выбрать направление и обратиться за консультацией, а не заставлять человека самостоятельно разбираться во всей архитектуре решений.
Разработка на 1C-Битрикс
Сайт реализовали на 1C-Битрикс.
Для этого проекта такая платформа подходила из-за крупной структуры, каталога, мультиязычности, управляемых разделов и необходимости дальнейшего развития.
— сверстали адаптивные страницы;
— реализовали сайт на 1C-Битрикс;
— настроили русскую и узбекскую версии;
— подключили каталог и продуктовые разделы;
— настроили формы заявок;
— связали заявки с Битрикс24;
— подключили необходимые модули;
— настроили базовые SEO-параметры;
— подготовили сайт к индексации;
— запустили проект.
Отдельно проработали связку сайта с CRM, чтобы заявки не терялись и сразу попадали в рабочий процесс команды SBG.
Для B2B это критично: если форма есть, а обработки заявок нет, сайт быстро превращается в красивую коробку без бизнес-эффекта.
Что получилось
В результате SBG получила новый сайт, который соответствует масштабу компании и лучше работает с B2B-аудиторией на раннем этапе принятия решения.
— пересобрали структуру сайта под разные сегменты бизнеса;
— обновили визуальное позиционирование компании;
— разработали более 50 страниц и шаблонов;
— подготовили русскую и узбекскую версии;
— реализовали сайт на 1C-Битрикс;
— настроили каталог, формы и интеграцию с Битрикс24;
— усилили блоки доверия через кейсы, клиентов, партнеров и портфолио;
— подготовили сайт к SEO и дальнейшему продвижению.
Результаты после запуска
После запуска сайт показал улучшение ключевых показателей:
— на 28% снизился показатель отказов;
— на 34% выросла глубина просмотра благодаря новой структуре и сегментации разделов;
— на 22% выросла конверсия в заявку за счет обновленных форм, CTA и понятной навигации;
— в 1,6 раза увеличилось количество переходов в разделы решений после пересборки структуры.
Что важно в этом кейсе
В сложном B2B сайт не должен быть просто каталогом продуктов или презентацией компании.
Его задача — объяснять, сегментировать аудиторию, помогать пользователю узнать свою задачу и вести его к следующему шагу.
В кейсе SBG мы не просто обновили дизайн. Мы пересобрали сайт как полноценную цифровую точку продаж: от структуры и визуальной системы до разработки, CRM-интеграции и подготовки к SEO.
Если вашему бизнесу тоже нужен сайт, который не просто выглядит современно, а помогает клиентам быстрее понять продукт и оставить заявку, — расскажите нам о задаче.
Команда Pickles team поможет с UX/UI, дизайном и разработкой.