Лендинг · Фітнес-студія
Ритм — лендинг фітнес-студії
Гучний, енергійний лендинг, який веде відвідувача від «просто подивитись» до запису на безкоштовне пробне тренування — через розклад, тренерів і короткий квіз.
- Тип
- Лендинг
- Ніша
- Фітнес-студія
- Стек
- SvelteKit · GSAP · WebGL
Що мав вирішувати сайт
Фітнес-студію обирають за атмосферою, зручним часом і тренером. Якщо цього не видно за перші секунди — людина закриває вкладку і йде до мережевого клубу поруч.
Сайт мав передати енергію залу, відповісти на «коли і з ким я можу займатися» і зробити перший крок максимально простим — пробне тренування без оплати.
Що вміє лендинг
Розклад із фільтрами
Тиждень занять із фільтрами за напрямом і тренером, вільні місця в групі видно одразу.
Квіз за метою
Схуднути, набрати форму, відновитися — квіз радить напрям і формат занять і веде до запису.
Тренери й персональні тренування
Профілі тренерів і окремий блок персональних занять із ціною «від».
Запис на пробне
Коротка форма запису на безкоштовне перше заняття — головна дія сторінки.
WebGL-ефекти
Динамічні ефекти на першому екрані створюють атмосферу залу, але не гальмують сторінку на телефоні.
Як це виглядає.
Як зроблено
SvelteKit і Svelte 5 з пререндером — сторінка легка й швидка. Анімації на GSAP і ScrollTrigger, плавний скрол — Lenis, WebGL-ефекти на OGL. Оптимізовані зображення, строгий TypeScript.
- SvelteKit
- GSAP
- WebGL
Кому підійде такий сайт
Фітнес-студіям, спортзалам, студіям йоги, танців і єдиноборств — усім, хто продає заняття за розкладом і хоче отримувати записи на пробне з реклами.
Схожий проєкт
Потрібен такий сайт для вашого бізнесу?
Зроблю під ваш бренд, тексти й задачі. Ціну й термін фіксуємо до початку роботи.
Лендинг · від $100
Подивіться ще.
Створимо сайт, що продає.
Розкажіть про проєкт — протягом дня отримаєте відповідь з ціною та термінами.