APEX MEDIA / КЕЙС / Промо-сайт · Студия растяжки
FODMA FIT
Промо-сайт студии растяжки в editorial-стиле модных лукбуков: прелоадер-счётчик, контурная типографика, drag-карусель направлений, параллакс и запись на пробное. Быстрый статичный одностраничник без фреймворков.
01 / КОНТЕКСТ
Промо-сайт студии растяжки FODMA FIT в editorial-подаче, характерной для модных лукбуков: прелоадер-счётчик, крупная контурная типографика на «костяном» фоне, drag-карусель направлений, sticky-секция философии и запись на бесплатное пробное занятие. Собран как быстрый статичный одностраничник — без конструкторов и фреймворков, с честным адаптивом.
02 / ЗАДАЧА
Упаковать студию растяжки как модный бренд: эмоция с первого экрана и запись на пробное в два клика — без спортзального клише «жми, терпи, сжигай».
03 / РОЛЬ
Анализ референсов, концепция, дизайн-система, фронтенд, анимации, контент.
04 / РЕШЕНИЕ
Мы хотели, чтобы студия считывалась как модный бренд, а не как спортзал. Поэтому сайт построен на спокойном «костяном» фоне с одним ярким акцентом — так собирают лукбуки fashion-бренды. Первый экран встречает большим фото и огромным заголовком FODMA FIT, который проявляется после прелоадера-счётчика. Направления занятий листаются горизонтально, как разворот в глянце, философия студии едет вместе со скроллом, а форматы и цены показаны крупными строками — без прайс-таблиц. Запись на пробное занимает два клика: имя, контакт, направление. Всё на сайте двигается мягко и не спорит с главным — историей про тело и гибкость.
05 / РЕЗУЛЬТАТ
Интерактивный прототип готов к показу клиенту: структура, стиль и механики согласованы. Следующий этап — расписание, онлайн-оплата абонементов и приём заявок на реальной форме.
ТЕХНОЛОГИИ
HTML · CSS · JavaScript · Pointer Events · IntersectionObserver · CSS clip-path