Проектирование админки для фитнес-тренеров

Проектирование админки для фитнес-тренеров

Проектирование админки для фитнес-тренеров

Проектирование админки для фитнес-тренеров

О проекте и результатах

TRNR.ru — российский стартап, который позволяет фитнес-тренерам создавать тренировочные программы и вести онлайн-клиентов. В 2023 году мы запустили первую версию приложения. Сейчас сервисом пользуются несколько сотен тренеров, которые оставляли email в форме ожидания.

Сейчас собираем обратную связь об использовании, вносим изменения в логику и дизайн интерфейсов, добавляем новый функционал в личный кабинет тренера. и клиента, чтобы выйти на плановое количество подписок.


Календарь тренировок

Ядром проекта является календарь тренировок, который тренер настраивает для каждого клиента или группы. Использовали Material UI, как готовую базу UI, в которой есть нужные компоненты для реализации бизнес-логики в нашем проекте.

Календарь тренировок


Тренировочный план

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

Тренировочный план


Центр уведомлений

Тренеры и клиенты видят ленту событий, связанных с тренировочным планом. Через комментарии клиенты могут сообщать тренеру о результатах тренировки, а тренеры давать рекомендации и консультировать в удобном формате.

Центр уведомлений


Библиотека упражнений

В личном кабинете тренер может создать свою библиотеку видео-упражнений для переиспользования в тренировках. Либо тренер может использовать предустановленные видео-упражнения из общей библиотеки TRNR.

Библиотека упражнений


Конструктор тренировок

Конструктор даёт возможность собирать тренировочный день из новых или существующих упражнений. Тренер может просматривать историю тренировок в календаре, копировать тренировочные дни или создавать их с нуля с помощью конструктора.

Конструктор тренировок


Взаимодействие с клиентами

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


Группы и Лидерборды

Тренерам доступно объединение клиентов в группы и назначение одной программы на всех участников. При выполнении некоторых заданий будут формироваться лидерборды, которые добавят соревновательный элемент в тренировки.


Тёмная тема и мобильное приложение

Для комфортной работы в любое время суток мы добавили тёмную тему. Для клиентов реализовано бесплатное мобильное приложение, которым удобно пользоваться в спортзале.

Тёмная тема и мобильное приложение trnr.ru


Сайт сервиса для тренеров

Сделали дизайн и разработку сайта сервиса, который описывает преимущества и условия подписки для тренеров. На сайте предусмотрен блог для контент-маркетинга. Сайт интегрировали с личным кабинетом и админ. панелью.

Сайт сервиса для тренеров


Публикация в AppStore и Play Market

Для клиентов реализовано мобильное приложение, на базе мобильной версии веб-приложения. Приложение содержит весь функционал основной версии и дополнительно пуш-уведомления с напоминаниями о тренировках.

Публикация в AppStore и Play Market

О проекте и результатах

TRNR.ru — российский стартап, который позволяет фитнес-тренерам создавать тренировочные программы и вести онлайн-клиентов. В 2023 году мы запустили первую версию приложения. Сейчас сервисом пользуются несколько сотен тренеров, которые оставляли email в форме ожидания.

Сейчас собираем обратную связь об использовании, вносим изменения в логику и дизайн интерфейсов, добавляем новый функционал в личный кабинет тренера. и клиента, чтобы выйти на плановое количество подписок.


Календарь тренировок

Ядром проекта является календарь тренировок, который тренер настраивает для каждого клиента или группы. Использовали Material UI, как готовую базу UI, в которой есть нужные компоненты для реализации бизнес-логики в нашем проекте.

Календарь тренировок


Тренировочный план

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

Тренировочный план


Центр уведомлений

Тренеры и клиенты видят ленту событий, связанных с тренировочным планом. Через комментарии клиенты могут сообщать тренеру о результатах тренировки, а тренеры давать рекомендации и консультировать в удобном формате.

Центр уведомлений


Библиотека упражнений

В личном кабинете тренер может создать свою библиотеку видео-упражнений для переиспользования в тренировках. Либо тренер может использовать предустановленные видео-упражнения из общей библиотеки TRNR.

Библиотека упражнений


Конструктор тренировок

Конструктор даёт возможность собирать тренировочный день из новых или существующих упражнений. Тренер может просматривать историю тренировок в календаре, копировать тренировочные дни или создавать их с нуля с помощью конструктора.

