Задача
Клиент — интернет-магазин ювелирных украшений Silva, который вышел из соцсетей на полноценную e-commerce площадку. Бизнесу требовался сайт, способный выдерживать широкий ассортимент (много производителей), удобный как для конечного пользователя, так и для менеджеров. Нужно было создать продающий, минималистичный интерфейс без использования шаблонов, полностью на базе OpenCart, с чистым кодом, четкой архитектурой и без «липких» решений, усложняющих поддержку.
Подход
Сайт был разработан с нуля: от дизайна до полной сборки на CMS OpenCart. Мы учли пожелания клиента и вдохновились конкурентами, но каждый блок адаптировали под реальный контент, бренд и структуру ювелирного ассортимента. Дизайн — светлый, чистый, с фокусом на изделиях. Была проанализирована логика пользовательского пути от карточки до оформления заказа. Важной задачей было сохранить гибкость платформы и не использовать тяжелые плагины.
Что реализовано
Каталог
Разработана адаптивная карточка товара с динамической загрузкой фото и названия.
Использованы фильтры по категориям и группам изделий, встроенные в левое меню.
Система пагинации реализована без перезагрузки страницы (AJAX-подгрузка).
Реализован вывод скидок, статусов (новинка, распродажа) и цен в одну строку.
Минимизированы клики до нужного действия: добавление в корзину возможно прямо из каталога.
Страница товара
Галерея изображения с возможностью увеличения (lightbox), без сторонних библиотек.
Вариативность представления (разные производители) отображается прямо под фото.
Кнопка "Купить" реализована с подтверждением добавления в корзину (без перехода).
Внедрены блоки «Похожие товары» и «Вы смотрели» с отдельной логикой выборки.
Блок «Свяжитесь с нами» сверстан отдельно, подключен модуль email-заявки.
Корзина
AJAX-добавление и удаление товаров, без перезагрузки.
Расчет итоговой суммы в реальном времени при изменении количества.
Добавлена возможность перейти сразу к оформлению или продолжить покупки.
Корзина сохраняется при закрытии браузера (local storage).
Оформление заказа
Унифицированная форма с авторизацией, адресом доставки и выбором способа оплаты.
Проверка всех полей реализована на фронте (JS) и бэке (PHP).
Подключены модули доставки: Нова Пошта, Укрпошта, с автозаполнением отделений.
Поддержка наложенного платежа, карта/счет и оплаты при получении.
Полностью сверстанная с нуля форма — без использования стандартного шаблона OpenCart.
Поиск
Интегрирован поиск с автодополнением и подсветкой совпадений.
Отображаются изображения товаров в результатах поиска.
Поиск учитывает искажения в написании (транслит, рус/укр).
Быстрая выдача без перезагрузки — оптимизирован под мобильные устройства.
Результат
-
Сайт полностью адаптирован под мобильные устройства, не теряя юзабилити.
-
Минималистичный интерфейс помогает фокусироваться на товаре.
-
Реализована стабильная интеграция с популярными службами доставки и оплат.
-
Вся архитектура сайта построена без использования готовых шаблонов — легко масштабируется.
-
Проект легко поддерживать: нет «грязного» кода, все стили и скрипты организованы по модулям.
-
Конверсия в покупку увеличилась благодаря упрощенному пути пользователя от каталога до оформления.
-
Возможность расширения функционала без полной переделки ядра — чистая реализация на OpenCart.
Сайт корректно отображается на всех видах устройств:
монитор компьютера, планшет и телефон
