Редизайн мобильного приложения для дыхательных практик
Обновили дизайн, переработали сценарии и добавили плавную анимацию для комфортных практик.
Клиент
Эксперт по дыхательным техникам и управлению стрессом. Автор собственной методики осознанного дыхания, получившей широкое распространение и особенно популярной во франкоязычных странах.
Клиент работал с офлайн-аудиторией, выпускал книги и обучающие материалы. Еще до нашего участия запустил первую версию мобильного приложения – чтобы сделать практику более доступной.
Вызовы
В 2021 году клиент пришел к нам по рекомендации от коллеги, которому мы до этого сделали несколько медтех-приложений. Искал партнера, который поможет обновить его продукт: сохранить авторскую методику и при этом привести интерфейс и сценарии к современному уровню.
К тому моменту приложение уже существовало и выполняло основные функции, но естественным образом нуждалось в развитии: более продуманной логике, обновленном дизайне и более точном переносе методики в цифровой формат.
Нам предстояло не просто придумать все заново, а переработать логику так, чтобы она стала проще и понятнее. При этом сохранить для пользователей ощущение знакомого продукта.
Точное воплощение авторской концепции
Клиент хотел, чтобы продукт выглядел современно, был удобен для пользователей и не терял при этом авторский характер.
Сохранение методики в новом UI
Методика клиента – не набор универсальных упражнений. У нее есть своя логика, акценты и характер, сформированные годами работы.
Главная сложность заключалась в том, чтобы перенести эту идею в интерфейс: организовать и структурировать, продумать визуальные переходы, отразить ритм дыхания и сделать это так, чтобы приложение ощущалось естественным продолжением офлайн-практик.
Как мы это сделали:
Работа с существующим приложением
Обновление уже опубликованного приложения – это отдельный тип задач. Нужно учитывать старую логику и строить на этой базе новую, опираясь на то, к чему пользователи уже привыкли.
Мы адаптировали дизайн под особенности каждой системы (iOS и Android), учитывали разное поведение анимации и добивались одинаково комфортного опыта на устройствах. Такой подход позволил сохранить устойчивость приложения и одновременно значительно улучшить качество взаимодействия.
Пользовательский сценарий
Мы пересобрали взаимодействие пользователя с приложением, сделали его максимально простым и понятным.
Все устроено так, чтобы ничто не отвлекало от занятий:
– Пользователь открывает приложение, выбирает нужную технику и сразу может начать практику.
– На экране сессии дыхательный ритм задает мягкая, плавная анимация, которая помогает держать темп, не перегружая внимание.
– Настройки позволяют выбрать комфортную длительность и включить звук, если он помогает сосредоточиться.
– Все лишние действия сведены к минимуму, чтобы оставить в фокусе главное.
Анимация и дыхательные циклы
Плавность анимации – основа восприятия методики:
– Мы разработали визуальную модель дыхательного цикла так, чтобы переходы были мягкими, без резких скачков.
– Приложение подстраивается под выбранный режим, помогает удерживать внимание и не утомляет даже при длительных упражнениях.
– Отдельное внимание уделили тому, чтобы визуал не выглядел как обычный таймер, а поддерживал суть упражнений.
Технологии
iOS
Swift
Android
Kotlin
Результат
Мы переработали существующее приложение, создали новый дизайн и улучшили пользовательский опыт. Новая структура приложения опирается на прежний опыт использования, но работает заметно легче и чище. Обновление вышло в виде новой версии в сторах и стало органичной частью экосистемы клиента.
Приложение продолжает развиваться как часть его профессиональной деятельности. Оно помогает пользователям осваивать методику в удобном формате, укрепляет доверие к автору и расширяет контакт с аудиторией за пределами офлайн-материалов.
В рамках NDA мы не можем публиковать реальные экраны приложения. На изображениях в кейсе – визуальные аналоги, созданные на основе решений, которые мы разработали в проекте. Они передают общий UX и стиль, но не отражают финальный продукт клиента.
срок обновления для iOS и Android.
специалистов: дизайнер и два разработчика.
Что происходит дальше:
Мы получаем запрос, обрабатываем его в течение 24 часов и связываемся по указанным вами e‑mail или телефону для уточнения деталей.
Подключаем аналитиков и разработчиков. Совместно они составляют проектное предложение с указанием объемов работ, сроков, стоимости и размера команды.
Договариваемся с вами о следующей встрече, чтобы согласовать предложение.
Когда все детали улажены, мы подписываем договор и сразу же приступаем к работе.