Разработка строительного интернет-магазина и внедрение Quality of life функций
Проблемы
Интернет-магазин — это обязательный в современном мире инструмент торговли. В любое удобное время потенциальный клиент может зайти на сайт, ознакомиться с ассортиментом, внимательно изучить особые предложения, бонусные программы и другие акции. И тут же сделать заказ, выбрав удобный способ оплаты и доставки. Сегодня даже сформировался целый пласт потребителей, которые делают покупки только через интернет. И бизнес активно борется за них. В условиях современного рынка, без собственного интернет-магазина, компания будет упускать существенную долю потенциальных покупателей.
Центр поставки материалов для дома «Дёке Саплай Центр» – это уникальный формат магазинов для профессионалов коттеджно-малоэтажного строительства и тех, кто решил воплотить свою мечту построить собственный дом. Вот что они пишут о себе:
Разработка строительного интернет-магазина
На наших торговых площадках собрана продукция ведущих производителей строительных материалов, которая необходима для реализации каждого этапа строительства дома – от фундамента до кровли, а также для дальнейшего благоустройства территории. Широкий ассортимент поможет вам сделать выбор вне зависимости от бюджета и фантазии вашего дизайнера.
В рамках расширения бизнеса им потребовался интернет-магазин, чтобы охватить дополнительный сегмент клиентов, делающих покупки в сети.
Осенью 2017 года DSC обратились в нашу компанию. Была поставлена задача создать интернет-магазин, который должен:
Обеспечивать быстрое и удобное представление информации о компании, предлагаемой продукции, условиях работы и новостях компании
Включать возможность интерактивного выбора товара и просмотра его подробных характеристик, стоимости и наличия на складе
Информировать пользователей о времени работы и месте нахождения торговых отделений/складов
Предоставлять возможность покупки необходимого товара путем оформления заказа с возможность оплаты банковской картой и занесения заказа в историю покупок в личном кабинете пользовател
Кроме того, сайт должен иметь функционал:
Для импорта товаров из учетной системы номенклатуры товаров компании в интернет-магазин
Для выгрузки оформленных заявок/обращений в учетную систему номенклатуры товаров
Обмена статусами заказов между учетной системой компании и сайтом в автоматическом режиме.
Работы по созданию сайта мы разделили на несколько этапов:
Прототипизация на основе опыта предыдущих проектов в схожей тематике
Создание дизайна для будущего сайта
Разработка клиентской стороны пользовательского интерфейса интернет-магазина.
Настройка и интеграция модуля обмена заказами и информации по каталогу между сайтом и учетной системой.
Тестирование сайта с помощью фокус-группы и улучшение в соответствии с полученными данными
Настройка личного кабинета пользователя и внедрение интеграции с единой платформой для автоматизации маркетинга Mindbox.
Выбор сервера и релиз сайта
Подготовка к разработке
До начала работы с компанией DSC, мы успешно завершили несколько проектов по схожей строительной тематике и уже имели некоторую статистику по тому, какие решения работают хорошо, а какие оказались не настолько эффективными.
Внешняя сторона интерфейса
После того, как дизайн и структура сайта были утверждены, мы приступили к разработке. В этом проекте мы использовали Gulp – систему сборки проекта, которая оптимизирует рутинную работу и позволяет автоматизировать многие процессы при разработке.
В частности в этой системе, нами был использован механизм оптимизации (минификации) css и js файлов. В работе применяли препроцессор SASS, что значительно ускоряло разработку проекта и автоматизировало некоторые процессы при кроссбраузерной верстке.
Также для сайта был разработан механизм развёртывание программного обеспечения проекта на development и production серверы с использованием SSH. Что позволило существенно сократить время на выгрузку изменений на сервер с сохранением версий проекта и возможностью быстро восстановить любую из них.
На сайте был реализован весь потенциал современных интернет магазинов. Так, пользователь может легко найти интересующий его товар, воспользовавшись поиском:
Или отсортировать позиции в определенной категории по необходимым параметрам:
Внутри карточки товара, покупателю предлагаются сопутствующие товары, необходимые для монтажа и дополнительных работ. Это удобное решение для пользователя — ему не приходится искать товары по всему сайту, к тому же это увеличивает средний чек с одного покупателя:
На главной странице выводится блок с самыми популярными и актуальными товарами. Если пользователь ищет что-то широко распространенное, то скорее всего он найдет это тут:
Также на сайте присутствуют такие полезные страницы:
Новости компании — необходимый блок для продвижения сайта с помощью контент-маркетинга
Страница для профессионалов — где указаны все возможные способы связи с компанией на уровне B2B
Страница с вакансиями компании DSC
Если у пользователя все же остаются какие-то вопросы по товарам или сайту, то он всегда может воспользоваться формой обратной связи или задавать вопрос менеджеру компании в интегрированный чат jivosite:
Для удобства покупателей, мы создали страницу, где подробно объясняются все условия по доставке и оплате. Также реализовали интерактивную карту, наглядно показывающую сколько будет стоить доставка до каждого конкретного места в городе Санкт-Петербург и Ленинградской области:
Внутренняя сторона интерфейса
Ключевым моментом в Backend разработке, была настройка и интеграция модуля обмена заказами Bitrix с учетной системой номенклатуры заказов DCS. На этом этапе, наша задача состояла в том, чтобы работа компании по актуализации информации по товарам и остаткам на сайте была минимальна.
Реализованная нами интегрированная система позволяет в автоматическом режиме обновлять информацию как на сайте, так и в учетной системе. Т.е. если у какого-либо существующего товара поменялась цена или изменились остатки на складе, то эти же изменения автоматически отражались и на сайте.
Таким образом, внутренняя структура работы компании практически не изменилась — интернет-магазин получает всю необходимую информацию из учетной системы без необходимости нагружать сотрудников DSC дополнительной работой, а менеджеры сразу же начинают обрабатывать все заказы с сайта не заходя в административную систему интернет-магазина.
Тестирование сайта на фокус-группе
После того, как все основные функции сайта были готовы, мы решили протестировать интернет-магазин на реальных пользователях. Сайт был запущен в бета-тестовой версии:
Мы отслеживали различные параметры поведения пользователей:
Проблемные места на страницах
Реакцию на различные блоки
Успешные и неудачные решения в дизайне
Пользовательский путь до товара
Баги и ошибки
Основываясь на полученных данных, мы улучшили те моменты на сайте, где пользователи чаще всего не понимали, что им следует делать и те страницы, на которых пользователи уходили из интернет-магазина.
Внедрение личных кабинетов
На сайте мы реализовали систему личных кабинетов пользователя.
Любой покупатель может создать на сайте себе личный аккаунт. Там сохраняется вся история заказов, а в настройках кабинета можно указать данные по адресам доставки, чтобы далее при заказе выбирать их одним кликом:
Подготовка к выпуску и релиз сайта
После того, как завершили основные работы по сайту, мы приступили к выбору сервера, на котором будет размещать интернет-магазин. Основными критериями, на которые мы обращали внимание были:
Размещение в РФ
Uptime >99%
Гибкие настройки для быстрого изменения конфигурации сервера — это необходимо в случае внезапных изменений в нагрузке сервера
Выделенный IP-адрес
Удобная панель администрирования
Быстрая реакция на запросы от техподдержки
Выбор пал на несколько лидирующих площадок и уже из них мы подобрали самый оптимальный вариант в соотношении цена/качество. Далее мы выгрузили сайт на сервер и выпустили его в релиз.
В настоящее время сайт полностью функционирует и находится на поддержке.
Привлечение лидов в
интернет-магазин
После разработки интернет-магазина нужно было привлечь на сайт трафик для дальнейшей конвертации посетителей в лидов.
Период продвижения: июнь-сентябрь 2019.
Цель: привлечь лиды в сезон и повысить узнаваемость бренда.
Ход работ
Нам нужно было разработать рекламные кампании по трём направлениям: металлочерепица, сайдинг и фасадные панели. Эти направления клиент выбрал как наиболее перспективные в летний сезон.
Анализ конкурентов
На этом этапе мы изучили особенности продвижения конкурентов: какими источниками привлечения трафика они пользуются, какие форматы используют, какие продукты предлагают, на какую аудиторию работают и т.п. Результаты анализа создали надёжную базу для разработки эффективной рекламной стратегии. То есть мы узнали, где высокий порог входа для размещения рекламы, а где низкий, и исходя из этого, могли корректировать форматы под наш бюджет. Также с большой долей вероятности мы могли предположить, где спрос на товар этой отрасли присутствует, а где отсутствует или слишком низок для эффективного продвижения.
Разработка кампаний
Проанализировав площадки размещения и проработав стратегию, мы решили, что разумно будет сначала разработать рекламу по горячим запросам в поисковиках, а также в Рекламной сети Яндекса. А позже – товарные объявления в Google.Покупки, на Яндекс.Маркете, плюс смарт-баннеры и динамические объявления в выдаче обоих поисковиков.
При подборе ключевых фраз мы опирались на товарную группу интернет-магазина и брендов. DSC был уже не первым нашим клиентом из сферы стройматериалов. Поэтому, когда мы начали разработку контекстной рекламы, мы уже знали многие тонкости бизнеса и продукта. Это помогло нам со скоростью и эффективностью: мы потратили меньше времени на изучение, избежали типичных ошибок и точно знали, в каком направлении нужно двигаться.
Также на этом этапе мы подключили коллтрекинг Calltouch для оценки количества обращений.
Ведение и аналитика
После начала показов объявлений мы внимательно отслеживали их ключевые показатели. В Яндекс.Директе и Google Ads мы следили за кликабельностью объявлений. В Яндекс.Метрике и Google Analytics – за количеством заявок с сайта, а в Calltouch – количеством звонков.
Благодаря сбору данных, мы могли оптимизировать кампании. Аналитика показывала нам, какие объявления получают больший отклик: клики и звонки. На более эффективные фразы мы повышали ставки, на менее – снижали или отключали показы.
К сожалению, узнать дальнейший путь заявок было невозможно, в компании не использовали CRM-системы для фиксирования и ведения лидов. Поэтому было неизвестно, удалась ли сделка по конкретной заявке и каков был коэффициент конверсии лидов в клиентов, какова была прибыль от одного клиента и сколько стоило его привлечение, каков в целом был ROI, LTV, вернулся ли клиент после первой сделки и т.п.
Итог
За 4 месяца мы получили 424 заявки.
В августе на рекламу было выделено значительно меньше средств, а в сентябре мы закончили работу с этим клиентом.
Клиент был доволен нашей работой, показатели радовали, но DSC попал под реорганизацию. И к осени фактически перестал существовать.