Amway 2018-22
Personal Retail Website
Конструктор личных страниц для партнёров компании
О задаче
Клиент пришёл с задачей по глобальному обновлению Конструктора Личных страниц PRW. Это сервис для партнеров компании, который предназначен для создания личной веб-страницы на сайте Amway.

Такая потребность появилась после миграции сайта компании на SAP Hybris. Не было технической возможности перенести старую версия PRW. Кроме того — сервис устарел как в плане дизайна, так и по функциональности.
Основные требования клиента:
  • Mobile First;
  • Современный дизайн;
  • Полезная функциональность;
  • Интеграция с экосистемой сайта Amway;
  • Техническая реализация в рамках SAP Hybris;
  • Миграция существующих пользователей;
  • Настройка аналитики (внутренней и внешней);
  • Эффективный онбординг и поддержка пользователей;
  • Последующая поддержка сервиса.
Аналитика + Проектирование + Дизайн + Разработка + Поддержка
Решение
Для работы над проектом была собрана выделенная команда инхаус специалистов и фрилансеров. Работа велась, как в рамках Scrum, так и по Waterfall методологии. Задачи декомпозировались и контролировались в Jira (клиентская часть) и в Яндекс Трекер (продакшен).

В рамках работы над проектом осуществлялись коммуникации с различными департаментами клиента (в том числе из разных стран) и подрядчиками (аналитика, аудит).

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

Для новых и адаптации существующих пользователей был разработан пошаговый онбординг и система подсказок в конструкторе.
UX/UI дизайн личных страниц (фронт) были существенно переработан в рамках новой дизайн системы компании.
Для пользователя стала доступна настройка внешнего вида личной страницы на основе шаблонных тем и цветовых схем.

Личные страницы стали не просто сайтом-визиткой, а полноценным интернет-магазином партнера (в интеграции с промо и реферальными программами компании).

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

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

Был привлечен подрядчик для настройки внешней аналитики (Google Analytics, Google Big Query).
Клиенту доступны основные метрики веб-аналитики.
Процесс: FSD/Прототипирование
На начальном этапе я разработал архитектуру всего проекта: что с чем взаимодействует, какие есть зависимости и свойства у каждого объекта. Было подготовлена функциональная спецификация
(FSD).
Были проработаны прототипы всех основных экранов и схемы взаимодействия пользователей с сервисом.
Функциональность
MVP

Конструктор представляет собой набор компонентов, которые пользователь может включить и настроить самостоятельно. Выбранные компоненты показываются на личной странице пользователя (фронт).
Компоненты:
  • Информация о партнере
  • Блок контактов
  • Ссылки на социальные сети
  • Мероприятия пользователя/компании
  • Витрина с товарами (с возможностью добавить в корзину)
  • Блок с сертификатами
  • Блок с видео
Реализованы интеграции с SAP Hybirs, CRM, MDMS.
BACKLOG

- FAQ
- CTA-блок с кнопкой
- Баннер
- Мои достижения
- Zero Block
- Пользовательское видео
- Форма обратной связи
- Подписка на рассылку
- Блог
- Новости
- Блок с акционными продуктами (промо-блок)
- Выбор и демонстрация наборов продуктов на ЛС
- Пользовательская фотогалерея
- Лента постов Instagram
- Моя инфографика
- Опросы
- Блок с отзывами клиентов (персональные)
- Блок с отзывами клиентов по мероприятиям
Онбординг
Конструктор
Личная страница
Онбординг пользователей
Мною были предложены и в дальнейшем реализованы два сценария онбординга:
  1. Для пользователей, которые уже имеют личную страницу. Представляет собой 5 шагов с кратким описанием обновлённого конструктора;
  2. Для новых пользователей. Представляет собой 4 шага позволяющих пользователю создать, настроить и опубликовать личную страницу с базовой функциональностью.
Дополнительно реализована система подсказок.
Конструктор
В основе конструктора — виджетный (компонентный) подход.
Это позволило реализовать интерфейс, который подстраивается под пользователя, а не наоборот.
Статистика
Пользователю доступна базовая статистика по посетителям личной страницы, статистике переходов по ссылкам и добавлению товаров в корзину.
Новый дизайн личной страницы
Личная страница выполнена в эстетике smart-minimal — минимум информации и сдержанный визуал, чтобы вывести на первый план основные блоки: о партнёре, продукты, мероприятия и CTA.
Дизайн страницы интуитивно понятен и предсказуем.

Тестовая страница
Панель модератора (админка)
Админка представляет собой два блока:
  • Панель модератора (модерация личных страниц);
  • Блок аналитики по личным страницам;
  • Блок управления админами/модераторами;
  • Блок статистики по действиям модераторам.
Результаты
>18000
на 60%
Активных личных страниц
Увеличилось количество активных пользователей за 2 года
Технологии

Python, Django, Postgresql, Nginx, SAP Hybris, webpack, Vue.js, Sass, Git, Figma, Google Analytics, Google Big Query, Scrum, Waterfall
Команда

Account Director, Project Manager, Technical Director, Art-Director, UX/UI Designer, Front-end developer, Back-end developer, DevOps engineer, QA engineer, Analyst
Контакты:
+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