Формочка
На рынке много сервисов для планирования бюджета, но даже с ними пользователи надолго не остаются, ведь почти все они не могут удержать пользователя и удовлетворить его потребности. Я решила исправить это и с 0 спроектировала такой сервис.
Цель - создать простой сервис для отслеживания своих финансов
Макеты в Figma
Глубинные интервью
Первым делом я определила аудиторию для интервью: это пользователи, которые давно хотели начать вести бюджет, но не могли начать, и те, кто давно ведут учёт своего бюджета. Затем я составила список вопросов, от общих к конкретным, и провела 10 глубинных интервью. Основная ЦА сервиса 18-35 лет
💡Инсайты из интервью
Бенчмаркинг
Jobs To Be Done
Обернула проблемы и пожелания пользователей в работы, которые легли в основу сценариев
Когда я начинаю вести учет, я хочу
иметь возможность синхронизировать несколько банков и карт, чтобы удобно отслеживать все в одном приложении
быть в полное безопасности и быть уверенным в том, что мои данные конфиденциальны и их не украдут
Когда я хочу продолжить учёт после долгого перерыва, я хочу
знать, что смогу легко восстановить контроль над финансами, чтобы не переживать, что у меня не получится
избежать необходимости вручную вносить много крупных трат, чтобы облегчить возвращение к финансовому учету
Когда я веду учёт, я хочу:
CJM
Многие респонденты отмечали что им удобнее пользоваться приложением, так проще и быстрее вносить все операции и сверяться с интернет-банком, поэтому было решено проектировать мобильное приложение
По воронке AARRR расписала большую карту пути пользователя, поделив флоу на основной и неосновной
Отрывок из CJM
Технические ограничения
Одной из киллер фичей планировалось максимальное упрощение синхронизаций с банками и добавление всех банков и счетов по номеру телефона, от этого пришлось отказаться, т.к. невозможно реализовать такой функционал
Wireframes
Далее я составила черновые прототипы - вот некоторые экраны
Подбор референсов
Мне хотелось создать довольно яркое и запоминающееся для пользователей приложение, поэтому для начала я подобрала референсы к проекту и описала какой визуальный стиль хочу создать
Характер - простой, активный, броский
Плотность - небольшая, маленькая
Цвета - яркие
Формы - простые, круглые
Иконки - линейные, тонкие, круглые
Типографика - гротеск, средне-тонкий
Часть референсов
Нейминг и TOV
Формочка — надежная и безопасная, она обращается напрямую к каждому, не тыкая, а подсказывая как стать лучше
Первый запуск и онбординг
Вовлеченность (Engagement Rate)
Каждый пользователь может сразу выбрать удобную тему для себя и кастомизировать
и выбрать цвет для оформления
Конверсия регистрации (Signup Conversion Rate)
Создание своего аккаунта — урезаем функционал без аккаунта и растим конверсию
100% конверсия во free trial
Даем пользователям на неделю воспользоваться полным функционалом подписки
Коэффициент активации (Activation Rate)
Интерактивный онбординг помогает пользователям сразу приступить к пользованию приложения
Отсутствие аналитики
Не навязываем пользователю сводки и не диктуем ему правила. Формой показываем насколько большие траты и даем возможность ему самому планировать свой бюджет
Калькулятор
Кастомный калькулятор собранный на variables
Категории
При добавлении операции можно выбрать или добавить новую категорию. При добавлении можно использовать ИИ который сам сгенерирует цвета из системных, либо выбрать цвета из палитры самому
Счета
Большие яркие карточки счетов поддерживают действия и кастомизируются
Синхронизация с банками
Большое количество банков и поиск для них. Синхронизация может быть по номеру телефона или с помощью номер карты и входа в онлайн банк
Валюта
Привязываем валюту к счёту и конвертируем все данные в общем счете
Undo
Уведомляем пользователя о деструктивных действиях (удалении важных данных) и даем возможность отменить их
Экраны
Действия с категориям доходов и расходов
Действия со счетами
Настройки и подписка
UI-kit
В рамках проекта разработала большой UI-kit: описала отступы, темы, составила таблицу контрастности цветов.
О проекте. Итоги
Получилось даже больше чем планировалось в MVP, поэтому я также проработала неосновной флоу. Что дальше? Проработать совместный доступ, создать раздел FAQ, добавить ИИ для кастомных уведомлений, добавить виджеты
