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