У Pompidou большой ассортимент: женская и мужская одежда, обувь, сумки и аксессуары, отдельные страницы брендов, распродажа и программа лояльности. Магазин работал на старой версии OpenCart, и визуально он устарел. Задача: сделать новый дизайн в духе модных брендов, перенести магазин на свежий OpenCart и переделать все ключевые страницы, не потеряв каталог и фильтры.
Стиль
Строгий черно-белый fashion-стиль: черная шапка, много белого, крупные фото товара на светло-сером фоне. Заголовки набраны узким акцидентным шрифтом капслоком, основной текст в Proxima Nova.
Мобильная версия
На телефоне шапка в две строки: логотип и телефон, ниже меню, избранное, поиск и корзина. В каталоге фильтры и сортировка вынесены в две кнопки, а в карточке товара кнопка «До кошика» с ценой закреплена внизу экрана.
Задачи
- 01Новый дизайнПеревести магазин в современный fashion-стиль, который не спорит с фотографиями брендов.
- 02Переезд на новый OpenCartПеренести каталог, товары, бренды и настройки со старой версии на более новую.
- 03Пересобрать витринуСверстать заново главную, каталог, карточку, корзину и checkout под новый дизайн.
- 04Сохранить фильтры и навигациюОставить удобный подбор по бренду, размеру, цвету, сезону и цене на большом ассортименте.
Ключевые решения
Каталог и фильтры
Над сеткой товаров строка фильтров: производитель, ассортимент, скидка, цвет, размер, сезон, цена. Справа быстрый выбор пола и категории и сортировка. В карточке каталога видны скидка, доступные размеры, старая и новая цена, внизу кнопка «Показати ще».
Карточка товара
Крупное фото с лентой миниатюр, выбор размера кружками, код товара и бренд со ссылкой. Две кнопки: «До кошика» и «Купити в 1 клік», рядом избранное. Ниже аккордеон: характеристики, бесплатный возврат, доставка, оплата, и блок похожих товаров.
Корзина и оформление
Один экран без лишних шагов: имя, фамилия, телефон с маской, email. Доставка Новой почтой в отделение или курьером, либо самовывоз, город с подсказками при вводе. Оплата при получении, комментарий к заказу и промокод.
Главная и навигация
Главная ведет сразу в женский или мужской раздел. В шапке разделы «Жінки», «Чоловіки», «Бренди», «Розпродаж», двуязычный интерфейс и поиск по каталогу. Отдельные страницы брендов и программа лояльности.
Интеграции и стек
Хотите такой же проект?
Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.