Leading 2Leading 1
Задача проекта

Разработать прогрессивное веб-приложение (PWA) для сервиса международных денежных переводов KWIKPAY с функциональностью мобильных приложений.

ООО «КВИКПЭЙ» — это финансовая организация, зарегистрирована в соответствующем реестре Центробанка 25 августа 2023 года (запись №0057).

PWA визуально и функционально преобразует веб-сайт в приложение. Пользователь может загрузить его в смартфон как обычное мобильное приложение: получается «продвинутая версия сайта» с адаптацией под Android и iOS-устройства пользователей. PWA отличаются от мобильной версии сайта тем, что могут работать офлайн, адаптироваться под устройства и выглядеть практически нативно.

Аналитика и дизайн

L-TECH адаптировала дизайн основных экранов мобильного приложения KWIKPAY для PWA. В этой версии пользователям доступна облегченная версия приложения, которая помогает получать основные возможности как раньше: отправлять денежные переводы по номеру телефона, на банковскую карту, счет или получать наличные по всему миру. Иконку PWA легко добавить на экран — так его практически не отличить от мобильного приложения.

В PWA легче и проще поддерживать один стиль интерфейса для разных платформ — не нужно разрабатывать макеты отдельно для каждого устройства. Это также позволит пользователям iPhone легче взаимодействовать с продуктом.

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

Результаты разработки PWA

За 2 месяца L-TECH совместно с KWIKPAY разработали PWA с помощью React и webpack. Его разработка привела к росту некоторых основных бизнес-показателей: время, которое пользователи проводят в сервисе, увеличилось на 40%, расходы на продвижение и рекламу снизились на 20%, а показатели активности увеличились на 60%. Экономия до 30% выручки, так как не нужно платить комиссию App Store и Google Play при встроенных покупках в приложении.

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

Установка и загрузка

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

PWA загружаются очень быстро благодаря HTML-отдаче. С момента загрузки до появления первого элемента или изображения обычно проходит не более 1 секунды.

Работа в офлайн-режиме

KWIKPAY PWA может работать в автономном режиме без соединения с сервером. При возвращении в онлайн информация синхронизируется.

Кроме того, мы добавили систему принудительного сброса кеша и обновления core-компонентов. Поэтому PWA демонстрируют стабильно высокую скорость загрузки и производительность даже при плохом соединении с интернетом.

Еще одно важное преимущество заключается в том, что обновления в PWA можно вносить прямо на сервере, а пользователю не нужно тратить время на их установку.

Авторизация

Веб-приложение поддерживает вход по номеру телефона, а также использование ПИН-кода. В PWA мы обеспечили привычный опыт работы с приложением благодаря нативной поддержке биометрии на базе системы авторизации и аутентификации. Разработали возможность биометрической аутентификации через WebAuthn (через TouchID в мобильных версиях, и через токен на десктопах).

Переводы

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

История

Доступная история транзакций — это важный критерий для многих пользователей. В «Истории» можно отслеживать статус переводов, включая дату, время, получателя и тип транзакции (доход или расход).

Уведомления

Как и мобильное приложение, KWIKPAY PWA может отправлять push-уведомления и хранить данные локально. Используя протокол HTTPS для передачи данных. PWA обеспечивает безопасное соединение и конфиденциальность данных пользователя.

Безопасность

Особое внимание было уделено безопасности. Все значимые действия (изменение данных) пользователя подписываются электронным ключом (смс). Была разработана собственная система авторизации.

L-TECH на основе своего опыта разработала сервис перевода денежных средств на технологии PWA, интегрировала его с сервером и мобильными приложениями

 
Срок
2 месяца
Технологии

React

Над проектом работали

WEB-разработчик

2 человека

UX/UI-дизайнер

1 человек

Тестировщик

1 человек

Руководитель проекта

1 человек

Хотите аналогичный кейс?

Выберите услугу или несколько услуг, которые вам необходимо обсудить

Некорректно указан телефон
Некорректно указана почта
Бюджет*
  • 0/3000

    Прикрепить файлы

    Допустимы форматы (.txt, .doc, .pdf)

    Нажимая кнопку «Отправить», вы соглашаетесь с Политикой обработки персональных данных