Перейти к содержимому
Обсудить проект
Главная/Кейсы/Разработка интернет-магазина «Имидж Электро»
Кейсы/Интернет-магазин электротоваров «Имидж Электро»

ИНТЕРНЕТ-МАГАЗИН

Интернет-магазин электротоваров Имидж Электро

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

Клиент
«Имидж Электро»
Отрасль
Электротовары и бытовая техника оптом
Формат
Интернет-магазин
Год
2022
Открыть сайтelektro-ufa.ru

// Продаёте оптом?

12 разделов
в одном каталоге

Интернет-магазин электротоваров «Имидж Электро»

// проблема и решение

Что было, что сделали, что стало

  1. 1Кадр 1: Тысячи позиций и два типа покупателей

    Тысячи позиций и два типа покупателей

  2. 2Кадр 2: Каталог из 12 разделов с фильтрами и поиском

    Каталог из 12 разделов с фильтрами и поиском

  3. 3Кадр 3: Опт и розница на одной витрине

    Опт и розница на одной витрине

elektro-ufa.ru
Сайт elektro-ufa.ru целиком: все экраны главной страницы интернет-магазина «Имидж Электро»

↕ Прокрутите окно, чтобы посмотреть главную страницу целикомОткрыть elektro-ufa.ru ↗

// Заказчик и задача

Что нужно было решить

«Имидж Электро» - оптовый поставщик из Уфы. В ассортименте электротехника, сантехника, садовый инвентарь, крепёж и электроинструмент, дверные замки, бытовая техника. Больше 15 лет компания торгует оптом со своих складов, а часть товаров народного потребления везёт напрямую из Китая. Поэтому цены заметно ниже, чем у ближайших конкурентов.

Первая задача - ассортимент. На витрине больше 5000 товаров, а одна «Бытовая техника» насчитывает 676 позиций. Сложи такое в длинный список, и покупатель сдастся раньше, чем найдёт нужное. Каталог должен был вести к товару по разделам, через фильтры и поиск.

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

// Детали разработки

Как устроен интерфейс

Каталог слева, поиск сверху, акции и новинки под рукой. Товар находится и без знания артикула.

Навигация

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

Доверие

Баннер «Официальный дистрибьютор» и блок партнёров с логотипами Oasis, Max Light, Leek, «Кратон» и «Космос»: сразу понятно, у кого покупаешь.

Конверсия

Под баннером четыре плитки: акции, новинка, распродажа, товары месяца. А кнопка «В корзину» стоит в карточке прямо на главной.

elektro-ufa.ru
Баннеры брендов Gauss и Ionich и блок «Новинки» с кнопками «В корзину» на главной
elektro-ufa.ru
Блок «Наши партнёры» с логотипами брендов и пять преимуществ магазина
// Каталог

Фильтры, которые выдерживают тысячи позиций

Раздел «Электротовары» открывается списком. У каждой позиции фото, название, артикул, код и кнопка «В корзину» со счётчиком количества. Слева дерево категорий с раскрывающимися подразделами, поиск по категории, ползунок цены и отметка «в наличии». Над списком можно выбрать, сколько товаров показывать (20, 40 или 60), и сменить сортировку.

Раздел «Электротовары»: дерево категорий с фильтрами и список товаров с артикулами и кнопками «В корзину»
// Опт и розница

Два входа: покупатель и юридическое лицо

В шапке рядом со входом для обычных покупателей стоит отдельная ссылка «Регистрация ЮЛ» для предприятий. Баннер на главной сразу говорит про оптовые и розничные поставки. Подвал на каждой странице показывает розничный магазин и оптовый склад: у каждого свой адрес и телефоны. А под каталогом пять преимуществ: простой заказ, удобная доставка, широкий ассортимент, индивидуальный подход и гибкая система скидок.

elektro-ufa.ru
Подвал сайта: розничный магазин и оптовый склад с адресами и телефонами, меню разделов каталога
// Мобильная версия

Тот же каталог, собранный под телефон

Меню спрятано в «бургер», логотип по центру, корзина справа со счётчиком. В каталоге товары идут в две колонки, а фильтр и сортировка уехали в две кнопки над списком.

Мобильная версия: главная с баннером акции и плитками «Посмотреть все акции» и «Новинка»
Мобильная версия: раздел «Бытовая техника» с фильтром и сортировкой, отображение 1-20 из 676
Мобильная версия: карточки аэрогрилей с ценой, артикулом и счётчиком количества
// Функционал

