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

Чобіток: редизайн і переїзд магазину взуття на новий OpenCart

«Чобіток» – інтернет-магазин і роздрібні магазини взуття, сумок та аксесуарів в Одесі. Ми зробили редизайн, перевели магазин на нову версію OpenCart, перенесли товари й дані зі старого сайту та доопрацювали каталог, фільтри і картку товару під потреби магазину.

Клієнт
Чобіток, магазин взуття та сумок, Україна
Що зробили
Редизайн, міграція на новий OpenCart, перенесення даних, доопрацювання
Стек
OpenCart, PHP, JavaScript
Сайт
chobitok.ua
Проєкт Чобиток
01 Про проєкт

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

Що зробили
РедизайнМіграція на новий OpenCartПеренесення товарів і данихЗбереження URLКаталог і фільтриКартка товаруМобільна версіяДоопрацювання модулів
Технології
OpenCartPHPUI/UXMigration
02 Дизайн

Стиль

Білий фон і великі фото взуття, фірмовий зелений із логотипа на кнопках, мітках та активних елементах, графітова плашка каталогу в шапці. Шрифт Open Sans.

Зелений, кнопки й мітки
#35CC62
Графіт, кнопка каталогу
#4F4F4F
Темний, заголовки
#333333
Світло-сірий, панелі
#F5F5F5
Білий фон
#FFFFFF
ШрифтиOpen Sans
03 Екрани

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

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

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

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

Ліворуч фільтр із кількістю товарів біля кожного значення, вгорі плитки підкатегорій, сортування та вибір кількості товарів на сторінці.

Каталог: жіноче взуття
05 Мобільна версія

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

На телефоні головні дії зібрані у верхній панелі: меню, кабінет, закладки, пошук і кошик. Каталог відкриває підкатегорії та сортування окремими кнопками, картка товару починається з галереї.

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

Завдання

  • 01Перейти на нову версію OpenCartОновити платформу, щоб магазин було простіше підтримувати, розвивати й підключати нові модулі.
  • 02Перенести товари та даніПеренести категорії, товари з розмірами, характеристиками й фото та інші дані магазину без втрат.
  • 03Зберегти позиції в пошукуЗалишити попередні адреси товарів і категорій, щоб не втратити накопичений пошуковий трафік.
  • 04Оновити дизайнЗробити чистий сучасний інтерфейс, у якому головне – фото взуття та розміри.
  • 05Доопрацювати стандартний функціоналДодати фільтри, швидке замовлення й блоки в картці, яких немає в базовій версії OpenCart.
07 Ключові рішення

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

Рішення 01

Міграція на новий OpenCart

Магазин переведено на нову версію OpenCart. Каталог, товари, варіанти розмірів, характеристики, зображення та дані магазину перенесено зі старої бази, адреси сторінок збережено. Тему й модулі зібрано заново під нову версію.

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

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

Фільтр за виробником, ціною з повзунком, розміром, сезоном, зовнішнім і внутрішнім матеріалом, країною виробництва, кольором і повнотою. Біля кожного значення видно, скільки товарів знайдеться. Над списком – плитки підкатегорій, сортування за ціною, датою й рейтингом і вибір кількості товарів на сторінці.

Картка в списку
Рішення 03

Картка в списку

У прев'ю одразу видно мітки «Новинки» та «Популярний», доступні розміри, основні характеристики, ціну й кнопку «Купити». Окремі іконки додають товар у закладки та відкривають швидкий перегляд.

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

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

Галерея фото, код товару й наявність, вибір розміру, кількість, кнопки «У кошик» і «Швидке замовлення». Поруч – блоки з розмірною сіткою, оплатою, гарантіями й поверненням та доставкою, нижче основні характеристики з переходом до всіх параметрів, опис і відгуки.

Рішення 05

Зручність на кожному екрані

Закладки й кошик закріплені збоку сторінки, сайт має дві мови інтерфейсу, у шапці – адреса магазину й графік роботи, у підвалі – підписка на акції.

08 Стек

Платформа та доопрацювання

OpenCart (нова версія)PHPПеренесення даних зі старої базиЗбереження URLФільтр із кількістю товарівШвидке замовленняЗакладкиДві мови інтерфейсуАдаптивна верстка

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

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

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