Разработка интернет-магазина boltyn.ru

15.08.2019

Клиент

Сеть салонов связи и интернет-магазин “БОЛТУН.РУ”

Задача

Старый интернет-магазин перестал отвечать требованием бизнеса: дизайн устарел, функционал сложно масштабировался, внедрение нового функционала требовало большого объёма работ. Не было единого списка сотрудников, которым разрешён доступ к панели управления сайтом. Хостинг сайта поддерживали сомнительные специалисты, которые в случае падения сайта не могли его восстановить. Не было единой документации по синхронизации каталога магазина с 1С клиента.

Новый дизайн интернет-магазина
Новый дизайн интернет-магазина

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

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

Комментарий заказчика

Перед нашей командой стояли следующие задачи:

  • снижение показателя отказов;
  • увеличение конверсии в заказы;
  • привести в порядок ит-систему клиента.

Результат

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

Ход работ

Сбор данных и проектирование

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

Референсы по дизайну
Референсы по дизайну

Разработка прототипа

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

Дизайн 

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

Дизайн интернет-магазина разработан в соответствии с новым фирменным стилем.На главной странице представлена бренд-зона товаров Xiaomi. Показан блок трендовых гаджетов и новинок каталога. Заметная строка поиска позволяет сразу найти нужный товар в большом каталоге. Также на главной странице представлены факты о магазине: год основания, рейтинг на Яндекс маркете.

Разработка логотипа
Разработка логотипа
Разработка интернет-магазина boltyn.ru
Разработка интернет-магазина boltyn.ru

Программирование функционала

Выполнили адаптивную верстку макетов дизайна. Разработали функционал на платформе 1С-Битрикс.

Реализовали зависимые фильтры в каталоге

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

Фильтры в каталоге
Фильтры в каталоге

Понятная карточка товара

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

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

Возможность добавлять видео в карточку товара

Для полноценного описания товара есть возможность добавить видеообзор.

Видео в карте товара
Видео в карте товара

Информация о пунктах самовывоза доступна из карточки товара

Не покидая карточку товара можно ознакомиться с адресами и режимом работы пунктов самовывоза.

Информация о пунктах самовывоза
Информация о пунктах самовывоза

Аксессуары, характеристики и комплект

У товара есть возможность подгрузить аксессуары и собрать выгодный комплект со скидкой.

Характеристики и комплект
Характеристики и комплект

Спроектировали и реализовали удобный и последовательный процесс оформления заказа

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

Процесс оформления заказа
Процесс оформления заказа

Результирующая страница

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

Результирующая страница заказа
Результирующая страница заказа

Ссылка на готовый сайт: boltyn.ru

Другие публикации