Задача: показывать предложение и давать им управлять
У каталога две стороны. Посетителю нужны сведения о товарах: каталог с фильтрами, карточки моделей, страницы товаров и прайс. Заказчику — возможность вести это предложение: менять товары, цены, фото, тексты, видео и настройки распродаж.
Это разные действия над связанными сведениями. Покупатель выбирает, что посмотреть, а заказчик определяет, какие данные и материалы представляет сайт. Поэтому работа не ограничивалась публичными страницами: вместе с витриной нужен был интерфейс управления её содержимым.
Мой вклад: связать витрину, данные и управление
Я разработал три части решения и связал управление каталогом с публичной витриной:
- Frontend — публичное представление: каталог, карточки и страницы товаров, прайс, видеоотзывы и информационные разделы.
- Backend — хранение и выдача данных для работы каталога.
- Административная часть — инструмент заказчика для изменения товаров, цен и поддерживаемого контента, а также настроек распродаж.
Смысл этой связки — отделить изменение предложения от разработки страниц. Для перечисленных действий заказчику не нужно редактировать код. При этом управление не существует отдельно от сайта: изменения цен и промо отражаются в связанных публичных разделах.
Пример: нужно изменить цену товара
Рассмотрим пример использования этих возможностей — не запись реального изменения в приложении.
Заказчик меняет цену товара через административный интерфейс. На уровне назначения частей админка отвечает за управление содержимым, backend — за хранение и выдачу данных, frontend — за то, что видит посетитель.
Связанный результат — обновление цены в каталоге, карточке и прайсе. Это не три отдельные задачи по правке кода публичных страниц: заказчик работает с данными предложения через админ-панель.
Практический смысл здесь не в самом наличии формы редактирования. Цена относится к товару, но встречается в разных местах сайта: в витрине при просмотре ассортимента, в карточке конкретной модели и в прайсе. В работе были связаны управление этими сведениями и их публичное представление.
Распродажа — не только новая цена
Через админ-панель можно менять и настройки распродаж. В публичной части с ними связано отображение цен, скидок и промо-отметок.
У этого сценария две стороны: заказчик управляет предложением, а сайт представляет его посетителю. Поэтому распродажа здесь — не только редактируемое значение внутри панели, но и условия показа товара в связанных частях витрины, карточках и прайсе. Это объясняет, зачем административная и публичная части работают в связке.
Что видит покупатель и что ведёт заказчик
Возможный путь знакомства с ассортиментом — открыть каталог, воспользоваться фильтрами и перейти к странице интересующего товара. Прайс даёт ещё один способ посмотреть предложение; на сайте также предусмотрены видеоотзывы и информационные разделы.
За этими публичными материалами стоит управление содержимым. Заказчик может менять фото и тексты, работать с видео — не только корректировать цену. Это позволяет вести разные стороны предложения: какие товары представлены, что о них рассказано и какие условия показаны покупателю.
Для публичной части предусмотрена адаптивная вёрстка под desktop и mobile. Это часть реализации каталога, а не отдельное обещание роста продаж с телефона.
Результат
Функциональный результат работы — каталог со связанными публичной, серверной и административной частями. Заказчику доступно управление перечисленными товарами и материалами без правки кода, а изменения предложения отражаются в витрине, карточках и прайсе.