Задача
Разработка сайта типографии с возможностью онлайн-заказа полиграфической продукции, включая визуальный конструктор, на бесплатной CMS.
Основные требования: реализация калькулятора с динамическим пересчетом цены, поддержка различных типов продукции и параметров заказа, а также онлайн-редактор макетов с распознаванием PSD-шаблонов. В качестве референсов заказчик предоставил несколько западных сайтов с аналогичным функционалом.
Подход
Была выбрана CMS OpenCart 3 с полной переработкой административной части под задачи проекта. Использовался готовый шаблон, который адаптировали под нужды клиента — изменены цвета, типографика, структура карточек товаров и страниц категорий.
Основной акцент — на UX-инженерию карточки товара, где происходят все ключевые пользовательские действия: выбор параметров, редактирование макета, расчет цены, скачивание шаблонов и оформление заказа.
Для онлайн-редактора рассматривались готовые open source решения с возможностью кастомизации.
Что реализовано
Онлайн-редактор
Интеграция редактора на базе tui.image-editor.
Поддержка многостраничных макетов (переключение между листами).
Импорт PSD-шаблонов с сохранением структуры слоев.
Возможность редактирования текста, изображений и элементов дизайна.
Экспорт отредактированного макета в PDF или PSD.
Категории и страницы размеров
Шаблон страниц и карточек соответствует зарубежным аналогам.
Переход к товару осуществляется через: Категория → Размер → Товар.
Автоматическая подстановка параметров размера и характеристик на следующем шаге.
Карточка товара
Адаптивная карточка с кастомным калькулятором.
Калькулятор с чекбоксами, выпадающими списками, картинками к опциям.
Поддержка зависимостей между опциями и изменением вида товара.
Автоматический пересчет итоговой стоимости с учетом:
- базовой цены,
- доп. опций (ламинат, лак, скругление),
- срочности,
- округления тиража до заданного значения.
Вывод условий доставки в зависимости от региона.
Скачивание шаблонов под каждый товар (PDF, PSD).
Калькулятор и админ-функции
Алгоритм ценообразования с модификаторами по группам и отдельным товарам.
Общий обработчик изменения цен на группы и опции.
Округление значений тиража согласно типу продукции (например, кратность 1000).
Управление изображениями опций и привязка к изменениям внешнего вида товара.
Навигация и структура
Многоуровневое главное меню, адаптированное под продукцию типографии.
Вложенность категорий: если категория содержит только подкатегории, то товары не выводятся.
«Хлебные крошки» на всех уровнях вложенности.
Интеграции
Подключена Яндекс.Метрика.
Настроена система отправки заявок на почту заказчика.
Возможность расширения до полноценной CRM-логики при запуске проекта.
Интерфейс и макеты проекта
Результат
-
Полностью реализована кастомная логика расчета стоимости полиграфической продукции.
-
Переписан backend OpenCart для поддержки индивидуальных сценариев расчета, опций и шаблонов.
-
Создана основа для мощного конструктора типографии с возможностью масштабирования.
-
Разработан прототип онлайн-редактора с PSD-распознаванием.
-
Проект не был запущен из-за конфликта заказчика с подрядчиком, приведшего к досрочному расторжению договора, но наработки были сохранены и использованы в других проектах.
-
Получен ценный опыт разработки сложного ecommerce-функционала в рамках бесплатной CMS.
