Этот лендинг стал самым сложным в проекте, так как требовал не просто отображения отзывов, а их удобной систематизации, фильтрации и визуализации из множества источников: текстовых сообщений, аудио- и видеоотзывов, а также отметок в соцсетях.
Ключевые особенности
Эффектная заставка-прелоадер
Вместо стандартного прелоадера — видео с огромным количеством отметок (не все поместились в кадр!).
Пока видео играет, блокируется прокрутка, чтобы пользователь начал взаимодействие с самого налача.
Поддержка 3 форматов видео (2 десктопных: для стандартных мониторов и широкоформатных + мобильная версия).
Удобная двухуровневая фильтрация
Отзывы сгруппированы по категориям (врачи, молодые мамы, люди зрелого возраста и др.) и модулям программы.
Пользователь может быстро найти истории, которые ему интересны.
Адаптивность и UX-фишки
На мобильных устройствах фильтры скролятся горизонтально, а выбранный пункт автоматически сдвигается в начало и подсвечивается.
В каждом отзыве указаны аббревиатуры пройденных модулей (кликабельные — можно сразу отфильтровать по ним).
Интерактивные элементы
Видеоотзывы в слайдере с кратким текстовым описанием (для тех, кто не любит смотреть видео).
При переключении слайдов видео автоматически останавливается.
Визуальный эффект эквалайзера + таймер (показывает оставшееся время видео: скрипт сам определяет его продолжительность и запускает таймер).
Аудиоотзыв от Егора с возможностью поставить реальный лайк! ❤️
Возможность оставить свой отзыв
Квиз с пошаговым заполнением: результаты, пройденные модули, фото и прочая необходимая информация.
Лёгкость и юмор
Мемы от участников программы (стандартная галерея Тильды пришлась к месту).
Этот лендинг не просто собирает отзывы — он делает их живыми, удобными и интерактивными, помогая новым участникам увидеть реальные истории людей. 🚀