sCPlab
SCP LAB — мобильное приложение-тренер для профессиональных спортсменов. Оно подбирает программу тренировок, показывает видеоуроки от профи и следит за прогрессом.
в этом кейсе
Как получить +10% к покупке платных подписок?
Про удобство пользования телефоном прямо в зале
Что сделать, чтобы пользователи возвращались на 20% чаще?
Рубрика "я сам смогу с нейросетями"
Ux/UI
Задача
Клиент пришёл с понятной целью: чтобы после бесплатного пробного периода больше людей оформляли платную подписку, а начать тренировку было быстро и удобно. Отдельное пожелание — премиальный «стеклянный» стиль.
Решение
Аналитика
Изучил приложения конкурентов: что у них работает и на что жалуются пользователи.
Путь клиента до оплаты. Обычно приложение просит деньги сразу при запуске или после скучной анкеты. Человек уходит, так и не поняв, за что платить.
Где пользуются приложением. В зале, с потными руками, сбитым дыханием и бликами на экране. Мелкие кнопки и длинный текст там не работают.
Ради чего возвращаются. Базовую технику профессионал и так знает, ему нужны видеоуроки от топовых тренеров.
Нейросеть за пару минут разобрала сотни отзывов о приложениях конкурентов в App Store и Google Play и выделила главные жалобы. Вручную на это ушёл бы день, а клиент сэкономил бюджет.
Гипотеза
Люди охотнее платят за то, что уже попробовали. Если сначала дать спортсмену бесплатно пройти тест с видеоуроками и вложить в приложение свои силы, персональная программа станет для него ценной. Тогда оплата будет логичным следующим шагом.
Что было сделано
Перенёс оплату в конец. Сначала человек бесплатно проходит тест с видеоуроками. Потом приложение сообщает, что персональная программа готова, и только тогда предлагает подписку.
Нейросеть помогла быстро выстроить и проверить этот путь и найти лучший момент для предложения оплаты.
Сделал видео главным на экране тренировки. На экране крупный плеер, таймер и пара кнопок, ничего лишнего.
Реальные видео ещё не были сняты, поэтому я сгенерировал похожие кадры нейросетью. Так я заранее проверил, что текст и кнопки читаются поверх видео, и клиенту не пришлось платить за переделки после съёмки.
Сделал кнопки крупными и контрастными. В них легко попасть даже посреди подхода.
ИИ-плагины в Figma показали, куда смотрит пользователь, и помогли подобрать размер кнопок без долгого ручного тестирования.
Стиль. Глубокий чёрный фон с ярким неоново-жёлтым акцентом хорошо читается при любом свете в зале. «Стекло» использовал в карточках и всплывающих окнах: выглядит дорого и не отвлекает от видео.
Передал разработчикам аккуратный макет. Это готовая дизайн-система со всеми экранами и состояниями кнопок. Разработка идёт быстрее и без лишних вопросов, а значит, обходится клиенту дешевле.
Рутинную подготовку файла (названия слоёв, стили, проверку компонентов) сделал ИИ-агент в Figma, в разы быстрее, чем вручную.
Результат
+10% подписок: больше людей оформляют полную подписку после пробного периода, потому что платят за программу, которую уже попробовали.
На 30% быстрее проходит путь от запуска приложения до начала тренировки.
+20% возвратов: пользователи чаще возвращаются в приложение, им удобно пользоваться им прямо в зале.
68 экранов · 10 UX тестов · 15 секций · 88 компонентов в 22 сетах · 47 стилей · 59 переменных · 5 983 инстанса · 117 020 нод · 27 изображений · 4 шрифтовых семейства
sCPlab
SCP LAB — мобильное приложение-тренер для профессиональных спортсменов. Оно подбирает программу тренировок, показывает видеоуроки от профи и следит за прогрессом.
в этом кейсе
Как получить +10% к покупке платных подписок?
Про удобство пользования телефоном прямо в зале
Что сделать, чтобы пользователи возвращались на 20% чаще?
Рубрика "я сам смогу с нейросетями"
Ux/UI
Задача
Клиент пришёл с понятной целью: чтобы после бесплатного пробного периода больше людей оформляли платную подписку, а начать тренировку было быстро и удобно. Отдельное пожелание — премиальный «стеклянный» стиль.
Решение
Аналитика
Изучил приложения конкурентов: что у них работает и на что жалуются пользователи.
Путь клиента до оплаты. Обычно приложение просит деньги сразу при запуске или после скучной анкеты. Человек уходит, так и не поняв, за что платить.
Где пользуются приложением. В зале, с потными руками, сбитым дыханием и бликами на экране. Мелкие кнопки и длинный текст там не работают.
Ради чего возвращаются. Базовую технику профессионал и так знает, ему нужны видеоуроки от топовых тренеров.
Нейросеть за пару минут разобрала сотни отзывов о приложениях конкурентов в App Store и Google Play и выделила главные жалобы. Вручную на это ушёл бы день, а клиент сэкономил бюджет.
Гипотеза
Люди охотнее платят за то, что уже попробовали. Если сначала дать спортсмену бесплатно пройти тест с видеоуроками и вложить в приложение свои силы, персональная программа станет для него ценной. Тогда оплата будет логичным следующим шагом.
Что было сделано
Перенёс оплату в конец. Сначала человек бесплатно проходит тест с видеоуроками. Потом приложение сообщает, что персональная программа готова, и только тогда предлагает подписку.
Нейросеть помогла быстро выстроить и проверить этот путь и найти лучший момент для предложения оплаты.
Сделал видео главным на экране тренировки. На экране крупный плеер, таймер и пара кнопок, ничего лишнего.
Реальные видео ещё не были сняты, поэтому я сгенерировал похожие кадры нейросетью. Так я заранее проверил, что текст и кнопки читаются поверх видео, и клиенту не пришлось платить за переделки после съёмки.
Сделал кнопки крупными и контрастными. В них легко попасть даже посреди подхода.
ИИ-плагины в Figma показали, куда смотрит пользователь, и помогли подобрать размер кнопок без долгого ручного тестирования.
Стиль. Глубокий чёрный фон с ярким неоново-жёлтым акцентом хорошо читается при любом свете в зале. «Стекло» использовал в карточках и всплывающих окнах: выглядит дорого и не отвлекает от видео.
Передал разработчикам аккуратный макет. Это готовая дизайн-система со всеми экранами и состояниями кнопок. Разработка идёт быстрее и без лишних вопросов, а значит, обходится клиенту дешевле.
Рутинную подготовку файла (названия слоёв, стили, проверку компонентов) сделал ИИ-агент в Figma, в разы быстрее, чем вручную.
Результат
+10% подписок: больше людей оформляют полную подписку после пробного периода, потому что платят за программу, которую уже попробовали.
На 30% быстрее проходит путь от запуска приложения до начала тренировки.
+20% возвратов: пользователи чаще возвращаются в приложение, им удобно пользоваться им прямо в зале.
68 экранов · 10 UX тестов · 15 секций · 88 компонентов в 22 сетах · 47 стилей · 59 переменных · 5 983 инстанса · 117 020 нод · 27 изображений · 4 шрифтовых семейства
sCPlab
SCP LAB — мобильное приложение-тренер для профессиональных спортсменов. Оно подбирает программу тренировок, показывает видеоуроки от профи и следит за прогрессом.
в этом кейсе
Как получить +10% к покупке платных подписок?
Про удобство пользования телефоном прямо в зале
Что сделать, чтобы пользователи возвращались на 20% чаще?
Рубрика "я сам смогу с нейросетями"
Ux/UI
Задача
Клиент пришёл с понятной целью: чтобы после бесплатного пробного периода больше людей оформляли платную подписку, а начать тренировку было быстро и удобно. Отдельное пожелание — премиальный «стеклянный» стиль.
Решение
Аналитика
Изучил приложения конкурентов: что у них работает и на что жалуются пользователи.
Путь клиента до оплаты. Обычно приложение просит деньги сразу при запуске или после скучной анкеты. Человек уходит, так и не поняв, за что платить.
Где пользуются приложением. В зале, с потными руками, сбитым дыханием и бликами на экране. Мелкие кнопки и длинный текст там не работают.
Ради чего возвращаются. Базовую технику профессионал и так знает, ему нужны видеоуроки от топовых тренеров.
Нейросеть за пару минут разобрала сотни отзывов о приложениях конкурентов в App Store и Google Play и выделила главные жалобы. Вручную на это ушёл бы день, а клиент сэкономил бюджет.
Гипотеза
Люди охотнее платят за то, что уже попробовали. Если сначала дать спортсмену бесплатно пройти тест с видеоуроками и вложить в приложение свои силы, персональная программа станет для него ценной. Тогда оплата будет логичным следующим шагом.
Что было сделано
Перенёс оплату в конец. Сначала человек бесплатно проходит тест с видеоуроками. Потом приложение сообщает, что персональная программа готова, и только тогда предлагает подписку.
Нейросеть помогла быстро выстроить и проверить этот путь и найти лучший момент для предложения оплаты.
Сделал видео главным на экране тренировки. На экране крупный плеер, таймер и пара кнопок, ничего лишнего.
Реальные видео ещё не были сняты, поэтому я сгенерировал похожие кадры нейросетью. Так я заранее проверил, что текст и кнопки читаются поверх видео, и клиенту не пришлось платить за переделки после съёмки.
Сделал кнопки крупными и контрастными. В них легко попасть даже посреди подхода.
ИИ-плагины в Figma показали, куда смотрит пользователь, и помогли подобрать размер кнопок без долгого ручного тестирования.
Стиль. Глубокий чёрный фон с ярким неоново-жёлтым акцентом хорошо читается при любом свете в зале. «Стекло» использовал в карточках и всплывающих окнах: выглядит дорого и не отвлекает от видео.
Передал разработчикам аккуратный макет. Это готовая дизайн-система со всеми экранами и состояниями кнопок. Разработка идёт быстрее и без лишних вопросов, а значит, обходится клиенту дешевле.
Рутинную подготовку файла (названия слоёв, стили, проверку компонентов) сделал ИИ-агент в Figma, в разы быстрее, чем вручную.
Результат
+10% подписок: больше людей оформляют полную подписку после пробного периода, потому что платят за программу, которую уже попробовали.
На 30% быстрее проходит путь от запуска приложения до начала тренировки.
+20% возвратов: пользователи чаще возвращаются в приложение, им удобно пользоваться им прямо в зале.
68 экранов · 10 UX тестов · 15 секций · 88 компонентов в 22 сетах · 47 стилей · 59 переменных · 5 983 инстанса · 117 020 нод · 27 изображений · 4 шрифтовых семейства
Ux/UI