Доработка сайта

Замовник: AI | Опубліковано: 05.02.2026
Бюджет: 23 $

Необходимо доработать существующий сайт, реализовав современные интерактивные блоки и анимации для повышения конверсии и визуального уровня сайта. Сайт должен выглядеть актуально (2025–2026), динамично и коммерчески эффективно. 1. HERO-блок с анимацией (первый экран) • Реализовать Hero-блок с анимацией (CR / AN / CN или аналог). • Анимация текста: появление, выезд, плавный fade. • Кнопка «Book consultation» с hover-эффектом. • Первый экран должен выглядеть «живым», современным, с ощущением движения. 2. Плавающая кнопка записи (Floating Button) • Реализовать floating button (BF или Zero Block с фиксированной позицией). • Кнопка «Book now» / «Online booking». • Кнопка должна быть постоянно видна при скролле по сайту. 3. Блок онлайн-записи и оплаты • Реализовать блок онлайн-записи с возможностью оплаты. ( на всех кнопках где есть оплата , кроме курсов ) • Подключить платёжную систему Stripe (аккаунт уже зарегистрирован, требуется только интеграция). 4. Popup-окна • Реализовать popup-окна (PM или Zero Block popup). • Использовать для: • записи на консультацию, • специальных предложений / скидок, • бесплатного чек-листа, • помощи с выбором процедуры. • Триггеры popup: • по нажатию на кнопку, • при скролле, • при попытке покинуть сайт (exit-intent). 5. Блок «How it works» (пошаговый процесс) • Реализовать пошаговый блок (ST / CL / Timeline). • Пример шагов: 1. Consultation 2. Personal plan 3. Procedure 4. Aftercare support • Добавить анимацию появления шагов при скролле. 6. Before / After — слайдер • Реализовать блок «до / после» в формате слайдера (BF703 / Gallery Slider или Zero Block). • Функционал: • перетягивание ползунка, • hover-эффекты, • анимация появления. 7. Блок специалистов • Карточки специалистов (TE / Cards / Zero Block). • Hover-эффекты: • при наведении появляется текст, • при наведении появляется кнопка «Book with this specialist». 8. Видео-блоки • Реализовать видео-блоки (VI / Video background). • Автовоспроизведение без звука, loop. • Использовать как фон или акцентные блоки (процедуры, клиника, процесс работы). 9. Блок отзывов — карусель • Реализовать отзывы в формате слайдера / карусели (FB / Slider / Reviews). • Поддержка видео и текстовых отзывов. • Анимация появления, пролистывание. 10. Sticky header • Реализовать липкое меню (sticky header). • При скролле меню должно уменьшаться по высоте. 11. Анимация при скролле • Добавить анимации элементов по всему сайту: • fade in, • slide up, • delay. • Убрать ощущение «статичного» сайта. Сайт выполнен на Tilda.