Платежный сервис

Web-сервис
NDA
Платежный сервис

Платежный сервис

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

v0iJgar5j2LKdmOcC5pthq94GFUkGUI2eYOPyQjX.png

Задачи

1.png

Дизайн

Использовали фирменный стиль компании. С функциональной точки зрения, основной упор на:

2б.png

Разработка

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

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

3.png

Раньше каждый вид платежа по каждому сотруднику компании вносили в программу вручную из Excel таблицы. Количество сотрудников компании может быть более 1 000 человек.

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

Использовали минимальное количество навигации. Всего 3 основных страницы сервиса: список сотрудников, история платежей, группы. Страницы реализовали похожими, чтобы упростить пользование сервисом. Максимально легкая навигация внутри страниц.

4.png

Список сотрудников

5.png

Группы

Для разных отделов внутри одной компании реализовали групповой платеж с индивидуальными значениями для отдела. Например, группе А нужны пополнения мобильной связи, а группе В нужны гигабайты. В два клика можно пополнить необходимые параметры сразу двум группам.

6.png

Создание платежей

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

7.png

История платежей

Чтобы техническая поддержка сервиса не искала каждую ошибку и причину вручную, а по одному платежу не были задействованы 3-4 человека — мы сократили участие до 1 человека. Сервис автоматически выдает по какой причине платеж не прошел. В случае обнаружение десятков ошибок, платеж можно возобновить по кнопке Повторить. В личном кабинете отображается общая сумма баланса пользователя.

Инструменты работы с историй платежей:

8.png

Административная панель

Технический администратор заказчика имеет возможность:

9.png

Интеграции

Срок реализации

9 месяцев

Стек технологий

Изображение технологииFigma
Изображение технологииReactJS
Изображение технологииHTML
CSS
CN