Магазин работал на старой версии OpenCart, которую было сложно обновлять и развивать, а дизайн устарел и мешал покупать. Мы обновили платформу до новой версии, перенесли каталог, товары с размерами и характеристиками и остальные данные магазина с сохранением адресов страниц, а затем собрали новый интерфейс и добавили доработки, которых не было в стандартном OpenCart.
Стиль
Белый фон и крупные фото обуви, фирменный зелёный из логотипа на кнопках, метках и активных элементах, графитовая плашка каталога в шапке. Шрифт Open Sans.
Мобильная версия
На телефоне главные действия собраны в верхней панели: меню, кабинет, закладки, поиск и корзина. Каталог открывает подкатегории и сортировку отдельными кнопками, карточка товара начинается с галереи.
Задачи
- 01Перейти на новую версию OpenCartОбновить платформу, чтобы магазин было проще поддерживать, развивать и подключать новые модули.
- 02Перенести товары и данныеПеренести категории, товары с размерами, характеристиками и фото и остальные данные магазина без потерь.
- 03Сохранить позиции в поискеОставить прежние адреса товаров и категорий, чтобы не потерять накопленный поисковый трафик.
- 04Обновить дизайнСделать чистый современный интерфейс, в котором главное – фото обуви и размеры.
- 05Доработать стандартный функционалДобавить фильтры, быстрый заказ и блоки в карточке, которых нет в базовой версии OpenCart.
Ключевые решения
Миграция на новый OpenCart
Магазин переведён на новую версию OpenCart. Каталог, товары, варианты размеров, характеристики, изображения и данные магазина перенесены со старой базы, адреса страниц сохранены. Тема и модули собраны заново под новую версию.
Каталог и фильтры
Фильтр по производителю, цене с ползунком, размеру, сезону, внешнему и внутреннему материалу, стране производства, цвету и полноте. У каждого значения видно, сколько товаров найдётся. Над списком – плитки подкатегорий, сортировка по цене, дате и рейтингу и выбор количества товаров на странице.
Карточка в списке
В превью сразу видны метки «Новинки» и «Популярный», доступные размеры, основные характеристики, цена и кнопка «Купить». Отдельные иконки добавляют товар в закладки и открывают быстрый просмотр.
Карточка товара
Галерея фото, код товара и наличие, выбор размера, количество, кнопки «В корзину» и «Быстрый заказ». Рядом – блоки с размерной сеткой, оплатой, гарантиями и возвратом и доставкой, ниже основные характеристики с переходом ко всем параметрам, описание и отзывы.
Удобство на каждом экране
Закладки и корзина закреплены сбоку страницы, у сайта два языка интерфейса, в шапке – адрес магазина и график работы, в подвале – подписка на акции.
Платформа и доработки
Хотите такой же проект?
Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.