Нигина НематоваОткрыта к работе

Кейс 01iOS-приложение

SubScoutприложение для контроля подписок

iOS-приложение, которое собирает все подписки в один список, подсвечивает ближайшие списания и даёт добавить новую за один экран — от гипотез до UI-кита.

  • iOS
  • Мобильное приложение
  • UX-исследование
  • Тестирование
  • UI-kit
  • Логотип
  • Figma
Роль
UX/UI-дизайнер, весь цикл
Платформа
iOS · iPhone
Инструменты
Figma, FigJam
Год
2026
Карточка подписки
Список подписок
Новая подписка

Задача

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

Аудитория

Люди, которые активно пользуются цифровыми сервисами и чувствительны к расходам: студенты, семьи с общим бюджетом, сотрудники IT-компаний. Три сегмента с разным уровнем нагрузки: от четырёх подписок до сорока пяти.

01этап

Гипотезы

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

01Уведомления и метки

Пользователи предпочтут приложение, которое само напоминает о скором списании.

02Список при входе

Первый экран должен показывать все подписки без переходов.

03Быстрое добавление

Целевое действие — добавить подписку — должно занимать минимум шагов.

04Общая сумма

Постоянно видимая сумма помогает контролировать бюджет.

02этап

Сегменты и интервью

Глубинные интервью по сегментам: сценарий встречи на 30 минут, четыре задания и чек-лист модератора — куда кликает первым, где зависает, сколько шагов занимает каждое действие.

S1Студент

IT-студент, 21 год

6 подписок
S2Семья

Врач, 25 лет, общий бюджет

4 подписки
S3IT-специалист

29 лет, много сервисов

45 подписок

03этап

Вайрфреймы

Шестнадцать серых экранов в едином флоу. Уже здесь заложены метка «списание через 4 дня», минимальная форма и нативные алерты для ошибок.

Онбординг
ЗаставкаСпособ входаВходРегистрация 1/2Регистрация 2/2Первичные настройки
Подписки
Пустое состояниеСписокКарточкаДобавлениеРедактированиеУведомления
Крайние сценарии
Неверный парольНет интернетаОшибка оплатыАккаунт

04этап

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

Протокол «сегмент × гипотеза»: по шесть вопросов на каждую гипотезу, 24 вопроса. Три из четырёх гипотез подтвердились полностью, одна — с оговоркой.

Уведомления и метки

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

Список при входе

Подтверждена. При 45 подписках нужны поиск и фильтры, при четырёх — ничего лишнего.

Быстрое добавление

Подтверждена. Минимум полей, остальное — потом.

Общая сумма

Частично. Нужна не цифра, а контекст: итог за месяц и прогноз.

05этап

Инсайты

Шесть выводов, каждый — как требование к интерфейсу.

  1. Гибкие уведомления на уровне подписки
  2. Цвет не единственный сигнал — всегда с текстом
  3. Первый экран даёт контроль без переходов
  4. Быстрые действия прямо из списка
  5. Минимум полей при добавлении
  6. Общая сумма с контекстом

06этап

UI-kit и стиль

Палитра в светлой и тёмной редакции, четыре текстовых стиля, 20 иконок, логотип с «плюсом» в букве S, 12 наборов компонентов с состояниями. Лайм — «денежный», но не банковский; оранжевый — только сигнал.

#CDDC39Primary
#101013Dark bg
#F4F1ECText
#FF8A65Accent
#9A9AA0Secondary
#1C1C21Surface
Мои подпискиSemiBold 28
Spotify · 899 ₽SemiBold 17
Музыка · 5 февRegular 13

Montserrat — четыре стиля на всё приложение

Решение

SubScout — это один экран-список и всё, что нужно, чтобы на него попасть и с него действовать. После входа пользователь сразу оказывается на «Мои подписки»: сводка месяца, фильтр по категориям, карточки с логотипом, названием, ценой и датой следующего списания, плавающая кнопка «+».

Скорое списание подсвечено оранжевым и подкреплено текстом «через 4 дня» — цвет не единственный сигнал. У каждой подписки свой тумблер уведомлений. Форма добавления построена на групповом списке iOS, и та же секция используется в карточке: добавление и редактирование выглядят одинаково.

Онбординг разложен на короткие шаги: заставка → способ входа → вход или регистрация → Face ID → пустое состояние с единственным CTA. Крайние сценарии решены нативными алертами и состояниями полей из кита. Приложение собрано в светлой и тёмной теме.

Ключевые решения

  1. Список подписок как главный экран: сводка месяца и ближайшее списание видны без перехода.
  2. Один акцентный цвет — один смысл: оранжевый только для скорого списания, ошибок и удаления.
  3. Одна форма для добавления и редактирования.
  4. Уведомления на уровне каждой подписки, а не глобально.
  5. Крайние состояния и Face ID спроектированы, а не оставлены разработчикам.

Что дальше

В бэклоге: экран расходов с прогнозом и разбивкой по категориям, пороги уведомлений, импорт подписок из банка. Следующий шаг — прототип и повторный тест.

Следующий кейсДашборд для «Ленты» →
Написать в Telegram