sCPlab

• Роль. Единственный дизайнер в команде, весь дизайн приложения — на мне.

• Срок. 8 месяцев.

• Старт. Приложение с нуля — на входе была только схема экранов.

• Итог. 68 экранов и готовая дизайн-система, по которой разработчики собирают приложение.

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

Техническое условие клиента: подписка продаётся только через App Store. Окно оплаты там стандартное — в нём нельзя ничего поменять или объяснить своими словами.

Как платят. Обычно приложение просит деньги сразу или после скучной анкеты — человек уходит, не поняв, за что платить. Значит, пользу нужно показать до оплаты.

Где пользуются. В зале: потные руки, сбитое дыхание, блики. Значит, кнопки крупные, текста минимум.

Ради чего возвращаются. Базу профи знает — ему нужны видеоуроки от топовых тренеров. Значит, видео — главное в продукте.

Сравнил варианты по трём вопросам: будут ли платить по полной цене, удобно ли это в зале, дорого ли это сделать.

А — скидка на первый месяц. Быстро, но приучает ждать скидок, а клиенту нужны оплаты по полной цене.

Б — короче анкета, оплата там же. Проще, но человек всё ещё платит, не попробовав.

В — сначала попробовать, потом платить. Бесплатный тест с видеоуроками, а подписка — когда личная программа уже готова.

Выбрал В: люди охотнее платят за то, что уже попробовали и во что вложили силы. Минус — деньги приходят чуть позже. Я честно показал это клиенту и предложил, как проверить решение после запуска.

Значок «play». Сначала шаги на главном экране выглядели как обычные карточки, и люди на каждом задерживались — не сразу понимали, куда нажать. Добавил значок «play»: стало ясно, что карточка запускает видео. Задержек стало меньше.

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

Нашлась проблема: значок просмотра видео справа был слишком бледным и терялся на фоне. Я сделал его контрастнее — теперь он виден при любом свете. Ошибку поймали до съёмок и разработки, поэтому исправление ничего не стоило клиенту.

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

Разработчикам передал аккуратный файл — все экраны, состояния кнопок и анимации с комментариями. Разработка идёт быстрее и без лишних вопросов, а значит, дешевле для клиента.

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

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

Что стало удобнее в самом приложении

• Новый вход в приложение: сначала тест и своя программа, потом оплата. Должно привести больше подписок по полной цене.

• Простой экран тренировки: видео, таймер и пара кнопок под одну руку. Тренировка начинается быстрее.

• Понятно, куда нажать: значок «play» на шагах — меньше задержек по пути к первой тренировке.

• Заметный индикатор видео: с одного взгляда видно, сколько осталось.

• Повод вернуться: умные напоминания и отчёт о прогрессе раз в неделю.

Как приложение объясняет свою ценность

• Сначала польза, потом цена: видео тренеров и своя программа видны до оплаты.

• Понятно, за что платишь: сообщение «ваша программа готова» делает оплату логичным шагом, а не преградой.

• Выглядит как инструмент для профи: премиальный стиль оправдывает полную цену.

• Всё читается за секунду: крупный текст и контраст — даже в зале между подходами.