Кейс создания интернет-магазина строительных материалов | Аlеx Z.

Аlеx Z.

«Добрыня»

Интернет-магазин
строительных материалов

Содержание

01. О проекте

Логотип компании "Добрыня"

1.1. Клиент

“Добрыня” — оптовый поставщик строительных материалов из Санкт-Петербурга. Компания поставляет материалы для “Зенит Арены” и крупных петербургских застройщиков. Ассортимент насчитывает более 5 000 товаров российских и зарубежных брендов.

1.2. Задача

Увеличить долю онлайн-продаж. Текущий интернет-магазин на самописной cms плохо справлялся с этой задачей — часть страниц не работала, каталог было сложно заполнить, отсутствовала мобильная версия сайта. Это отражалось на конверсии и затрудняло продвижение сайта.

1.3. Требования

Система управления 1С-Битрикс;
Импорт товаров из Excel;
Адаптивность под мобильные устройства;
Каталог с привязкой товаров по брендам;
Таймер обратного отсчёта для акционных товаров;
Возможность устанавливать две цены на товар в разных единицах измерения;
Создание шаблонов страниц для редактирования (акции, портфолио);
Поиск по сайту.

02. Аналитика

2.1. Предпроектное исследование

Включает в себя:
— описание работы существующего сайта и бизнес-процессов компании,
— выявление недостатков сайта и бизнес-процессов,
— предложение идей, устраняющих эти недостатки.

В ходе исследования выявил слабые места сайта:
1. Низкая конверсия из посещения в заказ.
2. Плохие поведенческие факторы, которые являются гипотетической причиной постепенного падения поискового трафика.
3. Большая доля поискового трафика, важная для сохранения после обновления.

Результат исследования — презентация с подробным описанием и предварительное ТЗ на разработку сайта.

03. Дизайн

3.1. Главная страница

Я предложил отказаться от всего, что может отвлечь покупателя от покупки. Посетитель видит только разделы каталога, товары, бренды и самые важные разделы для b2b. Логотип упрощён до шрифтового написания. Все дополнительные текстовые страницы спрятаны в выпадающее меню в верху шапки.
Не забыл и про маркетинговую составляющую — выведены новинки, хиты продаж и преимущества компании, а внизу есть место для seo-текста.

3.2. Каталог

Каталог разработан с учётом требований поисковой оптимизации — есть общая страница каталога, блок тегирования, фильтр. Заложен функционал добавления seo-текста на страницы разделов.
Общая страница каталога. Для разделов подобраны уникальные иконки, а некоторые отрисованы вручную.
Страница раздела каталога. В фильтре выведены самые важные свойства, но в админке можно добавлять и другие

3.3. Карточка товара

Страница товара содержит всю необходимую информацию — бренд, характеристики, размеры, сертификаты.

Товары блока “Связанные товары” привязываются вручную, блока “Рекомендуем” подтягиваются автоматически при помощи технологии Big Data. В блоке “Ранее смотрели” показываются товары, просмотренные в предыдущих посещениях сайта.

Карточка товара. В макете показаны все возможные свойства и атрибуты.

04. Реализация

4.1. Импорт товаров из Excel

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

4.2. Мобильная версия

Отдельно проработали мобильную версию. Сайт корректно отображается во всех популярных мобильных браузерах.

4.3. Реализация необходимого функционала

Через четыре месяца с начала работ сайт был сдан клиенту. Ещё около месяца исправляли мелкие ошибки и наполняли контентом.

4.4. SEO-оптимизация

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

4.5. Помощь при запуске сайта

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

Интернет-магазин стройматериалов до редизайнаИнтернет-магазин стройматериалов после редизайна
Вид главной страницы до и после редизайна.

05. Результат

Сайт сдан и запущен на рабочем домене. Интернет-магазин стабильно работает и получал заявки даже в период самоизоляции.

Понравился сайт?
Сделаю ещё круче