Сайт для сети фитнес-клубов Fitсult

Индустрия

fitness, sport

Цель

Сайт для посетителей

Год

2023

перейти на сайт

перейти на сайт

Предпосылки

У клиента уже был концептуальный проект, и он искал надежного технического подрядчика. Мы рады, что выбор пал на нас.

В этом проекте мы выступали техническим подрядчиком агентства GRA

Ключевые задачи

Development

Webflow

Услуги

Webflow Development

Инструменты и технологии:

Webflow, Javascript, GSAP

Задача

Необходимо было создать стильный и привлекательный сайт, поскольку клиенты фитнес-клуба — это обеспеченная премиальная аудитория. Главным требованием было полное соответствие дизайну, качество разработки, анимационные сценарии и функциональные модули для посетителей клуба.

Сайт в первую очередь должен был быть информационным, но в то же время содержать некоторые функциональные возможности. Например, возможность заказать мерч фитнес-клуба, а также выбрать наиболее подходящую тренировку и тренера в зависимости от времени и интенсивности нагрузок. Кроме того, посетители должны иметь возможность записаться на тренировку. Расписание занятий нужно было удобно редактировать прямо из админ-панели сайта.

Что касается информационной составляющей, то посетители должны иметь возможность ознакомиться с фитнес-клубами, тренерами, меню кафе, ассортиментом тренировок и массажей, услугами для детей и другими предложениями клуба. Вся анимационная составляющая должна была быть ненавязчивой, но в то же время с изюминкой и запоминающейся. Главное — бесперебойная работа.

Подготовка к разработке

Команда дизайнеров агентства Gra предоставила нам все макеты

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

Разработка

Работа над проектом

Как и всегда, изначально мы создали подробное руководство по стилю, в котором были определены все ключевые стили, сервисные классы и состояния интерактивных элементов. Также продумали архитектуру проекта.

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

Динамику сайта создавал повторяющийся паттерн бегущий строки с ключевыми сообщениями. Мы дополнили его легкой текстовой анимацией с использованием GSAP, яркими ховер эффектами и анимацией изображений.

Рабочее пространство проекта

Понравился кейс?

Забронируйте звонок с одним из основателей студии. За 30 минут он ответит на все ваши вопросы. Возможно, ваш кейс станет следующим!

забукать звонок

забукать звонок

Финал

Завершение проекта

Сайт получился функциональным и эстетически привлекательным благодаря качественному медиаконтенту клиента, отличной работе команды дизайнеров и, конечно же, профессиональной работе нашей команды.

Несмотря на то, что проект был реализован в самом начале развития нашей студии (на стыке 2022-2023 годов), мы гордимся им.