Разработка интернет-магазина для Торгового Дома «316L»

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

Как сделать удобный сайт для нишевого продукта, когда подавляющая часть ЦА - оптовики? В этом кейсе мы покажем, как разработали удобный сайт для торгового дома «316L». С его помощью клиент сможет привлечь в разы больше трафика и заявок в своем регионе. 

О клиенте

Торговый дом "316L" реализует оптовую и розничную продажу материалов из нержавеющей стали. В ассортименте есть приварные и резьбовые, трубопроводные и запорные арматуры, а также различные расходные материалы. Значительная часть аудитории торгового дома - оптовые покупатели. Фабрики, цеха, заводы и различные производители регулярно закупаются в 316L необходимым оборудованием.

Как все работало раньше?

Мы познакомились с "316L" в мае 2021 года. Из-за пандемии в компании резко упали продажи. Часть клиентов не могли лично посещать торговое заведение, поэтому требовался интернет-магазин с удобным онлайн-каталогом. 

На что жаловался клиент?

Нет возможности работать с клиентами из других регионов.

Не реализована удобная система онлайн-оплаты.

Не учета каталога в 1С.

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

Цель работы

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

Задачи: 

Разработать сайт в заданном цветовом и размерном оформлении.

Интегрировать сайт с системой 1С Управление торговли.

Выполнить SEO для получения места в поисковой выдаче.

Целевая аудитория Торгового Дома 316L - оптовые покупатели. Часть из них постоянные клиенты компании. Мы учитывали этот факт перед началом разработки. Сайт для оптовых покупателей всегда отличается от привычного интернет-магазина. Поскольку покупатель - это собственник бизнеса или менеджер, все должно быть выстроено вокруг их потребностей. 

1. Перед началом работ нужно было решить две задачи:

2. Получить видение сайта от Заказчика, учесть его пожелания и требования.

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

Ничто не должно отвлекать человека от покупки. Сайт должен включать только важные для посетителя тексты и изображения. По этой причине мы выбрали CMS 1C-Битрикс. Это движок, позволяющий создать удобную блоковую структуру страниц. 

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

Работу начали с выбора движка для сайта. 

Выбрали CMS 

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

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

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

Для быстрой загрузки страниц и обработки больших объемов трафика нужна качественная CMS. Предпочтение отдали движку 1C-Битрикс, с которым можно собирать страницы из блоков. Использовали решение, чтобы каждую страницу можно было разбить на блоки и модули. 

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

Подготовили каталог товаров на сайте. Намеренно сделали его максимально простым - только изображение товара и подпись. Так пользователь быстрее сориентируется в поиске необходимого раздела.

В разделах с товарами придерживались похожего стиля. Слева от экрана поместили фильтр со всеми необходимыми параметрами.

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

Под каждой карточкой товара - оптимизированные тексты и пояснениями по каждому типу товарной единицы.

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

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

На отдельной странице вынесли данные о доставке товара. Все данные интеорируются с сервисом 1С Управление торговли.

Корзина на сайте

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

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

Для передачи сайта Заказчику выполнили следующий комплекс работ:

– Интегрировали сайт с системами сторонней аналитики Яндекс.Метрика и Roistat. Так у клиента всегда будет четкое представление о ключевых показателях эффективности.

– Внедрили систему безопасности и привели сервера сайта под стандарты защиты.

– По ходу разработки оптимизировали сайт под поисковое продвижение: расставили метатеги, написали SEO-тексты, заполнили robots.txt и sitemap, удалили дубли страниц и настроили редиректы. Компания заказывала исследование семантики на рынке и предоставила нам результат поисковых фраз. Нам оставалось только воспользоваться созданным ядром для продвижения сайта в выдаче.

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

Интегрировали каталог магазина с системой управления товарами 1С. Настроили компоненты умного фильтры и свойства для фильтрации. Подготовили модули интернет-магазина (цены, единицы измерения, информация о компании, типы плательщика, свойства заказа). 

С помощью настроенного модуля на стороне сайта и 1С, клиент мог отправлять данные о заказе в 1С, менять статусы заказа, обмениваться информацией со службами доставки и работать со складом.

Мы интегрировали сайт с программным модулем «БИТ: Управление доступом (СКУД) 8». Программа позволяет укрепить трудовую дисциплину, сэкономить на операционных расходах, а также сократить количество ошибок при расчете заработной платы. БИТ автоматически сформирует все необходимые данные и документы для расчета заработной платы.

Клиент получил практичный и отвечающий всем стандартам сайт, призванный оптимизировать работу как с оптовыми, так и с розничными клиентами. А благодаря интеграции с системой 1С компания «316L» может ускорить операционные процессы без рисков для производства и продаж.