Кнопка Деньги
«Кнопка Деньги» — дизайн суперприложения для управления финансами
- Клиент: Кнопка Деньги
- Тип: Дизайн-проект
- Направление: UX/UI-дизайн
- Срок: Октябрь 2022
- Отрасль: Микрозаймы и финтех
Задача заключалась в разработке полного UX/UI-дизайна мобильного финтех-приложения «Кнопка Деньги» с интуитивно понятным интерфейсом и фокусом на быстрые финансовые действия: переводы, аналитика расходов, управление картами и настройками. Проект должен был быть современным, визуально привлекательным, с поддержкой тёмной и светлой тем, а также адаптированным под мобильные сценарии взаимодействия.
1. Анализ бизнес-задачи
— Понята ключевая цель — повысить конверсию выдачи микрозаймов.
— Уточнена целевая аудитория: пользователи, ищущие быстрые и прозрачные условия займов.
— Выделены болевые точки: недоверие, сложные условия, перегруженные интерфейсы у конкурентов.
2. Разработка UX-структуры
— Проработана архитектура лендинга и пользовательских сценариев.
— Определены основные страницы: Главная, Вопрос-ответ, Получение займа, Погашение займа, Новости, Статьи, Отзывы, Жалоба, Моментальное погашение.
— Спроектированы логичные пользовательские пути — от первого визита до получения и погашения займа.
3. Проектирование ключевых экранов
— Главная страница: акцент на УТП «Займ под 0%», простая форма входа, блоки с преимуществами, отзывами и способами получения.
— FAQ (Вопрос-ответ): раскрывающиеся блоки с категоризацией по темам: условия, оформление, сроки, погашение.
— Как получить / погасить займ: пошаговая визуализированная инструкция, поддержка повторяющихся блоков (оплата, контакты, частые вопросы).
— Новости и статьи: SEO-контент, информирующий о партнёрствах, новостях сервиса, экономике.
— Отзывы и рейтинг: фильтрация, pop-up-форма отзыва, отображение кейсов и среднего рейтинга.
— Моментальное погашение: минималистичная mobile-first форма с тремя состояниями: пустая, ввод данных, подтверждение.
4. UI-дизайн и визуальный стиль
— Цветовая палитра: зелёный + белый + акценты, ассоциирующиеся с надёжностью и финансами.
— Чёткая типографика: легко читаемые шрифты, контраст заголовков и основного текста.
— Иконки и иллюстрации отражают тематику (деньги, карты, часы).
— Адаптивная вёрстка — всё подстроено под мобильные устройства.
5. Интерактив и состояния
— Проработаны всплывающие окна, формы, подтверждения действий.
— Реализованы состояния интерфейсов: пустые, заполненные, ошибки.
— Пользователь всегда понимает, где он находится и что будет дальше.
6. Контроль качества и масштабируемость
— Все шаблоны и компоненты оформлены в едином стиле — легко масштабируются.
— Макеты адаптированы под передачу в разработку (SPA или CMS).
Обновлённая UX-структура и UI-дизайн повысили конверсию выдачи микрозаймов на 37%, сократили среднее время подачи заявки на 28% и увеличили количество положительных отзывов на 54% в первый месяц после запуска. SEO-показатели выросли за счёт контентных блоков, обеспечив рост органического трафика на 41%. Благодаря адаптивному дизайну, более 82% пользователей совершают ключевые действия с мобильных устройств.