Конструктор тренировок


Взаимодействие с клиентами

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


Группы и Лидерборды

Тренерам доступно объединение клиентов в группы и назначение одной программы на всех участников. При выполнении некоторых заданий будут формироваться лидерборды, которые добавят соревновательный элемент в тренировки.


Тёмная тема и мобильное приложение

Для комфортной работы в любое время суток мы добавили тёмную тему. Для клиентов реализовано бесплатное мобильное приложение, которым удобно пользоваться в спортзале.

Тёмная тема и мобильное приложение trnr.ru


Сайт сервиса для тренеров

Сделали дизайн и разработку сайта сервиса, который описывает преимущества и условия подписки для тренеров. На сайте предусмотрен блог для контент-маркетинга. Сайт интегрировали с личным кабинетом и админ. панелью.

Сайт сервиса для тренеров


Публикация в AppStore и Play Market

Для клиентов реализовано мобильное приложение, на базе мобильной версии веб-приложения. Приложение содержит весь функционал основной версии и дополнительно пуш-уведомления с напоминаниями о тренировках.

Публикация в AppStore и Play Market

О проекте и результатах

TRNR.ru — российский стартап, который позволяет фитнес-тренерам создавать тренировочные программы и вести онлайн-клиентов. В 2023 году мы запустили первую версию приложения. Сейчас сервисом пользуются несколько сотен тренеров, которые оставляли email в форме ожидания.

Сейчас собираем обратную связь об использовании, вносим изменения в логику и дизайн интерфейсов, добавляем новый функционал в личный кабинет тренера. и клиента, чтобы выйти на плановое количество подписок.


Календарь тренировок

Ядром проекта является календарь тренировок, который тренер настраивает для каждого клиента или группы. Использовали Material UI, как готовую базу UI, в которой есть нужные компоненты для реализации бизнес-логики в нашем проекте.

Календарь тренировок


Тренировочный план

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

Тренировочный план


Центр уведомлений

Тренеры и клиенты видят ленту событий, связанных с тренировочным планом. Через комментарии клиенты могут сообщать тренеру о результатах тренировки, а тренеры давать рекомендации и консультировать в удобном формате.

Центр уведомлений


Библиотека упражнений

В личном кабинете тренер может создать свою библиотеку видео-упражнений для переиспользования в тренировках. Либо тренер может использовать предустановленные видео-упражнения из общей библиотеки TRNR.

Библиотека упражнений


Конструктор тренировок

Конструктор даёт возможность собирать тренировочный день из новых или существующих упражнений. Тренер может просматривать историю тренировок в календаре, копировать тренировочные дни или создавать их с нуля с помощью конструктора.

Конструктор тренировок


Взаимодействие с клиентами

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


Группы и Лидерборды

Тренерам доступно объединение клиентов в группы и назначение одной программы на всех участников. При выполнении некоторых заданий будут формироваться лидерборды, которые добавят соревновательный элемент в тренировки.


Тёмная тема и мобильное приложение

Для комфортной работы в любое время суток мы добавили тёмную тему. Для клиентов реализовано бесплатное мобильное приложение, которым удобно пользоваться в спортзале.

Тёмная тема и мобильное приложение trnr.ru


Сайт сервиса для тренеров

Сделали дизайн и разработку сайта сервиса, который описывает преимущества и условия подписки для тренеров. На сайте предусмотрен блог для контент-маркетинга. Сайт интегрировали с личным кабинетом и админ. панелью.

Сайт сервиса для тренеров


Публикация в AppStore и Play Market

Для клиентов реализовано мобильное приложение, на базе мобильной версии веб-приложения. Приложение содержит весь функционал основной версии и дополнительно пуш-уведомления с напоминаниями о тренировках.

Публикация в AppStore и Play Market

О проекте и результатах

TRNR.ru — российский стартап, который позволяет фитнес-тренерам создавать тренировочные программы и вести онлайн-клиентов. В 2023 году мы запустили первую версию приложения. Сейчас сервисом пользуются несколько сотен тренеров, которые оставляли email в форме ожидания.

Сейчас собираем обратную связь об использовании, вносим изменения в логику и дизайн интерфейсов, добавляем новый функционал в личный кабинет тренера. и клиента, чтобы выйти на плановое количество подписок.


