Отзывы о системе тренировок «Здоровое будущее»

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

Ключевые особенности

Эффектная заставка-прелоадер

• Вместо стандартного прелоадера — видео с огромным количеством отметок (не все поместились в кадр!).
• Пока видео играет, блокируется прокрутка, чтобы пользователь начал взаимодействие с самого налача.
• Поддержка 3 форматов видео (2 десктопных: для стандартных мониторов и широкоформатных + мобильная версия).

Удобная двухуровневая фильтрация

• Отзывы сгруппированы по категориям (врачи, молодые мамы, люди зрелого возраста и др.) и модулям программы.
• Пользователь может быстро найти истории, которые ему интересны.

Адаптивность и UX-фишки

• На мобильных устройствах фильтры скролятся горизонтально, а выбранный пункт автоматически сдвигается в начало и подсвечивается.
• В каждом отзыве указаны аббревиатуры пройденных модулей (кликабельные — можно сразу отфильтровать по ним).

Интерактивные элементы

• Видеоотзывы в слайдере с кратким текстовым описанием (для тех, кто не любит смотреть видео).
• При переключении слайдов видео автоматически останавливается.
• Визуальный эффект эквалайзера + таймер (показывает оставшееся время видео: скрипт сам определяет его продолжительность и запускает таймер).
• Аудиоотзыв от Егора с возможностью поставить реальный лайк! ❤️

Возможность оставить свой отзыв

• Квиз с пошаговым заполнением: результаты, пройденные модули, фото и прочая необходимая информация.

Лёгкость и юмор

• Мемы от участников программы (стандартная галерея Тильды пришлась к месту).

Этот лендинг не просто собирает отзывы — он делает их живыми, удобными и интерактивными, помогая новым участникам увидеть реальные истории людей. 🚀