Задача

Клиент из Израиля попросил нас сделать редизайн уже существующего приложения Budss. Старые UX решения снижали конверсию, а интерфейс выглядел недостаточно современно

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

Как работает приложение

Пользователь регистрируется и добавляет способ оплаты

Сканирует QR-код на терминале и получает кешбэк после оплаты через приложение

При желании создает группу из нескольких пользователей, чтобы увеличить кешбэк

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

Листает ленту, подписывается на других пользователей и вступает в их группы, чтобы увеличить кешбэк

Как работает приложение

Пользователь регистрируется и добавляет способ оплаты

Сканирует QR-код на терминале и получает кешбэк после оплаты через приложение

Листает ленту, подписывается на других пользователей и вступает в их группы, чтобы увеличить кешбэк

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

При желании создает группу из нескольких пользователей, чтобы увеличить кешбэк

Как наш дизайн решил задачу

Визуально разделили стартовую страницу на две части: чёрную и белую

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

Яркий акцент — фиолетовая кнопка Create group, которую легко скрыть при желании

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

Ленту с постами можно развернуть на полный экран

Так она переходит в привычный и интуитивно понятный формат — такой же, как в других соцсетях

Пользователь быстро ориентируется в Payment details и быстро оплачивает покупки на кассе

Слева — способы оплаты, справа — чекбоксы. Сразу видно, какой из способов выбран

Лаконичный интерфейс по гайдлайнам от Apple

Приложение не выглядит перегруженным, несмотря на разнообразие функций

Как наш дизайн решил задачу

Визуально разделили стартовую страницу на две части: чёрную и белую

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

Яркий акцент — фиолетовая кнопка Create group, которую легко скрыть при желании

Ленту с постами можно развернуть на полный экран

Так она переходит в привычный и интуитивно понятный формат — такой же, как в других соцсетях

Пользователь быстро ориентируется в Payment details и быстро оплачивает покупки на кассе

Слева — способы оплаты, справа — чекбоксы. Сразу видно, какой из способов выбран

Лаконичный интерфейс по гайдлайнам от Apple

Приложение не выглядит перегруженным, несмотря на разнообразие функций

Цвета

Черный и белый

Чёрно-белый интерфейс выглядит строго и современно — то, что пользователь ожидает от финансового приложения

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

Выбор шрифта

Outfit

Шрифт легко читается с экрана даже в спешке, когда нужно быстро оплатить покупку через приложение

Буквы и цифры без засечек выглядят аккуратно, но не слишком официально. Шрифт смотрится уместно и в блоке с балансом пользователя, и в тексте поста рядом с яркими фото

Результат

Через месяц работы с нами заказчик получил готовый дизайн-концепт со всеми экранами приложения и элементами интерфейса

Дизайн технически реализуем. Наполнение экранов совпадает с запланированными функциями — все кнопки, формы и иконки на месте

Клиент использует наш дизайн-концепт уже сейчас

Например, когда презентует идею своего приложения потенциальным инвесторам

Что было дальше

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

Фаундер Budss

Виджет и сайт для Budds

Клиент вдохновился работой с нами и дополнительно заказал дизайн виджета для приложения Budds, а также разработку и дизайн веб-сайта

Разработка MVP

Сейчас мы активно обсуждаем планы по разработке MVP-приложения c базовым набором функций

MVP для стартапа

С помощью MVP-версии заказчик сможет быстро и без лишних затрат проверить идею своего стартапа на практике

Содержание

Идея приложения

Пользователи получают кэшбэк, когда оплачивают покупки через приложение в магазинах-партнерах

Задача

Как работает приложение

Как работает приложение

Как наш дизайн решил задачу

Визуально разделили стартовую страницу на две части: чёрную и белую

Яркий акцент — фиолетовая кнопка Create group, которую легко скрыть при желании

Ленту с постами можно развернуть на полный экран

Пользователь быстро ориентируется в Payment details и быстро оплачивает покупки на кассе

Лаконичный интерфейс по гайдлайнам от Apple

Как наш дизайн решил задачу

Визуально разделили стартовую страницу на две части: чёрную и белую

Яркий акцент — фиолетовая кнопка Create group, которую легко скрыть при желании

Ленту с постами можно развернуть на полный экран

Пользователь быстро ориентируется в Payment details и быстро оплачивает покупки на кассе

Лаконичный интерфейс по гайдлайнам от Apple

Цвета

Черный и белый

Выбор шрифта

Результат

Что было дальше

Разработаем дизайн и для вашего приложения!