Дизайн интернет-магазина · 2022

LED Outfitters

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

Клиент: LED Outfitters, сигнальный свет
Задача: Новый дизайн и обновление CS-Cart
Платформа: CS-Cart, свой дизайн без готовой темы
Макеты: Путь покупателя, кабинет, мобильная версия
Год: 2022

ledoutfitters.com

Задача

Магазин работал на CS-Cart с 2005 года, и дизайн всё это время почти не менялся. Покупатели — полиция, скорая, пожарные, дорожные службы и частные водители. Им важно сразу видеть гарантию, условия возврата и доставку.

Готовая тема не подошла, поэтому дизайн нарисовали с нуля и обновили логотип: маячок из простых фигур остался, шрифты и цвета новые. Вёрстку по макетам и обновление CS-Cart тоже делали мы.

Было и стало

Первый экран на мониторе 1280 пикселей: сайт до редизайна (снимок из веб-архива) и новая главная. Потяните разделитель.

Было · июнь 2021 Макет

Главная

Первый экран — баннер с полицейской машиной, под ним «Shop by Industry»: восемь направлений, от пожарных до внедорожников.
Баннеры повторяют условия магазина: гарантия, возврат за 14 дней, бесплатная доставка.
Под каруселью аксессуаров — PayPal Credit на покупки от $99 и баннер световых балок для бездорожья.
Ниже Daily Deals с таймером, подписка «Never Miss Another Deal» и рассказ о компании с видео с YouTube.
После запуска клиент попросил заменить направления плиткой категорий — на живом сайте она в два ряда.

Путь покупателя

Наведите на экран, чтобы пролистать его, или откройте во весь размер.

Каталог LED Outfitters — 1903 × 2654 · Каталог

Карточка товара LED Outfitters — 1903 × 2512 · Карточка товара

Корзина LED Outfitters — 1903 × 1545 · Корзина

Оформление заказа и кабинет

Вход перед оформлением LED Outfitters — 1903 × 1030 · Вход перед оформлением

Оформление заказа LED Outfitters — 1903 × 2121 · Оформление заказа

Кабинет покупателя LED Outfitters — 1903 × 2699 · Кабинет покупателя

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

Мобильную версию нарисовали под ширину 375 пикселей: главная, каталог, карточка товара и нижняя панель с главной, кабинетом, сравнением, избранным и корзиной.

Меню каталога

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

Баннеры первого экрана

Позже для слайдера на главной нарисовали сезонные баннеры: Winter Sale, Spring Sale, Offroad Light Bars и Black Friday. Фото из них сейчас в слайдере живого сайта.