Адаптивный интернет-магазин Equipage

Главное о кейсе

43 500 + посетителей в месяц
35% посетителей с мобильных устройств
Увеличение прибыли в 3 раза
В 2 раза быстрее работа каталога

Бизнес-задача и ее решение

КЛИЕНТ
Equipage — это специализированная сеть мультибрендовых магазинов, где представлена продукция всемирно известных брендов дамских сумок и аксессуаров, портфелей и багажа.

ЗАДАЧА
Обновить сайт, создать яркий каталог товаров с современным дизайном, удобныминтерфейсом, реализовать возможность онлайн-продаж.

АДАПТИВНАЯ СЕТКА
Для проектирования и разработки сайта мы выбрали принцип mobile last: сначала проработали layout для десктопа, в последнюю очередь — для смартфона. Для retina-дисплеев обеспечили плавное изменение элементов дизайна:
пропорционально меняются расстояния между объектами, кадрируются изображения, в текстовых блоках переносятся строки. При этом шрифты сохраняют свой размер.

ОСОБЕННОСТИ САЙТА
Каждая страница сайта выглядит как разлинованный лист в тетрадке, благодаря чему ресурс легко адаптируется под экраны любых устройств. В блоках главной страницы размещены разделы каталога, акционные предложения и полезные статьи.
Администратор сайта может самостоятельно настраивать каждый раздел: менять дизайн и цвет информационных баннеров.
Каталог так же имеет плиточную структуру. Белое пространство в дизайне страницы акцентирует внимание посетителя на продукции.
Каталог настроен индивидуально на два города: Санкт-Петербург и Москву. Цены и наличие товаров для каждого города различны, соответственно и выдача для пользователя разная.
В каталоге реализована функция автоматической подгрузки элементов при вертикальном скроллинге, а фиксированная шапка помогает быстро перейти в другой раздел.
Каталог полностью, от и до, синхронизирован с 1С - все свойства и статусы товара, фотографии, заказы обновляются без помощи администратора. Т.е. сотрудникам сети нет необходимости вручную работать с каталогом или формировать заказ.
По левому краю за нами следует скользящий фильтр. При выборе цвета, марки и материала он показывает, какое количество товаров подходит заданным параметрам.
Детальная страница товара содержит характерные для интернет-магазинов разделы «С этим товаром покупают» и «Рекомендуемые товары». Макросъемка при наведении позволяет убедиться в качестве товара.

Прочая информация о кейсе

Создание адаптивного интерне-магазина.

Текущая доступность работы

Были внесены существенные изменения в проект.

Скриншоты