Робомаркет

Личный кабинет для маркетплейса

Запуск проекта: ноябрь 2019

Результат

Сделали дизайн и вёрстку личного кабинета и доработанных страниц каталога, связали интерфейс с API бэкенда Robokassa. Создали объединённый личный кабинет сервиса Robokassa и маркетплейса Robo.market удобным для пользователей.

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

Что мы сделали

Спроектировали и разработали дизайн объединённого личного кабинета Robokassa и Robo.market.

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

Связали интерфейс личного кабинета с API бэкенда Robokassa.

О клиенте

Robokassa ― это онлайн-сервис для приёма и оформления платежей. Создатели Robokassa запустили маркетплейс Robo.market для своих клиентов. Чтобы увеличить трафик новой площадки, компания решила объединить личные кабинеты двух проектов в один.

Особенности

Функционал личного кабинета

Маркетплейс объединил пользователей двух сервисов. Важно было сохранить функции личного кабинета сервиса Robokassa: регистрацию, авторизацию, заполнение и редактирование личных данных и адресов доставки, сохранение избранных товаров, полную историю заказов и транзакций, обращение в техподдержку и раздел с часто задаваемыми вопросами.

Перенос данных на новый сервис должен был пройти бесшовно и комфортно для пользователей.

Полная история заказов и транзакций
Обращение в техподдержку
Раздел с ответами на популярные вопросы

Бонусная программа

На Robo.market появилась бонусная программа — пользователи получают баллы за покупки через сервис Robokassa и могут оплачивать ими товары на маркетплейсе.

Мы создали страницу бонусной программы, где подробно рассказали о её правилах.

На странице собрали блок, где ответили на возможные вопросы потребителей.

Мы создали страницу бонусной программы, где подробно рассказали о её правилах.

На странице собрали блок, где ответили на возможные вопросы потребителей.

Добавили в личный кабинет интерфейс управления баллами.

Отдельно доработали дизайн страниц каталога и карточек товаров – добавили на них блок с информацией про бонусы.

Дизайн и разработка

Мы спроектировали личный кабинет. Показали, как будут отображаться бонусы на сайте. Сделали дизайн личного кабинета, вёрстку интерфейса личного кабинета и доработанных страниц каталога, связали интерфейс личного кабинета с API бэкенда Robokassa.

Личный кабинет представляет из себя современное веб-приложение на React, которое получает и отображает данные пользователя — профиль, начисленные бонусы и историю заказов.

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

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

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

Что у нас получилось

Обновлённый личный кабинет (дизайн и фронтенд) Robo.market удобен для пользователей. Клиентам маркетплейса легко оформлять заказы, редактировать детали, искать нужную информацию и управлять бонусами. Мы помогли сервису Robokassa объединить своих пользователей на одной площадке.