Calooking App

2022

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

О проекте

Calooking — один из первых проектов в моем портфолио, который я создал в 2022 году после четырех месяцев самостоятельного изучения UX/UI-дизайна. В тот момент я учился без курсов, без кураторов и наставников, ежедневно разбирал интерфейсы, изучал статьи, книги и пытался применять знания на практике.
Сегодня этот проект для меня особенно ценен. Он показывает не только мой уровень на старте, но и путь, который я прошел за последние несколько лет. Если сравнить его с моими последними работами, хорошо видно, насколько изменился мой визуальный подход, внимание к деталям и качество интерфейсов.
При этом я до сих пор считаю этот проект сильным с точки зрения UX. Здесь уже были продуманы пользовательские сценарии, структура приложения и логика взаимодействия. Конечно, сегодня я бы по-другому подошел к визуальной части и пересмотрел многие UI-решения, но именно этот проект стал фундаментом моего профессионального роста.
Оглядываясь назад, я горжусь тем, что спустя всего четыре месяца интенсивного обучения смог создать продукт такого уровня.

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

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

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

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

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

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

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

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

Кнопка в чате

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

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

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