Разработка сайта для отечественного производителя компьютерной техники как первый шаг к комплексному продвижению в интернете – кейс ЗЕКСЛЕР и Урал Компьютер

Чтобы создать действительно полезный инструмент, погрузились в основные потребности оптовых покупателей. Выделили ключевые функции:

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

Шаг первый: «Окно для входа»

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

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

Зачем такие сложности:

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

Шаг второй: отказ от стандартного вида главной страницы

Изначально планировали сделать сайт с главной страницей, на которой привычно бы отображались баннер, основные категории товаров, акции и прочее. Но позже решили, что для юрлиц важнее сразу показать каталог товаров и обеспечить быстрый вход в личный кабинет. Сосредоточились на удобстве шапки сайта, куда были выведены основные разделы и вход в ЛК, а также на «Каталоге продукции».

Шаг третий: каталог продукции и оформление заказа

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

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

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

После нажатия менеджер обрабатывает заявку, выставляет коммерческое предложение. Все действия по заказу фиксируются в Личном кабинете. Небольшая вишенка для Партнера – это возможность оплатить часть покупки накопленными баллами (об этом ниже).

Шаг четвертый: личный кабинет

Для такого портала требовалась тщательная проработка личного кабинета, так как именно он решал сразу несколько задач клиента (разгрузка отдела продаж, увеличение объема заказов, повышение лояльности и т.д.). Сделали ЛК максимально простым, интуитивно понятным и с удобным интерфейсом.

Общая информация в ЛК – это небольшой дашборд, куда выводится информация по накопленным баллам, текущим акциям, заказам и обращениям.

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

В подразделе «Заказы» и «Поддержка» вывели информативные таблицы, чтобы не совершать лишние переходы в сам заказ.

На странице с заказом хранятся все документы (коммерческие предложения, акты выполненных работ и другое).

Разработка полноценного ИМ для b2b и b2c сегментов

Согласовали дизайн, выкатили сайт, приступили к тестированию. И вот на завершающем этапе приходит новая вводная информация от заказчика. Произошло слияние двух мощных компаний, которые до этого были известны на рынке, как Урал Звук и OLDI Computers. И вот, мы стали свидетелями того, как в результате появился УРАЛ КОМПЬЮТЕР, которому требовалась платформа как для бизнеса, так и для частных клиентов. А это означало, что нужно изменить первоначальное позиционирование, функционал и сделать редизайн страниц.

Бренд поменялся, появилась новая цель – полноценный интернет-магазин, удобный как для B2B, так и для B2C аудитории. А это полностью сказывается на основных аспектах сайта, которым мы следовали, потому что затачивали сайт исключительно под B2B сегмент.

Итак…

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

• Добавить главную страницу;
• Сделать редизайн всех существующих страниц;
• Показывать цены в зависимости от типа пользователя;
• Вход/регистрация;
• Оформление заказа;
• Создание личного кабинета для физических лиц;
• Корректировка уведомлений на почту.

Помимо этого было принято решение:

• Настроить интеграцию со СДЭК;
• Подключить эквайринг;
• Подключить подтягивания данных из баз по ИНН;
• Настроить интеграцию с 1С.

SEO без сайта

Пока сайт находился в разработке, не теряя время создали заглушку с текстом «Сайт в разработке». Это позволяет сделать первый и важный шаг к поисковому продвижению:

• Заполнение мета-тегов (H1, Title, Description);
• Создание файла robots.txt и карты сайта;
• Внедрение вебмастеров и метрики;
• Написание и размещение обзоров на внешних сайтах для набора ссылочной массы; 
• Размещение информации о компании в листингах.

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

Новая главная страница

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

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

Разделение по типам пользователей

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

Например, это коснулось регистрации и Личного кабинета. Появилась возможность выбрать в качестве кого нужно зарегистрироваться – ЮЛ или ФЛ.

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

В связи с добавлением нового пользователя (физическое лицо), на сайте в сумме стало 3 типа пользователя: неавторизованный пользователь, авторизованное ФЛ, авторизованное ЮЛ. Разница для авторизованного ЮЛ заключается в следующем: отображение спеццены, возможность выбрать контрагента при оформлении заказа, услуга индивидуального производства, а также возможности личного кабинета.

Также полностью переработали логику оформления заказа. Во-первых, в случае, если пользователь не авторизован, то при оформлении заказа он может прямо в корзине зарегистрироваться на первом этапе в качестве ФЛ или ЮЛ.

При регистрации ЮЛ (или добавления нового контрагента в ЛК) добавили крутую фишку – подключение модуля, который подтягивает и заполняет все поля по ИНН. Супер удобно, чтобы не тратить время на копирование реквизитов и перепроверку.

Интеграция со СДЭК и эквайринг

Далее выбираем способ доставки. Осуществили интеграцию со СДЭК: подгружаются всевозможные ПВЗ, а также автоматически рассчитывается стоимость доставки.

И настроили эквайринг. Немного пришлось повозиться с интеграцией с Битрикс (не передавались данные из полей "фамилия" и "email", а также способ доставки СДЭК – ПВЗ или курьером).

Интеграция с 1С

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

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

После это уже вывели каталог на сайт, добавили соответствующие фильтры.

Потом были сложности с передачей описания продукции. Настроили корректные поля. Не приходило описание анонса товара, потому что выгружался как «реквизит». Добавили «наименование поля xml» = «Полное наименование», «Наименование поля 1С» = «Описание», и вуаля!

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

Мобильная версия сайта

В современном мире удобная мобильная версия сайта – это не просто пожелание, а базовый стандарт. Для проекта УРАЛ КОМПЬЮТЕР с самого начала уделили внимание адаптации под смартфоны и планшеты (всегда так делаем). Это позволило избежать лишних правок на финальных этапах и сразу обеспечить удобный интерфейс для всех устройств. Теперь сайт выглядит и функционирует одинаково хорошо, независимо от того, с какого экрана пользователь заходит: будь то компьютер, телефон или планшет.

Результаты и дальнейшие планы

Сайт готов, и это не просто готовый инструмент для продаж, а основа для комплексного продвижения бизнеса. Уже на этапе разработки заложили фундамент для будущего роста: подготовили базу для SEO-оптимизации и настроили интеграции с ключевыми сервисами, такими как 1С, СДЭК и эквайринг. Это позволяет сразу после запуска начать привлекать клиентов и оперативно улучшать функционал.

Особое внимание уделили удобству пользователей, сделав сайт адаптивным и интуитивно понятным как для B2B-клиентов, так и для частных покупателей. Это не только повышает лояльность, но и увеличивает конверсию, что напрямую влияет на рост продаж. Уже сейчас видим потенциал для дальнейших пользовательских улучшений: в планах – добавление функций «Избранное» и «Сравнение товаров», которые сделают использование платформы еще удобнее. После этого планируем активно заняться рекламой и продвижением.

Сайт стал отправной точкой для цифровой трансформации бизнеса УРАЛ КОМПЬЮТЕР. Создан инструмент, который будет привлекать новых клиентов, удерживать существующих и увеличивать продажи. Впереди следующие шаги комплекса – запуск рекламных кампаний, работа над контентом и технической оптимизацией, чтобы улучшать позиции сайта в поисковой выдаче и повышать его видимость. И это отличное начало большого пути, где предстоит проделать следующие шаги по увеличению продаж и развитию бизнеса заказчика.