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

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

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

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

  • Личная библиотека упражнений

  • Библиотека готовых упражнений

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

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

  • Суперсеты из упражнений

  • Комментарии и уведомления

  • Групповые занятия и лидерборды

  • Личная библиотека упражнений

  • Библиотека готовых упражнений

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

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

  • Суперсеты из упражнений

  • Комментарии и уведомления

  • Групповые занятия и лидерборды

  • Личная библиотека упражнений

  • Библиотека готовых упражнений

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

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

  • Суперсеты из упражнений

  • Комментарии и уведомления

  • Групповые занятия и лидерборды

  • Личная библиотека упражнений

  • Библиотека готовых упражнений

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

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

  • Суперсеты из упражнений

  • Комментарии и уведомления

  • Групповые занятия и лидерборды

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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


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

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


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

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

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


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

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

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


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

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

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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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


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

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


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

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

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


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

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

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


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

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

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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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


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

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


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

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

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


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

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

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


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

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

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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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


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

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


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

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

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


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

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

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


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

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

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

В результате:

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

Ещё кейсы:

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

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

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

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

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

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

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

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

Работаем как ООО "КРОНМЕДИА", ИНН 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-разработки и быстрого внесения правок при необходимости в будущем.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SPAR
SPAR
Biocad
Biocad
Senior Group
Senior Group
Moscow Digital School
Moscow Digital School
TRNR
TRNR

и ещё 25+ компаний заказывали у нас дизайн интерфейсов

и ещё 25+ компаний заказывали у нас дизайн интерфейсов