вебсайт для мережі фітнес-клубів Фіткульт
Ключові задачі
Development
webflow
Послуги:
Webflow Development
Іструменти і технології:
Webflow, Javascript, GSAP
Задача
Необхідно було реалізувати стильний та привабливий вебсайт, оскільки клієнти фітнес-клубу — це забезпечена преміальна аудиторія. Головною вимогою було відповідність дизайну, якості розробки, анімаційних сценаріїв та функціональності респектабельності відвідувачів клубу.
Вебсайт мав бути інформаційним в першу чергу, але водночас містити певний функціонал. Наприклад, можливість замовити мерч фітнес-клубу, а також обрати найбільш підходящу тренування та тренера в залежності від часу та інтенсивності навантажень. Крім того, відвідувачі повинні були мати можливість записатися на тренування. Графік занять необхідно було зручно редагувати безпосередньо з адмін-панелі сайту.
Щодо інформаційної складової, відвідувачі повинні були мати можливість ознайомитися з фітнес-клубами, тренерами, меню кафе, асортиментом тренувань і масажів, послугами для дітей та іншими пропозиціями клубу. Вся анімаційна складова повинна була бути ненав'язливою, але водночас з родзинкою та запам'ятовуваною. Головне — безперебійна робота.
Підготовка до розробки
Дизайн команда від агенції Gra передала нам всі макети
Ми ретельно проаналізували макет і виявили кілька складних моментів, які потребували додаткової уваги. Разом із дизайнерами та клієнтом детально пропрацювали всі ключові виклики, сформувавши чітке розуміння шляхів їхнього вирішення. Нижче ви можете переглянути окремі фрагменти макету.
Розробка
Робота над проєктом
Як завжди, спочатку ми сформували детальний style guide, де були визначені всі ключові стилі, службові класи та стани клікабельних елементів. Також продумали архітектуру проекту.
Всі інформаційні блоки, які могли змінюватися (тренери, послуги, графік тренувань), були реалізовані на Webflow CMS для забезпечення можливості простого редагування та масштабування клієнтом. Найбільшу складність становила реалізація розкладу тренувань відповідно до технічного завдання клієнта. Але нам вдалося втілити його в життя, створивши при цьому стильний та привабливий інтерфейс.
Динаміку на сайті створювала сквозна ідея бігучих рядків з ключовими меседжами. Ми доповнили її легкою анімацією текстів за допомогою GSAP, соковитими ховер-ефектами та анімацією зображень.
Робоча область проєкту
Фінал
Завершення проєкту
Сайт вийшов функціональним та естетично привабливим завдяки якісному медіа-контенту клієнта, чудовій роботі дизайн-команди та, звичайно ж, професійній роботі нашого колективу.
Незважаючи на те, що проект був реалізований ще на самому старті розвитку нашої студії (на стику 2022-2023 років), ми пишаємося ним.
