В каталоге Amway представлен широкий ассортимент продукции для красоты, здоровья, а также для ухода за домом. Это более 500 карточек продуктов с разным контентом (вкладки описание, состав, применение и прочее). Карточка продукта (PDP) содержит имиджи, видео и контентные вкладки с различной информацией о продукте.
Для компании важно, чтобы партнеры и клиенты могли получить всю необходимую информацию о продукции не покидая каталог.
Проблематика:
1. Функциональность текущего конструктора PDP не позволяет реализовать все требования клиента в полном объеме. В рамках стандартного WYSIWYG нет возможности сделать карточки отвечающие современным подходам к дизайну и стандартам верстки. Требуется отдельная разработка и интеграция с SAP Hybris; 2. Нет единого подхода к оформлению карточек продуктов. Некоторые карточки перенесены со старой версии сайта и нуждаются в существенной доработке; 3. Карточки продуктов в стандартном исполнении (средствами Hybris) не оптимизированы для просмотра на мобильных устройствах.
Проектирование + Дизайн + Разработка + Поддержка
Решение:
В начале работы мы собрали все требования и пожелания заказчика по всем категориям продукции.
Затем мы проанализировали каталоги на сайтах конкурентов из релевантных сфер, а также примеры реализации на европейских и азиатских сайтах компании Amway. На этом же этапе мы более детально изучили целевую аудиторию, подготовили CJM и прототипы.
Дальнейшая реализация (дизайн и верстка) велась в рамках концепции Mobile First. Был разработан отдельный гайд, который включает в себя: — Описание основных шаблонов PDP и особенностей карточек для продукции различных брендов компании; — Описание основных контентных блоков и правила их оформления; — Библиотеку основных элементов применяемых для дизайна контентных блоков;
— Требования и рекомендации к изображениям используемых для создания PDP; — Рекомендации к главному имиджу продукта и правила отображения карточек в каталоге (PLP); — Технические требования к подготовке GIF и видео для карточки товара; — Требования к заполнению контента (название продуктов, категории/подкатегории, теги, параметры, дополнительная информация); — Правила локализации; — Инструкции по работе в продуктовом кокпите Hybris.
В рамках работы с каталогом нами были обновлены и разработаны карточки продуктов для разных брендов и локализаций. Всего было проработано более 800 PDP.