О проекте
«Деньги Маркет» предоставляет кредиты и микрозаймы населению онлайн.
Срок сотрудничества: апрель-июнь 2019 года, март-май 2020 года.
Задача: разработать дизайн для обновленного интерфейса терминала по выдаче заемных средств. Интерфейс должен быть удобным и понятным для пользователей любого возраста и основываться на узнаваемом фирменном стиле.
Процесс
Это не первое наше сотрудничество с этим проектом — в 2019 году мы уже разрабатывали интерфейс. Тогда стояла задача сделать более легкий светлый дизайн, поэтому мы выбрали белый фон и подобрали менее контрастные цвета для элементов интерфейса.
![Интерфейс, разработанный нами в 2019 году Интерфейс, разработанный нами в 2019 году](/upload/img/14-05-2020/keys/1-1.jpg)
В 2020 году терминалы обновились и необходимо было разработать новый дизайн интерфейса. Так как цветопередача экрана немного искажает цвет и делает его более блеклым, мы выбрали более яркие и броские цвета, чтобы это компенсировать.
Разработали несколько вариантов. Например, сочетание светлого фона с фирменными цветами:
![Разработка дизайна интерфейса терминалов Разработка дизайна интерфейса терминалов](/upload/img/14-05-2020/keys/2-1.jpg)
На этом фоне хорошо просматривались все элементы, а цветовые акценты помогали пользователю пройти весь процесс получения займа. Это было важно, так как занимало какое-то время. И если бы человек путался и не мог найти нужный элемент интерфейс, то был риск, что он не дойдет до конца.
Также подготовили вариант с темным фоном, который понравился клиенту больше. Мы расширили цветовую палитру и сделали интерфейс более разнообразным. При этом ушли от нагромождения, чтобы пользователь не отвлекался на ненужные элементы.
![Итоговый вариант интерфейса Итоговый вариант интерфейса](/upload/img/14-05-2020/keys/3-1.jpg)
![Итоговый вариант интерфейса Итоговый вариант интерфейса](/upload/img/14-05-2020/keys/4-1.jpg)
На темном фоне разноцветные элементы стали выделяться еще сильнее.
![Мы сделали элементы интерфейса более крупными и заметными Мы сделали элементы интерфейса более крупными и заметными](/upload/img/14-05-2020/keys/5-1.jpg)
Также мы отрисовали и анимировали персонажа, который появляется в момент загрузки между действиями. Он не только делает интерфейс более интересным, но и указывает на непрерывность всего процесса. Человек понимает, что действие продолжается и нужно подождать, чтобы перейти на следующий этап. В данном случае это важно, так как оформление занимает время.
![Анимированный персонаж, который появляется на экране в момент обработки данных и перехода к следующему этапу оформления сделки Анимированный персонаж, который появляется на экране в момент обработки данных и перехода к следующему этапу оформления сделки](/upload/img/14-05-2020/keys/6-1.jpg)
При разработке интерфейса, помимо яркого визуала, мы сконцентрировались на функциональности и потребностях аудитории, чтобы представитель любого целевого сегмента легко прошел всю процедуру.
Если у вас есть задача по дизайну, мы готовы помочь вам ее решить. Заполните форму, и мы свяжемся с вами. Или вы можете перейти к следующему кейсу и посмотреть один из вариантов фирменного стиля.