Gross Aqua

2024 Разработка сайта Образование

Gross Aqua — это прогрессивное веб-приложение, созданное для автоматизации и упрощения участия продавцов в корпоративной программе лояльности. Основная цель проекта — повысить вовлечённость и мотивацию продавцов за счёт удобного интерфейса для регистрации, учёта продаж и получения бонусов.

Поставленная задача

Создать интуитивно понятное и современное веб-приложение, доступное с любого устройства.
Оптимизировать процесс взаимодействия продавцов с программой лояльности.
Повысить прозрачность начисления баллов и получения вознаграждений.

Этапы работ

Аналитика и исследование

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

UX/UI-дизайн

Разработана структура и логика интерфейса: от регистрации продавца до получения награды.
Созданы прототипы основных экранов — Главная, Сканер, Каталог и Аккаунт.
Визуальная концепция опирается на фирменные цвета компании и принципы простоты, легкости и прозрачности взаимодействия.
Дизайн выполнен в Figma, с адаптацией под разные устройства (PWA).

Верстка и разработка

Интерфейс реализован с использованием React/Vue.js и CSS, серверная часть — на PHP (Bitrix) с интеграцией через REST API.
Обеспечена поддержка офлайн-режима и возможность установки приложения на устройство как PWA.
Реализованы все функции: регистрация, сканирование QR-кодов, начисление баллов и обмен на призы.

Тестирование и запуск

Проведено кроссбраузерное и адаптивное тестирование с помощью BrowserStack.
Ручное UX-тестирование позволило выявить и устранить мелкие ошибки интерфейса.
После финальной проверки проект был успешно запущен и передан заказчику.

Основные разделы

Основные функции

Регистрация и личный кабинет продавца с хранением персональных данных.
Генерация уникальных QR-кодов для каждой единицы продукции.
Сканирование QR-кодов продавцами для подтверждения продаж.
Начисление бонусных баллов за продажи с отображением истории операций.
Обмен баллов на подарки или денежные призы.

Сканер

Этот раздел обеспечивает быстрое добавление продаж и мотивацию к участию.

Реализует функцию сканирования QR-кодов с упаковки продукции.
После успешного сканирования продавцу автоматически начисляются баллы.
Интерфейс максимально упрощён: понятные подсказки, мгновенная обратная связь (успех / ошибка).

Кейс по разработке сканера для сайта Gross Aqua

Кейс по разработке сканера для Gross Aqua

Каталог

Раздел визуально ориентирован на геймификацию и стимулирование активности пользователей.

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

Аккаунт

Интерфейс построен на принципе прозрачности и доверия к программе лояльности.

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

Технологический стек

Фронт

PHP (Bitrix)CSSVue.js

Бэк

REST API

UI/UX-дизайн

FigmaPhotoshop

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

BrowserStackРучное тестирование

Результат проекта

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

Обсудим проект?

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

Смотрите также

Корпоративный сайт Государственного Совета Республики Мордовия

Сервис по поиску арбитражных сделок