Конструктор личных страниц для партнеров компании Amway

2018-2025

Web

О задаче

Amway — глобальный лидер в сфере прямых продаж с миллионами партнёров.
Задача: модернизировать устаревший конструктор личных страниц (PRW) для партнёров компании, обеспечив mobile-first подход, интеграцию с экосистемой SAP Hybris и рост вовлечённости партнёров.

Основные требования:

Техническая миграция

Перенос 5 000+ существующих страниц на новую платформу без потери данных.
Интеграция с SAP Hybris (синхронизация каталога товаров, корзины, CRM).

UX/UI-революция

Внедрение дизайн-системы Amway 2.0 с адаптивными шаблонами и персонализацией (цветовые схемы, темы).
Сокращение времени создания страницы с 15 → 3 минуты.
Создание эффективной системы онбординга и поддержки пользователей.

Data-driven аналитика

Настройка Google Analytics 4 + BigQuery для отслеживания конверсий.

Анализ и проектирование

На начальном этапе я разработал архитектуру всего проекта: что с чем взаимодействует, какие есть зависимости и свойства у каждого объекта. Было подготовлена функциональная спецификация
(FSD).
Были проработаны прототипы всех основных экранов и схемы взаимодействия пользователей с сервисом.

Онбординг

Конструктор

Личная страница

Решение

Фаза анализа

Проведен глубокий анализ текущего состояния конструктора и потребностей целевой аудитории.
Разработаны User Journey Map и CJM для понимания взаимодействия пользователей с продуктом.

Фаза проектирования

Переработан UX/UI фронтенда в рамках новой дизайн-системы компании.
Разработан MVP с набором базовых компонентов:
Информация о партнере.
Блок контактов.
Витрина товаров с возможностью добавления в корзину.
Сертификаты, видео, социальные ссылки.
Подготовлен скоуп дополнительных фич для развития проекта:
FAQ, CTA-блоки, баннеры.
Акционные продукты, инфографика, отзывы клиентов.

Фаза разработки

Технологический стек:
Back-end : Python/Django (REST API для интеграции с SAP Hybris), PostgreSQL (хранение данных).
Front-end : Vue.js + Webpack (динамические компоненты: витрины товаров, CTA-блоки, Instagram-ленты).
Инфраструктура : DevOps: Nginx + Docker (кластеризация для нагрузки до 1000 RPS), Git.
Аналитика : Google Analytics, Google Big Query.
Реализовано административное приложение для модерации контента и управления активностью пользователей.
Разработана система уведомлений и пошаговый онбординг для новых пользователей.

Фаза тестирования

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

Функционал MVP

Гибкий конструктор: 10+ компонентов (мероприятия, сертификаты, видео, товары с добавлением в корзину).
Админ-панель: Модерация контента, push-уведомления, heatmap-аналитика.
Онбординг: Интерактивные туториалы.

Развитие:

Roadmap с 20+ фичами: AI-рекомендации товаров, интеграция с TikTok API, опросы.
A/B-тестирование шаблонов через Google Optimize.

UI концепция

В основе конструктора — виджетный (компонентный) подход.
Это позволило реализовать интерфейс, который подстраивается под пользователя, а не наоборот.

Новый дизайн личной страницы

Личная страница выполнена в эстетике smart-minimal — минимум информации и сдержанный визуал, чтобы вывести на первый план основные блоки: о партнёре, продукты, мероприятия и CTA.
Дизайн страницы интуитивно понятен и предсказуем.

Тестовая страница

Статистика

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

Панель модератора (админка)

Админка представляет собой два блока:

Панель модератора (модерация личных страниц);
Блок аналитики по личным страницам;
Блок управления админами/модераторами;
Блок статистики по действиям модераторам.

Мои обязанности

Коммуникации:

Сбор и согласование требований с клиентом
Регулярные встречи с клиентом для отчетов о прогрессе и корректировки требований
Участие в переговорах по контракту на техническую поддержку и новые задачи

Управление проектом:

Оценка себестоимости работы и подготовка сметы для клиента
Планирование этапов разработки, составление таймингов
Распределение задач между командой (дизайнеры, разработчики, переводчики)
Контроль сроков, рисков и бюджета, согласование этапов с клиентом.
Техническое управление: Координация разработки UI/UX, админки и интеграций
Тестирование функционала сайта и интеграций на соответствие требованиям
Ведение документации

Аналитика и результаты:

Мониторинг метрик для оценки эффективности работы платформы
Подготовка отчетов с выводами для клиента и команды

Команда проекта

Account Director: Координация коммуникаций с клиентом.
Project Manager: Управление процессами, планирование ресурсов.
Technical Director: Архитектурные решения и технический надзор.
Art-Director: Креативное руководство.
UX/UI Designer: Прототипирование и дизайн.
Front-end/Back-end Developers: Реализация функционала.
DevOps Engineer: Настройка инфраструктуры.
QA Engineer: Тестирование и контроль качества.

Результаты

Масштабируемость: Более 18 000 активных личных страниц.
Рост аудитории: За 2 года количество активных пользователей увеличилось на 60% .
Технические показатели: Время загрузки страницы: 0.8 сек (Lighthouse Score: 95/100).
Эффективность инструмента: Пользователи получили возможность создавать персонализированные страницы с широкими возможностями настройки.

Аналитика: Доступны детальные метрики для клиента и базовая статистика для пользователей (посетители, переходы, конверсии).
Развитие: конструктор личных страниц была развернут для партнеров из стран Центральной Азии

Обновленный Конструктор Личных Страниц стал мощным инструментом для партнеров Amway, позволившим значительно расширить присутствие бренда в цифровом пространстве и улучшить взаимодействие с клиентами.

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

Обновление сайта Высшей школы корпоративного управления РАНХиГС

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

Техническая поддержка ресурсов БФ «Вклад в будущее» от Сбера

Контакты

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