Calooking App

2022

мобильное приложение
для онлайн-тренировок

Дизайн абонементов

О продукте:
  • Абонементы - возможность начать тренироваться у тренера под его строгим наблюдением
  • Тренер составляет индивидуальную программу тренировок, по которой его подопечный и тренируется
  • В приложении возможно общаться (чат), в скором времени и аудиозвонки
  • Стоимость абонементов можно опустить за счёт баллов
Задача:
  • Пересмотреть дизайн экрана с выбором абонементов.
  • Возможно, как вариант, который нам нравится - сделать дизайн, как в иви
  • Пересмотреть дизайн кнопки "Подробнее" и хранение информации по данной кнопке
  • Пересмотреть хранение | отображение | доступность "Абонементов" в профиле у тренера
  • Необходимо также заложить "старую - новую" цену в абонементах у тренера, пример, как у озон, "старая - новая" цена будет доступна по "Подписки на приложение”
Старый дизайн
Мои гипотезы:
  • Абонементы пользователи не приобретают ввиду того, что не понимают “выгоду”
  • Абонементы "спрятаны" и их нигде не найти
  • Кнопка "Подробнее" - не раскрывает свою суть
  • Отображение баллов - не явно понятно что это и зачем
  • Пользователь не понимает почему "ползунок" не двигается (так как у него не хватает баллов, либо их нет)
  • Кривое отображение самих "абонементов" (кривой дизайн)
Мой редизайн

Раздел “видео” тренировки

Задача:
  • Пересмотреть дизайн экрана с выбором видео - упражнений
  • Пересмотреть дизайн отображения "тематик" (разминка \ пилатес \ йога и тд)
  • Пересмотреть дизайн отображения направленности (руки \ ноги \ спина)
  • Пересмотреть дизайн отображения карточки упражнения
  • Пересмотреть дизайн индивидуальных платных программ тренировок
  • Пересмотреть дизайн вкладки "Избранное”
  • Пересмотреть внутреннее отображение списка видео - упражнений (когда выбрал тематику или направленность (фитнес или спина)
Дополнительная информация:
  • Необходимо в данный раздел "Видео" - добавить календарь. Календарь служит для отображения программ тренировок, которые составил тренер или которую составил сам пользователь
  • Добавить платный функционал "Создай свой плейлист", который позволяет создать как раз свою собственную программу тренировок и добавить ее в календарь
  • Добавить отображение тренировочных дней и их состав в календаре
  • Составить отображение программ тренировок и отразить функционал "добавления программы в календарь”
Старый дизайн
UserFlow
Мой редизайн

Раздел “магазина”

Задача:
  • Переработать отображение раздела "Магазин". Данный раздел посвящен в первую очередь готовым программам тренировок (платным), но в дизайн заложить можно отображение и бесплатных таких программ тренировок. Во вторую очередь данный раздел отображает абонементы, доступные в приложении и тренеров, которые работают с тем или иным абонементом
  • Самый верх приложения, думаю, оставить также, чтобы там была большая лента всех готовых программ тренировок, которые возможно просмотреть, типо как "подборка”
  • Переработать отображение карточке программ тренировок и абонементов, сделать визуальное разделение между ними (между готовыми программами между собой (между тегами); а также между готовыми программами и абонементами)
  • Разделение между разделами должно добавить "воздух", возможно, стоит увеличить текст… размер картинки... плашки самой
  • Переработать отображение абонементов и тренеров по типам абонемента
  • Добавить отображение "Эту программу скачали 30раз", добавить данное поле
Дополнительная информация:
  • Этот раздел - основной. Вокруг него на данный момент крутится все приложение
  • Программы тренировок - основной контент, он должен быть на переднем плане
  • Предлагаем назвать раздел "Программы тренировок" (где отображаются видосы с тренировками) и"Индивидуальное онлайн ведение" (где отображаются абонементы и тренеры)
Старый дизайн
Мой редизайн

Мой кабинет и профиль

Задача:
  • Разработать два раздела. Один вытекает из другого
  • Раздел 1 "Мой кабинет". В данном разделе должна хранится информация о: а) текущих активных подписках на приложение; б) текущих активных купленных абонемента у тренера; в) подраздел с "Марафонами"; г) программы тренировок, которые отправил ему тренер или которые он купил в разделе "Магазин"; д) Чат с тренером; е программа питания, которые отправил ему тренер; ж) подраздел со списком тренеров (общий список всех-всех тренер, тренерский штаб приложения; е) количество баллов; ж) подраздел "профиль”
  • Раздел 2 "Профиль", вытекает из раздела 1 "Мой кабинет". В данном разделе должна хранится информация о пользователе: а) фото; 6) имя: в) цель тренировок (select); г) подраздел "уведомления"; д) "обратная связь"; е) "оценить приложение"; ё) раздел "FAQ"; ж) "выход" + кнопка ниже "удалить профиль”
Дополнительная информация:
  • Необходимо также нарисовать когда ничего нет (к примеру, подписок) и как отображается экран, когда подписка куплена, аналогично с абонементами и баллами
  • Необходимо также отразить каждый подраздел. К примеру, марафоны раздел, программы тренировок с возможностью добавить в календарь, FAQ
Старый дизайн
UserFlow
Мой редизайн

Создание программы тренировок

Задача:
  • Необходимо сделать редизайн формы создания программы тренировки для тренера. Сделать более "юзерфрендли" для заполнения и создания
  • Параметры, которые необходимо отразить в форме: Название \ Описание \ Ссылка на youtube \ Ссылка на youtube для превью (короткое видео) \ Продолжительность тренировки (указывается в минутах) \ Уровень (выбирается select из списка тегов, уровень может быть только один) \ Теги (растяжка, домашняя тренировка, фитнес и тд) \ старая цена \ новая цена
Старый дизайн
UserFlow
Мой редизайн

Кнопка в чате

Задача:
  • Необходимо сделать редизайн чатов - скорректировать отображение: ника пользователя, аватарку, добавить корректное и понятное отображение срока действия абонемента, чтобы тренер заходил и видел сроки
  • Возможно переработать отображение сообщений и информационных плашек (Абонемент активирован, период действия с...по. стоимость...)
  • Переработать отображение фраз - клеше (спросите у спортсмена)
  • Добавить 2 кнопки "Создать программу тренировок" и "Создать программу питания". Либо это не делать через кнопки - возможно, есть другой вариант, который ты сможешь найти
  • Также добавить функционал "звонка" - то есть отрисовать трубку - аналог в ТГ, чтобы пользователи понимали, что можно позвонить в чате
Старый дизайн
UserFlow
Мой редизайн

Профиль тренера

Задача:
  • Необходимо провести полный редизайн профиля тренера со всем функционалом (разделами), который есть сейчас
  • Раздел "мои тарифы" - отображаются абонементы тренера. Можно установить цену С подпиской и БЕЗ подписки на приложение. Также абонемент можно включить \ выключить
  • Раздел "редактировать профиль" - отображается информация о тренера, важно - сохранить поле ТГ и выбор "направленности" ( с чем работает тренер)
  • Раздел "до \ после" - провести редизайн
  • Раздел "FAQ" - провести редизайн
  • Раздел "уведомления" - провести редизайн отображений уведомлений
Старый дизайн
UserFlow
Мой редизайн