Не просто редизайн: как мы превратили сайт SBG в B2B-инструмент продаж для сложного технологического продукта

Клиент 

Soft Business Group занимается автоматизацией бизнеса в Узбекистане. Компания помогает торговым сетям, магазинам, ресторанам, кафе, отелям и другим бизнесам внедрять оборудование, программные продукты и комплексные решения для управления процессами.

SBG работает преимущественно в B2B-сегменте и закрывает задачи бизнеса от подбора решений до внедрения, обучения и поддержки. Среди клиентов компании — крупные сети и известные бренды на узбекском рынке, включая Coca-Cola, Korzinka, KFC и другие компании.

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

Задача 

У SBG уже был сайт, и он приносил заявки. Но по мере роста компании сайт перестал соответствовать ее масштабу, продуктовой линейке и уровню клиентов.

Основная проблема была не только в визуале. Сайту не хватало понятной навигации и логики для сложного B2B-продукта. Пользователь мог прийти с разными задачами: автоматизировать магазин, обновить кассовое оборудование, внедрить решение для ресторана, открыть сеть, улучшить складской учет или понять, какое ПО подойдет под его процессы.

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

Поэтому мы должны были сделать сайт, который работает как первый консультант: объясняет направления, показывает опыт, снижает неопределенность и подводит к заявке.

Нам нужно было:

1. Обновить визуальный образ компании и показать масштаб SBG.
2. Сделать структуру сайта понятной для разных типов клиентов. 
3. Развести решения по сегментам бизнеса: торговые сети, магазины, рестораны, отели и другие направления. 
4. Показать экспертизу через кейсы и реализованные проекты.
5. Усилить доверие к компании как к технологичному B2B-партнеру. 
6. Упростить путь пользователя к консультации.
7. Подготовить сайт к развитию, SEO и дальнейшему продвижению.  

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

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

1. Сайт влияет на решение еще до прямого контакта с продажами

Для B2B-продукта с длинным циклом сделки сайт становится точкой раннего доверия. Его смотрят не только собственники, но и сотрудники, которые предварительно изучают подрядчиков, сравнивают решения и готовят варианты для ЛПР.

2. Важно работать с «ЛПР минус один»

Решение часто принимает собственник или топ-менеджер, но до него информацию собирает другой человек: управляющий, операционный директор, IT-специалист, закупщик или администратор.

Поэтому сайт должен быть понятен не только финальному ЛПР, но и человеку, который приносит компанию в шорт-лист.

3. Клиенты не всегда знают, какое решение им нужно

Автоматизация бизнеса редко покупается по принципу «выбрал продукт — оплатил — внедрил». Клиент чаще приходит с задачей: ускорить обслуживание, наладить учет, контролировать склад, автоматизировать сеть, сократить ошибки персонала.

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

4. Кейсы важны как доказательство экспертизы

Для SBG было важно показывать не только список решений, но и опыт внедрений. В сложном B2B доверие формируется через понятные примеры: с кем работали, какие задачи решали, какие сегменты понимают.

Эти инсайты легли в основу структуры сайта, навигации, контента и визуальной подачи.

Структура сайта

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

В структуре сайта появились понятные входы для разных сегментов бизнеса:

1. крупные торговые сети; 
2. малые сети;
3. отдельные магазины;
4. кафе и рестораны;
5. отели;
6. складская инфраструктура;
7. продукты и оборудование;
8. портфолио;
9. партнеры;
10. новости;
11. контакты и формы заявки.  

Такой подход помогает пользователю не искать абстрактное «ПО для автоматизации», а быстрее перейти в раздел, который соответствует его бизнесу.

Мы заложили в структуру три основных сценария входа.

1. «У меня есть тип бизнеса» Например, магазин, ресторан, отель или сеть. В этом случае пользователь идет в раздел с решениями под свою категорию.

2. «Я ищу конкретный продукт или оборудование». Для этого нужен каталог и продуктовые карточки.

