Sprout
Мой первый самостоятельный продуктовый проект. Изначально я пытался объединить банкинг, планирование бюджета, обучение и геймификацию. Со временем стало понятно, что концепция перегружена. Я вернулся к проекту, убрал лишнее и сосредоточился на банкинге и бюджете, а редизайн использовал для экспериментов с визуальным языком, микровзаимодействиями и прототипированием.
Вернуться к первому проекту и убрать всё лишнее
В первой версии я попытался объединить банк, финансовый трекер, уроки, задания, опыт и растущее дерево как элемент геймификации. Тогда мне казалось, что чем больше механик, тем интереснее концепция.
Вернувшись к проекту с новым опытом, я понял, что эти механики скорее конкурируют с основной задачей и требуют слишком много внимания. Поэтому редизайн начался не с новых экранов, а с упрощения самой идеи: оставить понятный банк, добавить характер привычным действиям и сделать планирование месяца действительно полезным.
Оставить банк банком
Для большинства пользователей банк — это прежде всего место, где можно быстро проверить баланс, перевести деньги, открыть карту или найти нужную операцию. Поэтому в редизайне я решил начать с самого базового и сделать главный экран простым, понятным и не перегруженным лишними сценариями.
Основные действия я вынес на первый план, а характер интерфейсу добавил через визуальные детали и микровзаимодействия. Так структура осталась привычной, а экран стал живее и собраннее.
Добавить характер переводам
В переводах сложно придумать что-то принципиально новое — сценарий давно знаком пользователю. Поэтому я сосредоточился на понятной структуре, минималистичном интерфейсе и небольших микровзаимодействиях при вводе суммы. Завершает сценарий короткая анимация успешной оплаты, которая даёт понятную обратную связь и не перегружает процесс.
Оплата по QR как цельный сценарий
Для QR-оплаты я разыграл сценарий на кассе самообслуживания: сканирование кода, проверка данных и подтверждение оплаты. Я постарался связать эти состояния максимально бесшовно и визуально обыграть переходы между ними.
Отдельно я проработал анимацию сканирования и собрал её через код, потому что нужного поведения было сложно добиться обычными инструментами прототипирования.
Сделать планирование частью банка
В разделе Finance я объединил траты за месяц, лимиты по категориям и цели, на которые пользователь откладывает деньги. Хотелось, чтобы бюджет был понятен с первого взгляда, без переходов между экранами.
Отдельно я поработал над созданием новой цели: сделал простой сценарий и добавил подсказки с иллюстрациями, чтобы он не выглядел слишком сухо.
Превратить категории в конверты
Категории расходов я визуально представил как конверты. Во многом эта идея появилась ради самого взаимодействия: при открытии конверт разворачивается, из него появляются купюры, а затем открывается экран с лимитом и историей трат.
Механика остаётся простой, но анимация делает переход к деталям категории более осязаемым и придаёт разделу характер.
Не добавить больше, а оставить важное
В обновлённом Sprout больше нет дерева, уровней, заданий и отдельного раздела с уроками. Эти идеи делали первый концепт заметнее, но не обязательно полезнее.
Теперь проект держится на трёх вещах: спокойном банковском интерфейсе, выразительных микровзаимодействиях и планировании бюджета на будущий месяц.
Возвращение к Sprout помогло мне не только пересобрать продукт, но и иначе посмотреть на свою старую работу: меньше держаться за количество идей и лучше понимать, что стоит оставить.