not the same
● Fashion E-commerce · Україна

Pompidou: редизайн і переїзд на новий OpenCart

Pompidou продає в Україні італійський одяг, взуття, сумки та аксесуари Pinko, Liu Jo, Baldinini, Karl Lagerfeld та інших брендів. Ми оновили дизайн, перенесли магазин на новішу версію OpenCart і заново зібрали вітрину.

Клієнт
Pompidou, магазин італійського одягу та взуття
Що зробили
Редизайн, міграція на новий OpenCart, верстка, доопрацювання
Стек
OpenCart, PHP, jQuery
Сайт
pompidou.ua
Проєкт Pompidou
01 Про проєкт

Асортимент Pompidou великий: жіночий і чоловічий одяг, взуття, сумки, аксесуари, сторінки брендів, розпродаж і програма лояльності. Магазин працював на старій версії OpenCart і виглядав застаріло. Потрібно було зробити новий дизайн у стилі модних брендів, переїхати на свіжий OpenCart і переробити всі ключові сторінки, зберігши каталог і фільтри.

Що зробили
РедизайнUX/UI-дизайнМіграція OpenCartВерстка й адаптивДоопрацювання модулів
Технології
OpenCartPHPjQueryUI/UX
02 Дизайн

Стиль

Чорно-білий fashion-стиль: чорна шапка, багато білого простору, великі фото на світло-сірому тлі. Заголовки вузьким акцидентним шрифтом великими літерами, текст у Proxima Nova.

Чорний, шапка й кнопки
#080808
Біле тло
#FFFFFF
Панелі й кошик
#F2F2F2
Розділювачі
#DCDCDC
Другорядний текст
#8C8C8C
ШрифтиProxima Nova, TT Bluescreens
03 Екрани

Головна сторінка

Перший екран складається з двох великих фото: «Жінки» і «Чоловіки». Над шапкою плашка з умовою безкоштовної доставки, у чорній шапці меню, телефон, перемикач мови, обране, пошук і кошик. Далі хіти продажу, добірки категорій, програма лояльності й фірмовий магазин.

Головна
04 Екрани

Оформлення замовлення

Одна сторінка: ліворуч дані покупця, доставка й оплата, праворуч кошик із підсумком, промокодом і кнопкою «Оформити замовлення».

Оформлення замовлення
05 Мобільна версія

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

На телефоні шапка у два рядки: логотип і телефон, нижче меню, обране, пошук і кошик. У каталозі фільтри й сортування винесені у дві кнопки, а в картці товару кнопка «До кошика» з ціною закріплена внизу екрана.

Головна
Головна
Каталог
Каталог
Картка товару
Картка товару
06 Завдання

Задачі

  • 01Новий дизайнПеревести магазин у сучасний fashion-стиль, який не сперечається з фото брендів.
  • 02Переїзд на новий OpenCartПеренести каталог, товари, бренди й налаштування зі старої версії на новішу.
  • 03Нова вітринаЗаново зверстати головну, каталог, картку, кошик і checkout під новий дизайн.
  • 04Фільтри й навігаціяЗберегти зручний підбір за брендом, розміром, кольором, сезоном і ціною.
07 Ключові рішення

Ключові рішення

Каталог і фільтри
Рішення 01

Каталог і фільтри

Над сіткою рядок фільтрів: виробник, асортимент, знижка, колір, розмір, сезон, ціна. Праворуч швидкий вибір статі й категорії та сортування. У картці каталогу видно знижку, доступні розміри, стару й нову ціну, внизу кнопка «Показати ще».

Картка товару
Рішення 02

Картка товару

Велике фото зі стрічкою мініатюр, вибір розміру, код товару й бренд із посиланням. Дві кнопки: «До кошика» і «Купити в 1 клік», поруч обране. Нижче акордеон із характеристиками, поверненням, доставкою й оплатою та блок схожих товарів.

Кошик і оформлення
Рішення 03

Кошик і оформлення

Один екран: ім'я, прізвище, телефон із маскою, email. Доставка Новою поштою у відділення чи кур'єром або самовивіз, місто з підказками. Оплата при отриманні, коментар до замовлення і промокод.

Головна й навігація
Рішення 04

Головна й навігація

Головна одразу веде в жіночий або чоловічий розділ. У шапці «Жінки», «Чоловіки», «Бренди», «Розпродаж», двомовний інтерфейс і пошук. Окремі сторінки брендів і програма лояльності.

08 Стек

Інтеграції та стек

OpenCartPHPjQueryOCFilterNova PoshtaGoogle Tag ManagerGoogle Analytics 4Google AdsMeta Pixel

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

Відповімо протягом робочого дня
Написати нам