Календарь тренировок

Ядром проекта является календарь тренировок, который тренер настраивает для каждого клиента или группы. Использовали Material UI, как готовую базу UI, в которой есть нужные компоненты для реализации бизнес-логики в нашем проекте.

Календарь тренировок


Тренировочный план

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

Тренировочный план


Центр уведомлений

Тренеры и клиенты видят ленту событий, связанных с тренировочным планом. Через комментарии клиенты могут сообщать тренеру о результатах тренировки, а тренеры давать рекомендации и консультировать в удобном формате.

Центр уведомлений


Библиотека упражнений

В личном кабинете тренер может создать свою библиотеку видео-упражнений для переиспользования в тренировках. Либо тренер может использовать предустановленные видео-упражнения из общей библиотеки TRNR.

Библиотека упражнений


Конструктор тренировок

Конструктор даёт возможность собирать тренировочный день из новых или существующих упражнений. Тренер может просматривать историю тренировок в календаре, копировать тренировочные дни или создавать их с нуля с помощью конструктора.

Конструктор тренировок


Взаимодействие с клиентами

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


Группы и Лидерборды

Тренерам доступно объединение клиентов в группы и назначение одной программы на всех участников. При выполнении некоторых заданий будут формироваться лидерборды, которые добавят соревновательный элемент в тренировки.


Тёмная тема и мобильное приложение

Для комфортной работы в любое время суток мы добавили тёмную тему. Для клиентов реализовано бесплатное мобильное приложение, которым удобно пользоваться в спортзале.

Тёмная тема и мобильное приложение trnr.ru


Сайт сервиса для тренеров

Сделали дизайн и разработку сайта сервиса, который описывает преимущества и условия подписки для тренеров. На сайте предусмотрен блог для контент-маркетинга. Сайт интегрировали с личным кабинетом и админ. панелью.

Сайт сервиса для тренеров


Публикация в AppStore и Play Market

Для клиентов реализовано мобильное приложение, на базе мобильной версии веб-приложения. Приложение содержит весь функционал основной версии и дополнительно пуш-уведомления с напоминаниями о тренировках.

Публикация в AppStore и Play Market

Другие работы:

Отвечаем на частые вопросы

Что значит системный подход в дизайне?

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

Что значит системный подход в дизайне?

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

Что значит системный подход в дизайне?

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

Какие варианты сотрудничества?

Работаем как ООО "КРОНМЕДИА", ИНН 5504154094, аккредитованная ИТ-компания, по УСН, без НДС. Заключаем рамочный договор, условия прописываем в доп. соглашениях. Обмен по ЭДО.

Какие варианты сотрудничества?

Работаем как ООО "КРОНМЕДИА", ИНН 5504154094, аккредитованная ИТ-компания, по УСН, без НДС. Заключаем рамочный договор, условия прописываем в доп. соглашениях. Обмен по ЭДО.

Какие варианты сотрудничества?

Работаем как ООО "КРОНМЕДИА", ИНН 5504154094, аккредитованная ИТ-компания, по УСН, без НДС. Заключаем рамочный договор, условия прописываем в доп. соглашениях. Обмен по ЭДО.

Какая ценовая политика?

Работаем с любым бюджетом. Ставка в час 2500 рублей. Количество часов зависит от объёма проекта (от нескольких дней до 2-3 месяцев). В стоимость могут входить любые работы: прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Какая ценовая политика?

Работаем с любым бюджетом. Ставка в час 2500 рублей. Количество часов зависит от объёма проекта (от нескольких дней до 2-3 месяцев). В стоимость могут входить любые работы: прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Какая ценовая политика?

Работаем с любым бюджетом. Ставка в час 2500 рублей. Количество часов зависит от объёма проекта (от нескольких дней до 2-3 месяцев). В стоимость могут входить любые работы: прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Сколько нужно времени?

По небольшим задачам — оценка от нескольких дней. Для больших проектов обычно требуется 2 месяца. Опишите вашу задачу — мы отправим срок на дизайн вашего проекта.

Сколько нужно времени?

По небольшим задачам — оценка от нескольких дней. Для больших проектов обычно требуется 2 месяца. Опишите вашу задачу — мы отправим срок на дизайн вашего проекта.

