Amway 2017-22
Бренд центры Amway
для клиентов и партнеров компании
О задаче
Компания Amway предлагает широкий ассортимент продукции для красоты, здоровья, а также для ухода за домом. Продукция разделена на отдельные бренды с различным позиционированием, ЦА и дизайн-кодом. Для основных брендов создаются отдельные промо-сайты — бренд центры.
Такие страницы позволяют повысить узнаваемость брендов, показать ее преимущества, увеличить количество заказов, сделать сайт нативным для пользователя с возможностью быстро оформить заказ.
Проблематика:

1. Устаревший дизайн текущих страниц;
2. Не оптимизированы для просмотра на мобильных устройствах;
3. Функциональность текущего конструктора контентных страниц (WCMS) не позволяет реализовать все требования клиента в полном объеме. Требуется отдельная разработка и интеграция с SAP Hybris.
Проектирование + Дизайн + Разработка + Поддержка
Решение:
В начале работы мы собрали все требования и пожелания заказчика: по дизайну, по структуре бренд центров, по-дальнейшему SEO-продвижению и т.д.
Также мы провели дизайн-ревью текущих бренд центров компании.

Затем мы проанализировали сайты конкурентов из релевантных сфер: какой у них дизайн, какие слабые и сильные стороны. На этом же этапе более детально изучили целевую аудиторию, подготовили CJM и прототипы.
Дальнейшая реализация (дизайн и верстка) велась в рамках концепции Mobile First.

В итоге мы создали бренд центры с простым и современным дизайном, где основной акцент сделан на преимущества продуктов.

В работе над проектом одновременно принимало участие несколько команд дизайнеров и разработчиков. Для эффективного управления задачами и грамотного распределения ресурсов был использован Kanban подход. Для клиента была развернута доска, где можно было увидеть актуальные статусы всех задач и подзадач, а также общий тайминг проекта.
Дизайн-ревью
Моделирование CJM и прототипирование
Поиск решения. Дизайн-концепция
Скоуп работ
В рамках этого проекта мы выполнили:
  • Создали дизайн бренд центров и разводной страницы в рамках гайдлайнов компании с учетом особенностей отдельных брендов;
  • Выполнили адаптивную верстку и настройку в рамках контентного кокпита SAP Hybris;
  • Реализовали динамические карточки продуктов, которые отображаются на странице: цена и другие атрибуты автоматически меняются в зависимости от геопривязки и принадлежности посетителя к определенной группе пользователей, если товар не доступен, то он автоматически снимается, есть возможность добавить продукты в корзину;
  • Реализовали систему аутентификации в интеграции с Amway ID и интеграцию с системой хранения данных BQ;
  • Выполнили локализацию для пользователей из Казахстана;
  • Произвели тестирование и запуск;
  • Осуществляем поддержку.
В рамках работы над задачей мы разработали фреймворк — систему типовых блоков и библиотеку элементов сайта. Впоследствии это помогло в оперативной реализации новых страниц в рамках текущих бренд центров, а также создания новых промо-сайтов на основе существующей модели. Были описаны правила использования блоков и элементов, которые вошли в гайды компании.
Баннер
Продуктовый блок
Элементы интерфейса
Artistry
Важной задачей была адаптация зарубежного решения для российского рынка. Основной сложностью стало большое количество текстового контента, который необходимо было грамотно приоритизировать и структурировать, при этом сохраняя общую лёгкость дизайна с акцентом на эффектные изображения.

Акцент был сделан на продукцию бренда. Были использованы новые кейвижуалы и материалы из глобального гайда Artistry.
Текстовый контент был распределён в зависимости от его значимости, важные сообщения были выделены и реализованы в формате инфографики.
Не выходя с сайта пользователь имеет возможность приобрести как отдельный продукт, так и специальные наборы.

Изначально были разработаны только страницы с продуктами их новой линейкой бренда — Artistry Skin Nutrition™.
После успешного запуска — в этой же стилистике были переработаны и другие страницы бренд центра.

ссылка
iCook™
iCook™ – это линейка высококачественной посуды и техники для кухни.
При разработке сайта бренда перед нами стояли задачи:
— Сделать акцент на том, что это не просто набор посуды, а тщательно спланированная система, где каждая кастрюля, крышка и специальные вставки сочетаются между собой;
— Доступно рассказать об основных уникальных технологиях:система многоярусного приготовления, гидрозатвор и другие особенности конструкции;
— Продемонстрировать преимущества набора iCook™ Body Detox by Nutrilite™, а также фирменного чайника и блендера;
— Сопоставить продукцию и реальные рецепты блюд приготовленные с их помощью.

В итоге получился лаконичный и эффектный сайт с акцентом на преимуществах продукта, где без труда можно найти всю необходимую информацию и сделать заказ.

ссылка
Bodycare
В данной категории находятся различные бренды компании включающие продукты для ухода за телом, волосами и полостью рта для всей семьи.
До начала работы — у каждого бренда была своя страничка, которая отличалась как по дизайну, так и по функциональности.

Перед нами стояла задача собрать все бренды этой категории в единый микросайт.
В итоге мы реализовали бренд центр, где пользователь может быстро найти необходимую категорию продуктов и информацию о ней, а также сделать заказ или перейти на целевые странички каталога.

В дизайне акцент сделан на продукте, использованы обновлённые кейвижуалы и видео ролики.

ссылка
Amway Home™
Бренд центр с товарами для дома: средства для стирки белья, очищения поверхностей и мытья посуды.
Перед нами стояли задачи:
— Показать основные преимущества продукции бренда сделав упор на безопасности и экологичности;
— Упростить навигацию и поиск необходимой продукции для пользователей.

Была реализована простая страница с четким разделением на продукты для стирки и уборки. Был сделан акцент на преимущества продукции бренда и её безопасность.

ссылка
Технологии

SAP Hybris, Vue.js, Sass, Git, Figma, Kanban, Waterfall, Trello, Яндекс Трекер, Jira
Команда

Account Director, Project Manager, Art-Director, UX/UI Designer, Front-end developer, QA engineer
Контакты:
+7 927 728-08-27
personalartru@gmail.com
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website