Что зашито в интерфейс

Магазин ведёт покупателя из раздела в корзину, а оптовым клиентам даёт отдельный вход.

Каталог
12 разделов с вложенными подкатегориями
Поиск по товарам в шапке
Поиск по категории внутри раздела
20, 40 или 60 товаров на странице
Фильтры
Дерево категорий слева
Ползунок цены
Отметка «в наличии»
Сортировка списка
Список товаров
Артикул и код у каждой позиции
Счётчик количества и «В корзину» в строке
Избранное и корзина со счётчиком в шапке
Главная
Баннер «Официальный дистрибьютор»
Плитки: акции, новинка, распродажа, товары месяца
Блоки «Распродажа» и «Новинки» с кнопкой «В корзину»
Опт и розница
«Регистрация ЮЛ» отдельной ссылкой в шапке
Вход и регистрация покупателя
Магазин и оптовый склад с адресами в подвале
Доверие
Блок партнёров с логотипами брендов
Пять преимуществ под каталогом
Меню: акции, бренды, новости, сервис-центр, контакты
// Цвет и типографика

Синяя витрина с оранжевым акцентом

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

Типографика
Noto Sans
Заголовки, меню и описания товаров

Один нейтральный шрифт на весь интерфейс. В длинных списках, где названия товаров идут одно под другим, он читается ровно.

#1B58A1
Шапка и баннеры
#1D71B4
Кнопка «В корзину»
#EF8617
Акцент акций
#FFFFFF
Фон и карточки
// Результат

Что получил клиент

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

12 разделов
в каталоге с вложенными подкатегориями
5000+
товаров на витрине
676
позиций только в разделе «Бытовая техника»
15+ лет
оптовой торговли компании
// Вопросы по кейсу

Частые вопросы

Сколько стоит разработка интернет-магазина электротоваров?

Разработка интернет-магазина в PivotPoint начинается от 250 000 ₽, итоговая смета зависит от объёма каталога и функционала. В «Имидж Электро» в работу вошли каталог на 12 разделов с вложенными подкатегориями, поиск, фильтры по цене и наличию, список товаров с артикулами и счётчиком количества, корзина, личный кабинет с отдельной регистрацией для юридических лиц и мобильная версия.

Как организовать каталог, если товаров больше пяти тысяч?

Разделами и фильтрами. Один длинный список на пять тысяч позиций никто не дочитает. В «Имидж Электро» двенадцать разделов лежат в боковом меню, подкатегории раскрываются. Внутри раздела есть поиск по категории, ползунок цены и отметка «в наличии», а сколько товаров показывать на странице, покупатель решает сам: 20, 40 или 60.

Как в одном магазине продавать и оптом, и в розницу?

Сказать об этом на первом экране и дать каждому покупателю свой вход. Баннер на главной говорит про оптовые и розничные поставки, в шапке стоит отдельная ссылка «Регистрация ЮЛ», а подвал показывает розничный магазин и оптовый склад с адресами и телефонами.

Как показать, что магазин - настоящий поставщик?

Расставить доказательства прямо на странице. На главной баннер «Официальный дистрибьютор», ниже блок партнёров с логотипами брендов, а под каталогом пять преимуществ: простой заказ, доставка, широкий ассортимент, индивидуальный подход и гибкие скидки.

Как работает мобильная версия каталога на тысячи позиций?

Меню прячется в «бургер», товары идут в две колонки, фильтр и сортировка вынесены в две кнопки над списком. Корзина стоит в шапке со счётчиком, поэтому выбранное видно, не выходя из каталога.

А вот так магазин работает ночью

Заказы сами идут на склад Оплата, склад и CRM связаны: менеджер не переносит заказы руками Хочу так же

Нужен такой магазин?

обсудим за 25 минут

Расскажете, сколько позиций в каталоге и кто у вас покупает, а мы покажем, как уложить их в понятную витрину с поиском и фильтрами.

Енот PivotPoint в зелёном фартуке, с картонной коробкой в руке машет рукой
// Услуга по этому кейсу

Работы из этого кейса входят в услугу «Интернет-магазин» направления «Разработка».

Услуга «Интернет-магазин» → Направление «Разработка»
×
// Заявка

Обсудить проект

Оставьте контакты. Перезвоним в течение 15 минут, обсудим задачу и предложим решение. Без обязательств.

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