Разработка веб-приложения калькулятора доходов Amway (Canvas.js)
Web
О задаче
Amway обратилась к нам с задачей разработать инструмент для моделирования структуры партнерской сети и расчета возможного дохода. Цель: мотивировать новых партнёров к сотрудничеству через прозрачность бизнес-модели.
Проблематика
Разрозненные данные: Исходная информация была представлена в виде таблиц, формул, документов и презентаций.
Сложность алгоритмов: Необходимость реализации различных алгоритмов расчетов для двух групп клиентов.
Мобильная ориентация: Основной use case — переход из мобильного приложения Amway Start.
Гибкость настроек: Требовалась админка для управления формулами, шаблонами расчетов и логикой построения структуры.
Выбор сценария
Построение структуры группы
Просмотр возможного дохода
Решение
Фаза планирования
Проведен анализ исходных данных (таблицы, формулы, документы) и подготовлено подробное FSD с четкой структурой и функциональной логикой.
Разработаны прототипы интерфейса и тестовый стенд для моделирования структуры и расчетов.
Фаза проектирования
Интерфейс: Простой и интуитивно понятный дизайн с акцентом на Mobile First (70% трафика — из приложения Amway Start).
Визуализация : Использование Canvas.js для динамической визуализации структуры партнерской сети.
Онбординг: Разработана система подсказок для быстрого освоения инструмента.
Шаблоны расчетов: Внедрены пресеты с разными суммами дохода для упрощения использования.
Фаза разработки
Front-end: Верстка и программирование выполнены на Vue.js с использованием Sass и Canvas.js для визуализации.
Back-end: Административная панель развернута на Django с базой данных PostgreSQL.
Мобильная версия: Создана отдельная версия калькулятора для интеграции с мобильным приложением Amway Start.
Интеграции: Реализована аутентификация через Amway ID и интеграция с Google Big Query для аналитики.
Локализация: Адаптация контента для пользователей из Центральной Азии.
Фаза тестирования
Проведено комплексное тестирование (функциональное, нагрузочное, кроссбраузерное).
Проверена совместимость с мобильными устройствами и браузерами.
Внедрена система обратной связи для сбора отзывов пользователей.
Ключевые функции
Динамическое моделирование
Добавление партнёров, настройка «личных баллов», прогноз дохода в реальном времени.
Автоматический пересчет уровней партнёров при изменении структуры сети.
Админка
Управление алгоритмами расчета через Django Admin (изменение коэффициентов, добавление пресетов).
Логирование действий пользователей (Audit Log).
Результаты
Удобство использования: Интуитивный интерфейс и онбординг помогают пользователям быстро освоить инструмент.
Простые пользовательские настройки: Добавление партнёров, настройка «личных баллов», прогноз дохода в реальном времени.
Динамическое моделирование: Автоматический пересчет уровней партнёров при изменении структуры сети.
Наглядность расчетов: Динамическая визуализация структуры партнерской сети и прогноз доходов повышают доверие пользователей.
Мобильная оптимизация: +40% времени взаимодействия с калькулятором на мобильных устройствах.
Гибкость настроек: Админка позволяет легко управлять формулами, шаблонами и логикой расчетов.
Аналитика: Интеграция с Google Big Query обеспечивает сбор данных для дальнейшего анализа.