Дизайн-концепция. Приложение для контроля подписок SubScout

🔥

Фокус кейса

SubScout — мобильное приложение для контроля подписок. Пользователь видит список своих подписок, может быстро добавить новую и понимать, куда уходят деньги. Проект выполнен в рамках учебного задания

Ознакомиться с полным ходом работы можете в файле макета:

Поиск дизайн-концепции

Вайерфреймы

UI-kit

Макет

Прототипирование и анимация

Тестирование

🧑🏼‍💻

Запрос

Заказчик хотел современный визуальный стиль, но без ухода от минимализма. Важно было сохранить ощущения: инновации, современность, контроль и доверие, а также показать заботу о пользователе

🏃🏼‍♀️‍➡️ Процесс работы

✅ Исследование

Провела конкурентный анализ приложений для управления подписками и финансового контроля. Параллельно собрала визуальные и продуктовые референсы, которые соответствуют запросу на современный минимализм с яркими элементами. На основе анализа сформировала мудборд и выделила визуальные принципы, которые дальше легли в основу дизайн-системы

✅ Проектирование

Глубже погрузилась в Apple Human Interface Guidelines (HIG), чтобы опереться на привычные для iOS паттерны и сохранить предсказуемость взаимодействия. Уточнила структуру ключевых экранов и составила пользовательский сценарий.
Для сценария зафиксировала необходимые переходы и состояния (пусто/ошибка/успех)

✅ Визуальный дизайн

Разработала визуальную систему приложения: типографическую иерархию, палитру, правила акцентов и формы элементов, опираясь на референсы и бриф заказчика.
Создала стили в Figma (цветовые и текстовые), собрала UI-kit и компоненты со состояниями, использовала Auto Layout для масштабируемости и консистентности. После этого собрала финальные экраны из компонентов и проверила единообразие отступов, размеров и поведения элементов

✅ Прототипирование

Собрала кликабельный прототип ключевого линейного сценария для презентации и тестирования. Настроила переходы и микровзаимодействия с помощью Smart Animate, чтобы показать поведение интерфейса и логику потока максимально приближённо к реальному продукту

✅ Тестирование

Провела пользовательскую проверку прототипа, чтобы оценить понятность сценария и качество обратной связи на действия пользователя. Отдельно проверила, не мешют ли отступы от «классических» паттернов функциональности

👁️ Почему проект выглядит именно так

⚪️ Контроль через структуру

Интерфейс строится на ясной иерархии: крупные заголовки, понятные группы, повторяемые паттерны карточек и списков. Это помогает быстро ориентироваться в подписках и действиях

⚪️ Минимализм без “стерильности”

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

⚪️ Мобильный контекст

Крупные зоны нажатия, понятные интервалы и быстрый скан списков. Размеры элементов, отступы и расположение ключевых действий выстроены согласно гайдлайну, чтобы интерфейс оставался предсказуемым и удобным для использования одной рукой

⚪️ Быстрый вход в действие

Добавление подписки вынесено в понятный и заметный entry point. Пользователь сразу понимает, что делать дальше, без лишних решений

💁🏼 Решение поставленных задач

👍🏻 Современность и инновации

Через смелую типографику, чистую композицию и минималистичные поверхности

👍🏻 Контроль

Через структурирование контента, повторяемые паттерны и понятные состояния

👍🏻 Доверие

Через прозрачную подачу информации и спокойные интерфейсные решения без лишнего «визуального шума»

👍🏻 Забота

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

🎬 Вывод

Спроектирован сбалансированный интерфейс, который выглядит смело и современно, но остаётся понятным: пользователь быстро сканирует списки, находит нужное действие и чувствует контроль над подписками