• Корпоративный сайт
  • UX/UI-дизайн
  • Разработка

Fitness Palace.
В ритме перемен

Новая визуальная подача клуба: выразительный первый экран и понятные маршруты к услугам, расписанию и клубным картам.

Обсудить проект
Мобильная версия Fitness Palace
Клиент
Fitness Palace
Сфера
Фитнес-клуб
Работа ABC
Разработка под ключ
Статус
Готовится к запуску

Задача проекта

Выбрать свой ритм

Одному посетителю нужен бассейн, другому — групповые занятия, третьему — подходящая клубная карта. Структура сайта помогает знакомиться с клубом через собственные интересы.

Мы связали знакомство с брендом с конкретными действиями посетителя. У информационных разделов и пользовательских сервисов — свои места в общей структуре.

ABC Design выполнила дизайн и разработку. В кейсе показываем визуальную систему и ключевые сценарии проекта.

Три задачи — три понятных маршрута

Начать со своей цели и перейти к нужному разделу.

Тренироваться

Тренироваться

Тренажёрный зал и направления занятий представлены через пространство и движение.

Клуб · Направления
Восстанавливаться

Восстанавливаться

Бассейн и зоны отдыха раскрывают клуб за пределами тренажёрного зала.

Расписание · Занятия
Найти занятие

Найти занятие

Программы, тренеры и расписание помогают спланировать посещение.

Карты · Обращение

Концепция и визуальный язык

Пространство клуба становится частью интерфейса

Видео, выразительная типографика и фотографии залов передают атмосферу Fitness Palace. Подача сохраняет энергию спортивного бренда, а структура ведёт к практическому выбору: направлению, расписанию и клубной карте.

Визуальный язык Fitness Palace
Визуальный язык Fitness Palace
Один визуальный язык

От знакомства
к следующему действию

Детали визуальной системы

Впечатление складывается из деталей

Для каждого приёма — своя роль в общей истории.

Визуальный язык Fitness PalaceЦвет · Образ · Композиция

Первое впечатление

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

Визуальный язык Fitness PalaceСтруктура · Акценты · Иерархия

Последовательный ритм

Информационные и эмоциональные блоки чередуются. Посетитель постепенно переходит от знакомства к нужной ему теме.

Визуальный язык Fitness PalaceИзображения · Типографика · Цвет

Общий характер материалов

Фотографии, предметная графика и интерфейс собраны в согласованную систему. Детали поддерживают общую подачу сайта.

Структура и подача

От впечатления —
к содержанию

Видео, выразительная типографика и фотографии залов передают атмосферу Fitness Palace. Подача сохраняет энергию спортивного бренда, а структура ведёт к практическому выбору: направлению, расписанию и клубной карте.

Предложения собраны на самостоятельной странице. Посетитель может изучить варианты после знакомства с клубом и перейти к обращению, не теряя контекст.

Фрагмент сайта Fitness Palace
Визуальная система продолжается на внутренних страницах.
Фрагмент сайта Fitness Palace
Крупные фотографии раскрывают пространство клуба.
Фрагмент сайта Fitness Palace
Выбранный фрагмент визуальной подачи сайта.

Мобильная версия

Тот же характер.
Другой масштаб

Визуальная система продолжается на небольшом экране.

Контент выстраивается под вертикальную прокрутку. Изображения сохраняют пропорции, а заголовки и действия — своё место в иерархии.

Каждый экран продолжает общий визуальный язык проекта.

Мобильный экран Fitness Palace
Самостоятельный сценарий
Мобильный экран Fitness Palace
Согласованная иерархия

Сценарии сайта

Клубная карта — отдельный сценарий выбора

Предложения собраны на самостоятельной странице. Посетитель может изучить варианты после знакомства с клубом и перейти к обращению, не теряя контекст.

Занятия представлены в формате расписания. Это рабочая часть сайта для посетителя, которому важно не только увидеть красивый клуб, но и подобрать удобное время.

Интерфейс поддерживает конкретную задачу посетителя и сохраняет связь с общей структурой сайта.

Рабочий сценарий Fitness Palace
Экран Fitness Palace. Длинное изображение можно прокрутить или открыть отдельно.
Пользовательская задача

Найти нужное.
Изучить детали.
Продолжить действие.

От общего представления — к деталям

У каждого раздела — собственная роль в маршруте посетителя.

Рабочий сценарий Fitness Palace
Знакомство

Клубная карта — отдельный сценарий выбора

Предложения собраны на самостоятельной странице. Посетитель может изучить варианты после знакомства с клубом и перейти к обращению, не теряя контекст.

Рабочий сценарий Fitness Palace
Подробности

Расписание помогает перейти от интереса к плану

Занятия представлены в формате расписания. Это рабочая часть сайта для посетителя, которому важно не только увидеть красивый клуб, но и подобрать удобное время.

Навигация и контакты на сайте
Продолжение маршрута

Понятный следующий шаг

Информация и навигация помогают продолжить знакомство с проектом без поиска среди несвязанных страниц.

Рассмотреть экраны подробнее
Рабочий сценарий Fitness Palace
Экран Fitness Palace. Длинное изображение можно прокрутить или открыть отдельно.
Рабочий сценарий Fitness Palace
Экран Fitness Palace. Длинное изображение можно прокрутить или открыть отдельно.

Дизайн в работе

Самостоятельные разделы.
Общий язык интерфейса

Разные задачи раскрыты на отдельных страницах. Общая навигация и согласованная подача связывают их в один сайт.

Клубная карта — отдельный сценарий выбора — Fitness Palace
Клубная карта — отдельный сценарий выбора. Экран можно прокрутить внутри ноутбука.

Связь между сценариями

Одна структура.
Разные точки входа

Эмоциональная презентация и подробные материалы выполняют разные задачи, сохраняя связь внутри общей структуры.

Экран Fitness Palace. Длинное изображение можно прокрутить или открыть отдельно.Структура сайта Fitness Palace
Знакомство с брендомОбраз и ключевая информацияКонкретная задачаПодробности и следующий шаг

Итог работы

Впечатление о клубе с понятным следующим шагом

Новая версия готовится к запуску. В ней собраны визуальная презентация Fitness Palace, направления занятий, клубные карты и расписание — от первого знакомства до планирования посещения.

Результат работы над Fitness Palace
Визуальная система

Пространство клуба становится частью интерфейса

Видео, выразительная типографика и фотографии залов передают атмосферу Fitness Palace. Подача сохраняет энергию спортивного бренда, а структура ведёт к практическому выбору: направлению, расписанию и клубной карте.

Результат работы над Fitness Palace
Рабочие сценарии

Клубная карта — отдельный сценарий выбора

Предложения собраны на самостоятельной странице. Посетитель может изучить варианты после знакомства с клубом и перейти к обращению, не теряя контекст.

Обсудим вашу задачу

Ваш следующий проект

Расскажите, что хотите изменить. Обсудим сайт и цифровые инструменты для вашей команды.

Обсудить проект в WhatsApp
↑