В этом кейсе digital-агентство ЗЕКСЛЕР делится историей проекта, в ходе которого пришлось кардинально изменить концепцию разработки сайта и начать работу заново. Рассказывает о том, как создавался хороший ресурс для различных категорий пользователей, автоматизировались бизнес-процессы для оптимизации работы продажников и готовился сайт к эффективной прокачке и росту продаж.
Первоначальные цели
Занимались проектом интернет-магазина для OLDI Computers, крупного российского изготовителя компьютерного оборудования. Одна из ключевых задач – реализация закрытого сайта с хорошо организованным ЛК специально для корпоративных клиентов и деловых партнеров (B2B). Это подразумевало строгий контроль доступа: содержимое ресурса было доступно исключительно после предварительного согласования администрации. Чтобы обеспечить надежную защиту данных и комфортное взаимодействие, создали систему подачи и согласования запросов на регистрацию и получение доступа.
Для чего ограничивать доступ
Выбор формата ограниченного сайта вполне осознанный. Прежде всего, это позволило исключить риск посещения посторонними лицами, поскольку контент и возможности сайта ориентированы исключительно на бизнес-клиентов. Кроме того, такая мера обеспечила повышенную безопасность данных, что критически важно для больших оптовых операций и заказов.
Основные задачи личного кабинета:
- Самостоятельное оформление заказов клиентами и партнерами;
- Снижение нагрузки на отдел продаж;
- Интуитивно понятный интерфейс и простота использования;
- Автоматизация рабочих процессов;
- Стимулирование покупок через программы лояльности и спецпредложения.
Почему важен B2B-сегмент?
- Предприятия продают товары и услуги другим компаниям, а не конечным потребителям;
- Покупатели обладают высоким уровнем дохода и требуют индивидуального подхода;
- Необходимо учитывать специфику обслуживания крупных клиентов и партнеров.
Немного о прототипе и дизайне
Получив ТЗ, провели анализ структуры и функционала сайта, ориентированного на оптовых покупателей. Изучили потребности ЦА, определив востребованные функции и инструменты. Результаты исследования легли в основу проектирования прототипов. Сайт реализован на платформе 1C-Битрикс.
Для создания эффективного инструмента, глубоко изучили нужды оптовых покупателей и выделили несколько основных:
- Личный менеджер: покупателю предоставляется контакт конкретного сотрудника, курирующего его заказы, что облегчает коммуникацию и повышает качество сервиса.
- Программа лояльности: внедрение индивидуальных скидок, бонусов и особых условий для постоянных клиентов, повышающих лояльность и повторные продажи.
- Мультиаккаунты: возможность зарегистрировать несколько юридических лиц под единым аккаунтом, что удобно для компаний с несколькими подразделениями или филиалами.
- Просторный и функциональный профиль пользователя: доступ к архиву всех ранее оформленных заявок и заказов, быстрая повторная покупка товаров, сохранение сопутствующих документов (счетов, актов, товарных накладных) по каждому приобретению.
Шаг первый: «Окно для входа»
Любопытный факт: первоначальный дизайн сайта состоял буквально из окна авторизации. Несмотря на кажущуюся простоту, такое решение имело глубокий смысл. Оно позволяло экспериментально подтвердить ключевое предположение: насколько охотно крупные оптовые клиенты согласятся пройти процедуру регистрации и дождаться официального разрешения на доступ к ресурсу.
Первоначально посетителю отображается форма авторизации с возможностью подать заявку на доступ. В заявке клиент вводит необходимые сведения о своей организации, контакты и юридические данные. Затем указанные сведения проходят проверку специалистом. По итогам успешной проверки заявки клиенту отправляется электронное письмо с уникальными данными для входа: логином и паролем.
Причины введения подобной схемы заключаются в следующем:
- Управление аудиторией: доступ предоставляется исключительно прошедшим проверку юридическим лицам, исключая посторонних посетителей.
- Индивидуальное обслуживание: всем новоиспеченным заказчикам прикрепляется личный ассистент, который сопровождает его с момента визита на площадку.
- Наладка персональных условий: система позволяет устанавливать уникальные условия сотрудничества, такие как специальные скидки и расценки, для каждого отдельного клиента.
Шаг второй: отказ от стандартного вида главной страницы
Первоначальная концепция включала традиционную основную страницу с элементами вроде баннера, перечня товарных категорий и акционных предложений. Однако впоследствии пришли к выводу, что юридическим лицам гораздо удобнее видеть на первой странице непосредственно товаров и иметь быстрый доступ к своему аккаунту. По итогу внимание уделили оформлению верхней части страницы, разместив там главные разделы и пункт входа в личный кабинет, а также оптимизировав представление каталога товаров.
Шаг третий: каталог продукции и оформление заказа
Поскольку ассортимент представлен компьютерной техникой, для облегчения поиска необходимого товара реализовали функцию фильтрации по техническим характеристикам.
В описании каждого товара добавили отображение розничной стоимости, чтобы партнер мог сразу увидеть разницу в цене и оценить экономическую выгоду своего статуса.
Процесс оформления заказа организован традиционно через корзину, куда пользователь добавляет выбранные товары. При этом покупателю-партнеру автоматически применяется соответствующая скидка. Важный нюанс заключается в выборе контрагента, от имени которого формируется коммерческое предложение.
При оформлении заказа личный ассистент обрабатывает поступившие заказы.
- Формирует индивидуальное коммерческое предложение.
- Вся информация отображается в личном кабинете покупателя.
- Сохраняется полная история взаимодействия по заявке.
- Партнеры могут погасить часть суммы покупки накопленными бонусами.
Шаг четвертый: личный кабинет
Порталу подобного типа необходим детально разработанный аккаунт, выполняющий сразу несколько важных функций для клиента: снижение нагрузки на отдел продаж, рост объемов заказов и повышение уровня удовлетворенности. Создали личный кабинет предельно простым, интуитивным и с удобным интерфейсом.
Основной экран личного кабинета представляет собой компактный дашборд, на котором представлена важная информация: количество заработанных баллов, действующие акции, статус текущих заказов.
Позднее добавили данные о персональном менеджере возле меню быстрого доступа.
Раздел «Личный менеджер» содержит все необходимые данные о сотруднике, закрепленном за клиентом.
Кроме того, в разделе «Заказы» и «Поддержка» представлены удобные табличные формы, позволяющие оперативно получать детализированные сведения о состоянии заявок без необходимости входа непосредственно внутрь самих записей.
Страница заказа содержит полный комплект документации: коммерческие предложения, акты выполненных услуг и прочие необходимые бумаги.
Разработка полноценного ИМ для B2B и B2C сегментов
Оформление было утверждено, сайт запущен, тестирование успешно завершилось. Казалось бы, работа подошла к концу, однако неожиданно возникла новая ситуация. Заказчик сообщил о слиянии двух известных брендов — УралЗвук и OLDI Computers, результатом которого стала компания УРАЛ КОМПЬЮТЕР. Теперь ей понадобилась универсальная онлайн-платформа, способная обслуживать одновременно и корпоративный сектор, и розничных потребителей.
Это изменение повлекло за собой необходимость пересмотреть изначальные цели, скорректировать функционал и переработать визуальный облик страниц. Бренд претерпел значительные трансформации, теперь главной целью стало создание полнофункционального онлайн-магазина, одинаково удобного как для компаний (B2B), так и для индивидуальных покупателей (B2C). Данная метаморфоза серьезно повлияла на весь исходный подход к разработке, так как изначально проект заточен исключительно под нужды сегмента B2B.
По итогам мозгового штурма сформулировали перечень необходимых изменений, помимо переработки дизайна:
- Добавление полноценной домашней страницы;
- Переработка внешнего вида имеющихся страниц;
- Отображение цен меняется автоматически в зависимости от категории пользователя.
- Обновление форм входа и регистрации;
- Оптимизация процедуры оформления заказов;
- Разработка аккаунта для физических лиц;
- Улучшение механизма отправки почтовых уведомлений.
Дополнительно решено осуществить следующее:
- Подключить совместную работу с логистической платформой СДЭК;
- Установить поддержку оплаты через банковскую платежную систему;
- Организовать подгрузку сведений из базы данных по ИНН;
- Выполнить синхронизацию с системой учета 1С.
SEO-продвижение до запуска сайта
Во время разработки сайта временно разместили страницу-заглушку с сообщением «Сайт находится в стадии разработки». Этот простой ход позволил сразу приступить к подготовке продвижения:
- Заполнили важные SEO-элементы (заголовки H1, названия страниц Title, описания Description).
- Подготовили файл robots.txt и карту сайта sitemap.xml.
- Подключили инструменты веб-аналитики и мониторинга поисковых систем.
- Начали писать и размещать положительные отзывы и статьи о компании на сторонних площадках для наращивания внешней ссылочной массы.
- Разместили компанию в популярных каталогах организаций.
Эти меры позволяют быстрее привлечь аудиторию и ранжироваться поисковиками сразу после официального запуска основного сайта.
Новая главная страница
Измененная концепция сайта потребовала разработки полной версии главной страницы, которую первоначально планировалось не разрабатывать. Был подготовлен макет и дизайн, учитывающий запросы обеих целевых групп — корпоративных клиентов (B2B) и обычных покупателей (B2C), выполненный в обновленной цветовой гамме бренда.
Главная страница начинается с традиционного блока баннеров, представляющих актуальные акции. Поскольку бренд недавно образован, второй блок посвящен короткой презентации самой компании. За ним следуют блоки с ключевыми категориями товаров, а также отдельная секция с самыми востребованными позициями и сервисами
Разделение по типам пользователей
Обновление внешнего вида каждого раздела проводилось с учетом обновленных требований, особенно тех, что направлены на повышение удобства покупок для обычных потребителей. Так, была пересмотрена структура процесса регистрации и устройства личного кабинета. Теперь пользователям предлагается выбрать свою роль (“организация” либо “частное лицо”) непосредственно при регистрации.
В личном кабинете для физических лиц сократили количество функций, удалив элементы, предназначенные исключительно для юридических лиц, например, работу с документацией. Для простых покупателей этот раздел служит преимущественно хранилищем истории заказов, а не рабочим инструментом.
Введение физического лица в качестве дополнительного типа пользователя привело к появлению трех видов пользователей на сайте: неавторизованные посетители, физические лица и юридические лица. Основные отличия для авторизованных юридических лиц включают показ специальной цены, пользователи смогут выбирать поставщика при размещении заказа, воспользоваться услугой производства товара по индивидуальным параметрам и получат улучшенные опции своего личного аккаунта.
Процесс оформления заказа полностью переосмыслен. Сейчас незарегистрированные пользователи могут начинать процедуру заказа прямо из корзины. Сначала они выбирают категорию своей регистрации: частное лицо или организация.
При регистрации юридического лица (или при создании нового контрагента в профиле пользователя) была интегрирована удобная функция автоматического заполнения полей по введенному ИНН. Благодаря этому нововведению существенно сокращается время на ручное внесение реквизитов и последующую их проверку.
Подключение к СДЭК и эквайринг
Следующим этапом становится выбор способа доставки. Была выполнена подключение к сервису СДЭК, обеспечивающая загрузку списка ближайших пунктов выдачи и автоматическое вычисление расходов на доставку исходя из выбранного адреса.
Кроме того, установили эквайринговую систему для приема платежей. Некоторые трудности возникли при интеграции с платформой Bitrix: не отправлялись данные из полей “Фамилия” и “Email”, а также неверно устанавливался метод доставки (самовывоз или курьером). Эти проблемы оперативно исправлены, благодаря чему оплата стала функционировать корректно.
Интеграция с 1С
После завершения работ по сайту перешли к проверке импорта товаров из системы 1С. Из-за расширения ассортимента и появления новых товарных категорий обмен данными потребовал дополнительной настройки.
Вот некоторые подробности технического характера относительно интеграции:
- Изначально столкнулись с проблемой передачи изображений и цен определенных категорий товаров. Первая попытка решить вопрос путем принудительной загрузки изображений не увенчалась успехом.
- В итоге применили журналирование ошибок, чтобы выявить корень проблемы. Выяснилось, что передача изображений корректно работает только при наличии отдельных ветвей категорий в структуре дерева. Эту особенность исправили, добавив отдельные ветви для соответствующих категорий.
- Сложности возникали и с полем «Цена»: выяснилось, что имена полей в системах 1С и Битрикс различались. Исправили расхождения, приведя оба наименования к единому стандарту, после чего импорт начал функционировать стабильно.
Затем на сайт загрузили каталог товаров и настроили нужные фильтры.
Затем возникло затруднение с правильной передачей описательной информации о товаре. Проблема заключалась в том, что описание анонса не поступало, так как считалось «реквизитом». Решение нашли путем корректировки настроек полей: присвоили полю XML-значение «Полное наименование», а полю 1С — «Описание». После этого всё заработало идеально.
Еще одной трудностью стало внедрение новых основных разделов.. Для стабильной работы всей системы решено было разместить весь ассортимент товаров в единый информационный блок. Учитывая разнообразие характеристик у разных позиций, настроили карточку товара так, чтобы отображались только те свойства, которые фактически указаны и заполнены.
Версия сайта для смартфонов
Сегодня иметь версию сайта для смартфонов— это не дополнительная опция, а обязательное требование. Уже на начальных этапах работы над проектом УРАЛ КОМПЬЮТЕР особое внимание уделялось адаптации ресурса под мобильные устройства, такие как смартфоны и планшеты. Это избавило нас от необходимости вносить правки на последних стадиях разработки и позволило сразу предложить пользователям качественный интерфейс вне зависимости от используемого устройства. Сайт отлично смотрится и полноценно функционирует как на компьютерах, так и на мобильных устройствах любого размера.
Итоги и дальнейшие действия
Закончив разработку сайта, мы получили не просто средство для реализации товаров, а надежную базу для расширения бизнеса. Еще на этапе старта проекта заложили фундамент будущих маркетинговых мероприятий: подготовили площадку для поискового продвижения, интегрировали необходимые системы (1С, логистику СДЭК и банковский эквайринг). Благодаря этому сразу же можем приступать к притоку клиентов и развитию функциональных возможностей.
Особое внимание уделялось созданию комфорта для пользователей, что позволило сделать сайт доступным и интуитивно понятным как для представителей бизнеса (B2B), так и для розничных покупателей. Простота интерфейса повышает доверие клиентов и улучшает показатели превращения просмотров в продажи, что существенно увеличивает объемы торговли. В будущем запланировано дальнейшее улучшение сервиса для пользователей путем добавления полезных функций, таких как избранные товары и сравнение характеристик изделий. После завершения этих доработок планируем активно продвигать сайт и увеличить рекламную активность.
Разработанный сайт станет ключевым звеном в цифровизации бизнеса компании УРАЛ КОМПЬЮТЕР. Новое решение позволит привлечь больше клиентов, удержать существующих и значительно повысить доходы. Последующие шаги включают проведение рекламных акций, создание полезного контента и продвижение сайта в поисковых системах. Проект открывает широкие горизонты для роста бизнеса заказчика и является уверенным стартом на пути к достижению высоких результатов.
