О задаче

Компания Amway стремилась увеличить число независимых предпринимателей через упрощение старта. Требовалось создать Single Page Application (SPA) для онбординга, интегрированное с экосистемой SAP Hybris, с адаптацией под мобильные устройства и мотивацией пользователей к обучению.

Цель: повысить конверсию новых пользователей в активных партнёров.

Увеличение базы активных предпринимателей

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

Эффективный краткий онбординг

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

Мотивация к дальнейшему обучению

Стимулировать пользователей завершить образовательный курс и стать полноценными партнёрами Amway, используя интерактивные элементы и систему тестирования.

Интеграция с существующей экосистемой

Обеспечить бесшовное взаимодействие с платформой Amway, используя возможности SAP Hybris и интегрируя данные в CRM-систему.

Главная страница

Страница шага: контент и тест

Success блок

Решение

Одностраничное приложение (SPA)

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

Front-end

Использование Vue.js в сочетании с webpack и Sass обеспечивает современный, адаптивный дизайн с отзывчивой версткой. Интерфейс характеризуется большими иллюстрациями, крупными текстовыми блоками и яркими CTA-элементами, что улучшает пользовательский опыт.

Back-end и API

На серверной стороне реализован микросервис для хранения и обработки статистики прохождения онбординга. Разработанные RESTful API обеспечивают запись, хранение и передачу данных о прогрессе пользователей. В качестве основной серверной технологии использовался Python с Django, а данные сохраняются в Postgresql.

Интеграция с CRM и SAP Hybris

Информация о статусе прохождения онбординга синхронизируется с CRM-системой. При незавершённом прохождении в личном кабинете пользователя отображается баннер с уведомлением о необходимости завершения курса, что повышает вовлечённость.

Администрирование и CMS

Для управления контентом онбординга создана административная панель на базе Django, что позволяет быстро вносить изменения и обновления в обучающий материал.

Инфраструктура

Развертывание приложения производится на сервере клиента с использованием Nginx в качестве веб-сервера и Git для контроля версий, что обеспечивает стабильность и масштабируемость проекта.

Модули онбординга

Интеграция с Amway ID для аутентификации.
Интерактивные тесты с автоматической проверкой.
Генерация PDF-сертификатов после завершения.
Уведомления в CRM и баннеры в личном кабинете для незавершивших обучение.

Дизайн

Atomic Design: Библиотека компонентов (кнопки, карточки, модалки) в Figma.
Mobile First: Адаптивная сетка (CSS Grid), оптимизация под touch-экраны.
Микроанимации: Плавные переходы между шагами (GSAP).

Основные этапы онбординга

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

Многошаговый процесс обучения

Процесс разделён на тематические блоки:
История компании и бренды Amway.
Механизмы сотрудничества с компанией.
Управление личным кабинетом ("Мой офис").
Обучение в Академии Amway.
Присутствие Amway в социальных сетях.

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

Результаты

Бизнес-метрики

Более 6000 пользователей в год, которые прошли онбординг.
+60% рост активных пользователей за 2 года.
Рост конверсии в активных партнёров: +40% за первый год.
85% пользователей завершили онбординг (против 15% ранее).

Пользовательский опыт

Использование современных технологий SPA и адаптивного дизайна обеспечило интуитивно понятный и привлекательный интерфейс для всех типов устройств (десктоп, мобильные, планшеты).
Среднее время прохождения: 12 минут (на 35% быстрее старых методов).
Рейтинг NPS: 78 баллов («Очень интуитивно и мотивирующе!»).

Бесшовная интеграция

Интеграция с SAP Hybris и CRM-системой позволила оптимизировать процессы управления данными и повысить качество взаимодействия с пользователями.

Масштабирование

Адаптация онбординга для пользователей из стран Центральной Азии.

Предыдущая страница

DobroSkills — разработка проекта и бизнес плана по развитию EdTech платформы

Следующая страница

Разработка веб-приложения калькулятора доходов Amway

Контакты

+7 927 728-08-27
personalartru@gmail.com