Переобучение движению

Задача: разработать интерактивный раздел для модуля «Переобучение движению» системы тренировок «Здоровое будущее», который наглядно демонстрирует 16 проблемных зон тела и зон для улучшения.

Поскольку проблемные зоны распределены по всему телу, было предложено интерактивное 3D-решение — анимированный скелет с плавным вращением.

При наведении курсора на название конкретной зоны:

1. 3D-модель плавно поворачивается в оптимальный ракурс.
2. Выбранная область выделяется соответствующим цветом: проблемные участки — красным цветом, зоны с улучшениями — зеленым.

Мобильная адаптация:

Для удобства просмотра на смартфонах 16 зон были сгруппированы в 3 категории по анатомическому расположению:

• шея и грудной отделы;
• поясница и таз;
• ноги.

Навигация происходит в два шага:

1. Выбор нужной категории (вкладки).
2. Уточнение конкретной зоны внутри раздела.

Gif-анимации уроков

Впервые использованы gif для демонстрации упражнений. Этот подход позже был применен и на других страницах сайта.

Динамика при прокрутке (десктоп)

Добавлена пошаговая анимация с горизонтальным смещением блоков для эффекта погружения.

Обновленный блок отзывов

Позднее страница дополнена современным форматом отображения обратной связи.