3. «Я выбираю подрядчика и хочу понять опыт». Для этого нужны кейсы, портфолио, клиенты, партнеры и блоки доверия.

Такая структура позволяет сайту работать сразу на несколько аудиторий и этапов воронки.

Дизайн-концепция

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

Мы хотели передать четыре качества бренда:

1. надежность;
2. технологичность;
3. масштаб;
4. простоту взаимодействия.  

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

В визуальной системе мы использовали:

1. чистую типографику;
2. технологичные градиенты;
3. 3D-элементы;
4. иллюстрации;
5. анимацию;
6. карточную структуру;
7. понятные UI-компоненты;
8. адаптивную сетку для больших и мобильных экранов.  

Дизайн не должен был просто «освежить сайт». Он должен был помочь SBG выглядеть как компания, которой можно доверить автоматизацию торговой сети, ресторана или гостиничного бизнеса.

Веб-дизайн

После утверждения концепции мы перешли к дизайну страниц и шаблонов. Всего подготовили более 50 страниц и интерфейсных состояний для разных разделов сайта.

Особое внимание уделили:

1. главной странице;
2. страницам решений под разные сегменты бизнеса;
3. каталогу оборудования и продуктов;
4. карточкам решений;
5. портфолио и кейсам;
6. формам заявки;
7. мобильным адаптивам;
8. мультиязычным версиям;
9. анимациям и визуальным переходам.  

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

Разработка

Сайт мы реализовали на 1C-Битрикс. Это решение подходило для проекта из-за крупной структуры, каталога, мультиязычности, управляемых разделов и необходимости дальнейшего развития.

На этапе разработки мы:

1. сверстали адаптивные страницы;
2. реализовали сайт на 1C-Битрикс;
3. настроили русскую и узбекскую версии; 
4. подключили каталог и продуктовые разделы; 
5. настроили формы заявок;
6. связали заявки с Битрикс24;
7. подключили необходимые модули;
8. настроили базовые SEO-параметры;
9. подготовили сайт к индексации;
10. запустили проект.  

Отдельно мы проработали связку сайта с CRM, чтобы заявки не терялись и попадали в рабочий процесс команды SBG.

Результат

В результате SBG получила новый сайт, который соответствует масштабу компании и лучше работает с B2B-аудиторией на раннем этапе принятия решения.

Что мы сделали:

1. пересобрали структуру сайта под разные сегменты бизнеса;
2. обновили визуальное позиционирование компании;
3. разработали более 50 страниц и шаблонов; 
4. подготовили русскую и узбекскую версии;
5. реализовали сайт на 1C-Битрикс; 
6. настроили каталог, формы и интеграцию с Битрикс24;
7. усилили блоки доверия через кейсы, клиентов, партнеров и портфолио;
8. подготовили сайт к SEO и дальнейшему продвижению.  

После запуска сайт показал улучшение ключевых показателей:

1. На 28% снизился показатель отказов.
2. На 34% выросла глубина просмотра благодаря новой структуре и сегментации разделов.
3. На 22% выросла конверсия в заявку за счет обновленных форм, CTA и понятной навигации.
4. В 1,6 раза увеличилось количество переходов в разделы решений после пересборки структуры.

Вывод

В сложном B2B сайт не должен быть просто каталогом продуктов или презентацией компании. Его задача — объяснять, сегментировать аудиторию, помогать пользователю узнать свою задачу и вести его к следующему шагу.

В кейсе SBG мы не просто обновили дизайн. Мы пересобрали сайт как полноценную цифровую точку продаж: от структуры и визуальной системы до разработки, CRM-интеграции и подготовки к SEO.

Если вашему бизнесу тоже нужен сайт, который работает не как витрина, а как полноценная точка продаж, — расскажите нам о задаче. Команда Pickles team поможет с UX/UI, дизайном и разработкой.