Сколько нужно времени?

По небольшим задачам — оценка от нескольких дней. Для больших проектов обычно требуется 2 месяца. Опишите вашу задачу — мы отправим срок на дизайн вашего проекта.

Как выглядит процесс работы?

Изучим требования, сделаем дизайн-концепцию, обсудим её на онлайн-встрече. Если всё нравится — двигаемся дальше. Раз в неделю делаем демо промежуточных результатов. Общение — в телеграм. С нашей стороны есть менеджер проекта, который отвечает за результат. Открытый доступ к проекту в Figma — можно следить за прогрессом.

Как выглядит процесс работы?

Изучим требования, сделаем дизайн-концепцию, обсудим её на онлайн-встрече. Если всё нравится — двигаемся дальше. Раз в неделю делаем демо промежуточных результатов. Общение — в телеграм. С нашей стороны есть менеджер проекта, который отвечает за результат. Открытый доступ к проекту в Figma — можно следить за прогрессом.

Как выглядит процесс работы?

Изучим требования, сделаем дизайн-концепцию, обсудим её на онлайн-встрече. Если всё нравится — двигаемся дальше. Раз в неделю делаем демо промежуточных результатов. Общение — в телеграм. С нашей стороны есть менеджер проекта, который отвечает за результат. Открытый доступ к проекту в Figma — можно следить за прогрессом.

В каком виде отдаётся результат?

Проект в Figma, который включает макеты страниц, UI-kit, типографику, и палитры. Макеты собраны на autolayout, используем переменные для размерностей и цветов. Всё организовано для удобства frontend-разработки и быстрого внесения правок при необходимости в будущем.

В каком виде отдаётся результат?

Проект в Figma, который включает макеты страниц, UI-kit, типографику, и палитры. Макеты собраны на autolayout, используем переменные для размерностей и цветов. Всё организовано для удобства frontend-разработки и быстрого внесения правок при необходимости в будущем.

В каком виде отдаётся результат?

Проект в Figma, который включает макеты страниц, UI-kit, типографику, и палитры. Макеты собраны на autolayout, используем переменные для размерностей и цветов. Всё организовано для удобства frontend-разработки и быстрого внесения правок при необходимости в будущем.

Можете сделать тестовое задание?

Да, мы можем сделать дизайн главной страницы, чтобы продемонстрировать системный подход в дизайне и удобство сотрудничества. Проведём демонстрацию концепции руководству, с обоснованием выбранных решений. Продумаем смыслы, логику и визуальный стиль вашего продукта.

Можете сделать тестовое задание?

Да, мы можем сделать дизайн главной страницы, чтобы продемонстрировать системный подход в дизайне и удобство сотрудничества. Проведём демонстрацию концепции руководству, с обоснованием выбранных решений. Продумаем смыслы, логику и визуальный стиль вашего продукта.

Можете сделать тестовое задание?

Да, мы можем сделать дизайн главной страницы, чтобы продемонстрировать системный подход в дизайне и удобство сотрудничества. Проведём демонстрацию концепции руководству, с обоснованием выбранных решений. Продумаем смыслы, логику и визуальный стиль вашего продукта.

С чего начать?

С оценки трудозатрат. Опишите задачу на дизайн в свободной форме. Этого достаточно для оценки. Менеджер уточнит недостающую информацию. Мы отправим оценку в течение рабочего дня, после обсуждения с командой. Если условия подходят, проведём рабочую встречу, на которой познакомимся и обсудим детали.

С чего начать?

С оценки трудозатрат. Опишите задачу на дизайн в свободной форме. Этого достаточно для оценки. Менеджер уточнит недостающую информацию. Мы отправим оценку в течение рабочего дня, после обсуждения с командой. Если условия подходят, проведём рабочую встречу, на которой познакомимся и обсудим детали.

С чего начать?

С оценки трудозатрат. Опишите задачу на дизайн в свободной форме. Этого достаточно для оценки. Менеджер уточнит недостающую информацию. Мы отправим оценку в течение рабочего дня, после обсуждения с командой. Если условия подходят, проведём рабочую встречу, на которой познакомимся и обсудим детали.

Быстро отвечаем, оценим сроки и стоимость.

Быстро отвечаем, оценим сроки и стоимость.

Быстро отвечаем, оценим сроки и стоимость.