Сайт для сети фитнес-клубов Fitсult
Ключевые задачи
Development
Webflow
Услуги
Webflow Development
Инструменты и технологии:
Webflow, Javascript, GSAP
Задача
Необходимо было создать стильный и привлекательный сайт, поскольку клиенты фитнес-клуба — это обеспеченная премиальная аудитория. Главным требованием было полное соответствие дизайну, качество разработки, анимационные сценарии и функциональные модули для посетителей клуба.
Сайт в первую очередь должен был быть информационным, но в то же время содержать некоторые функциональные возможности. Например, возможность заказать мерч фитнес-клуба, а также выбрать наиболее подходящую тренировку и тренера в зависимости от времени и интенсивности нагрузок. Кроме того, посетители должны иметь возможность записаться на тренировку. Расписание занятий нужно было удобно редактировать прямо из админ-панели сайта.
Что касается информационной составляющей, то посетители должны иметь возможность ознакомиться с фитнес-клубами, тренерами, меню кафе, ассортиментом тренировок и массажей, услугами для детей и другими предложениями клуба. Вся анимационная составляющая должна была быть ненавязчивой, но в то же время с изюминкой и запоминающейся. Главное — бесперебойная работа.


Подготовка к разработке
Команда дизайнеров агентства Gra предоставила нам все макеты
Мы тщательно проанализировали макет и выявили несколько сложных моментов, требующих дополнительного внимания. Вместе с дизайнерами и заказчиком мы детально проработали все ключевые вызовы, сформировав четкое представление о том, как их решить. Ниже вы можете увидеть отдельные фрагменты макета.









Разработка
Работа над проектом
Как и всегда, изначально мы создали подробное руководство по стилю, в котором были определены все ключевые стили, сервисные классы и состояния интерактивных элементов. Также продумали архитектуру проекта.
Все информационные блоки, которые нужно было менять со временем (тренеры, сервисы, расписание обучения), были реализованы на Webflow CMS, чтобы клиент мог легко редактировать и масштабировать проект. Наибольшую сложность представляла реализация расписания тренировок, в соответствии с ТЗ клиента. Но нам удалось воплотить его в жизнь, создав стильный и привлекательный интерфейс.
Динамику сайта создавал повторяющийся паттерн бегущий строки с ключевыми сообщениями. Мы дополнили его легкой текстовой анимацией с использованием GSAP, яркими ховер эффектами и анимацией изображений.

Рабочее пространство проекта
Финал
Завершение проекта
Сайт получился функциональным и эстетически привлекательным благодаря качественному медиаконтенту клиента, отличной работе команды дизайнеров и, конечно же, профессиональной работе нашей команды.
Несмотря на то, что проект был реализован в самом начале развития нашей студии (на стыке 2022-2023 годов), мы гордимся им.