Магазины электрики

Оригинальная продукция Schneider Electric и Jung

2020
Schneider Russia - скриншот главной страницы

Задача

Разработать дизайн и сверстать на CMS шаблон для интернет-магазина электрики. Оригинальнаяы продукция: дизайнерские серии розеток и выключателей, дифавтоматы, контроль климата. Целевая аудитория: дизайнеры интерьера, электрики и строительные бригады, предприятия различного масштаба.

Для каждого бренда запланирован отдельный сайт со своей цветовой гаммой. На начальном этапе это Schneider Electric и Jung.

Типы страниц для вёрстки

  1. Главная страница
  2. Категория товаров
  3. Категория товаров с конструктором
  4. Страница товара
  5. Результаты поиска
  6. Список брендов
  7. Пункты самовывоза
  8. Корзина
  9. Личный кабинет
  10. Избранное
  11. Статичная страница
  12. Контакты

Каталог

Многоуровневый каталог зафиксирован в левой части экрана.

Schneider Russia - скриншот меню

Для бренда Jung дополнительно сделан предпросмотр внешнего вида серий.

Отдельный раздел с сериями представлен в виде разноплановой сетки.

Jung Russia - скриншот страницы серий

Конфигуратор (Jung)

На сайте Jung можно экспериментировать с сочетаниями цветов и собрать нужную комбинацию в каждой серии устройств. Функционал реализован совместно с fullstack-разработчиком.

Страница товара

Самая важная информация для покупателя (помимо цены) — это наличие товара и его количество. Иногда товара на складе может быть недостаточно, тогда его нужно заказывать отдельно у производителя, об этом сразу сообщаем пользователю. На этой же странице можно подобрать рамку к розеткам и выключателям.

Schneider Russia - скриншот страницы товара

Корзина

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

Schneider Russia - скриншот страницы корзины Schneider Russia - оформление заказа

Результат

  • Сайты сверстаны на собственной CMS с модулем для магазина.
  • Front-end: HTML + шаблонизатор Smarty, CSS, jQuery + плагины. Back-end: PHP, CodeIgniter.
  • Удобно пользоваться в том числе и на небольших устройствах.
  • Четкая иерархия и SEO-оптимизация положительно повлияли на органическую выдачу.
  • Много активных пользователей. С момента запуска было отгружено несколько тысяч заказов по всем регионам России, десятки заказов ежедневно обрабатываются командой магазина. На основе созданного шаблона было запущено еще несколько сайтов для других брендов.
Schneider Russia - скриншот мобильной версии - 01
Jung Russia - скриншот мобильной версии - 02
Schneider Russia - скриншот мобильной версии - 03

Другие кейсы