Интерактив и разработка
май. 2026
ClinIQ
ClinIQ — маркетинговый лендинг для продукта в сфере здоровья с акцентом на доверие: понятный разбор анализов и подготовка к визиту, без претензии на медицинский диагноз. Страница выстроена как одна история: вступительный прелоадер, первый экран, закреплённый блок «How it works», сценарные истории, тарифы, контакты и блок загрузки в конце пути.
Анимация поддерживает повествование, не мешая читать. Плавный скролл через Lenis; появление секций, закрепление «How it works» на десктопе (Upload → Understand → Prepare) и притягивание карточек при наведении — через GSAP ScrollTrigger. Вступление и переходы по якорям сопровождаются экранами-завесами: переход к «Pricing» или «Stories» без резкого появления контента. Вёрстка учитывает системную настройку «уменьшить движение».
Первый экран — уверенный заголовок про ясность в теме здоровья, бегущая строка, заметная кнопка к загрузке файлов; спокойная композиция перед блоками с доказательствами.
«How it works»: на десктопе секция закрепляется при скролле — Upload, Understand, Prepare; текст и иллюстрации плавно сменяют друг друга.
«Stories» — карточки сценариев с визуалами на CSS; при наведении панели слегка притягиваются к курсору; сюжеты про уход за близкими и анализы для доверия.
«Pricing» — карточки тарифов Free и Plus с появлением при скролле; спокойные формулировки и сноска-дисклеймер; убедительно, но без корпоративного официоза.
«Contact» — блок «Say hello» рядом с кнопкой email; полукруглый переход в тёмную секцию загрузки ниже.
Сценарий загрузки — стопка карточек файлов, поля формы в линейном стиле, состояние успеха; подвал в тоне прелоадера с юридическим дисклеймером.
Меню навигации — выезжающая боковая панель с крупными ссылками на секции, затемнённый фон, скруглённый край; плавающая кнопка открывает те же разделы после прокрутки мимо первого экрана.