UX/UI
2023
Case
Purrweb
Kem
Платформа мобильных
платежей в Кувейте.
![kem main picture](/images/kem-greetings-phone1.png)
![kem main picture](/images/kem-greetings-phone2.png)
О проекте
KEM - приложение для обмена деньгами. Пользователь может перевести деньги или запросить их у друга.
Заказчикам нужен был MVP приложения для презентации банкам и привлечения инвестиций.
Функционал
Как пользоваться?
1
2
3
![phone picture](/images/kem-iphone-container.png)
Фичи
Kem напоминает соцсеть
![phone picture](/images/kem-iphone-container.png)
![phone picture](/images/kem-features-first.png)
![phone picture](/images/kem-features-second.png)
![phone picture](/images/kem-features-third.png)
![phone picture](/images/kem-features-fourth.png)
![phone picture](/images/kem-features-five.png)
![phone picture](/images/kem-features-user-second.png)
![phone picture](/images/kem-features-user-third.png)
![phone picture](/images/kem-features-user-fourth.png)
![phone picture](/images/kem-features-user-first.png)
Понятный и дружелюбный интерфейс
![phone picture](/images/kem-phones-green-first.png)
![phone picture](/images/kem-phones-green-second.png)
![phone picture](/images/kem-phones-green-third.png)
![phone picture](/images/kem-phones-green-fourth.png)
![phone picture](/images/kem-phones-first.png)
![phone picture](/images/kem-phones-second.png)
![phone picture](/images/kem-phones-third.png)
![phone picture](/images/kem-phones-fourth.png)
Интерфейс
вход по пин-коду
профиль
историю транзакций
список запросов
Для зарегистрированных пользователей, чтобы им не нужно было каждый раз вводить номер телефона
Для того, чтобы заполнить информацию о себе, смотреть контакты, настраивать уведомления и связываться с поддержкой
Для того, чтобы пользователи могли посмотреть поступления и переводы
Для того, чтобы отслеживать статус запросов и отправлять друзьям напоминания
![phone picture](/images/kem-interface-phone1.png)
![phone picture](/images/kem-interface-phone2.png)
![phone picture](/images/kem-interface-phone3.png)
![phone picture](/images/kem-interface-phone4.png)
Цвет
Палитра KEM
В основе цветовой гаммы KEM — яркое
и дерзкое сочетание зеленого и пурпурного.
Попробуй навестись
#151715
#8C8C8C
#C1C7C1
#DADDDA
#EEF0EE
#E0F7E0
#29A329
#33CC33
#5A1D6A
#AF42CC
#DBAAE8
#E7C6F0
#EF4444
#5D5FEF
#FFE297
Иконки
Наведи на иконку
Что может пойти не так,
когда работаешь с банками
Чтобы проводить операции с деньгами, приложение должно иметь доступ к банковским системам через API.
![info icon](/images/kem-problems-first-graph.png)
![info icon](/images/kem-problems-first-graph2.png)
![info icon](/images/kem-problems-second-graph1.png)
![info icon](/images/kem-problems-second-graph.png)
Для его использования нужно разрешение.
У банков API закрытый, так как через него можно получить доступ к финансовым данным клиентов.
Разработка
Бэкенд, который работает
без реальных данных
Для MVP мы прописали логику с воображаемыми данными для демонстрации приложения банкам.
Можно представить, как будет работать приложение с настоящими данными.
Kem еще вернется
Мы уложились в срок, заказчики показали MVP банкам. Теперь мы ждем доступ к API, чтобы доработать приложение и научить его переводить и принимать реальные деньги.
![info icon](/images/kem-conclusion1.png)
![info icon](/images/kem-conclusion-second.png)
![info icon](/images/kem-conclusion3.png)
![info icon](/images/kem-conclusion4.png)
![info icon](/images/kem-conclusion5.png)
![info icon](/images/kem-conclusion6.png)
![info icon](/images/kem-conclusion7.png)
![info icon](/images/kem-conclusion1.png)
![info icon](/images/kem-conclusion-second.png)
![info icon](/images/kem-conclusion3.png)
![info icon](/images/kem-conclusion4.png)
![info icon](/images/kem-conclusion5.png)
![info icon](/images/kem-conclusion6.png)
![info icon](/images/kem-conclusion7.png)
Ваша заявка уже у нас :)
Обычно ответ занимает от 12 до 24 часов.
Может, вы хотите запланировать онлайн встречу?
Что-то пошло не так.
Пожалуйста, попробуйте ещё раз позже.