Коммерческое предложение · Студия Изи · Дизайн сайта спортивного центра · 2026

Дизайн сайта
уровня Equinox
по вашему прототипу

30 страниц, 17 уникальных шаблонов, хаб и два клубных сайта. Мы разобрали прототип до последней секции и посчитали каждый шаблон отдельно: сколько стоит концепция, главная и каждая внутренняя страница вместе с мобильной версией. Ниже — состав работ, кликабельный прототип, наш процесс и две сметы: на дизайн и на вёрстку.

// Задача

Структура готова — нужен визуальный язык

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

Структура уже пересобрана, визуала нет

Прототип на 30 страниц готов: хаб, два клубных сайта, мега-меню, расписание, цены, команда. Схема работает, но выглядит как схема — продать премиальный спортивный центр она не может.

Планка задана референсом

Equinox — это не «сайт фитнес-клуба», а премиальный бренд: крупная типографика, воздух, сильная фотография, минимум декора. Такой уровень задаёт требования и к макетам, и к съёмке.

Два клуба в одном бренде

Ботаническая и Крылатское — разные по объёму площадки: 15 и 10 страниц. Им нужен единый визуальный язык, но так, чтобы каждый клуб не выглядел урезанной копией другого.

Страниц много, шаблонов — меньше

30 страниц собираются из 17 уникальных шаблонов и 42 типов блоков. Если рисовать их бессистемно, дизайн расползётся; если собрать систему — раскатка на остальные страницы становится быстрой и дешёвой.

// Состав работ

30 страниц — это 17 уникальных шаблонов

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

Хаб

5 стр.5 шаблонов

Главная
О компании
Отзывы
Блог
Контакты

Клуб «Ботаническая»

15 стр.12 шаблонов

Главная клуба
Обзор направлений
Страница направления — один шаблон на 5 страниц
Групповые форматы
Беговой клуб
Расписание недели
Реабилитация
Массаж
Аппаратные методики
Функциональное тестирование
Цены
О клубе

Клуб «Крылатское»

10 стр.без новых шаблонов

Повторяет шаблоны Ботанической с другим контентом — отдельный дизайн не нужен, нужна раскатка

Главная клуба
Тренировки
Спортивная подготовка
Фитнес и форма
Пилатес-реформер
Дети
Реабилитация
Функциональное тестирование
Цены
О клубе

Блоки, которые повторяются чаще всего

Форма заявки30 страниц

Сквозной блок с тремя состояниями: пустая, отправка, «заявка принята»

Карточные сетки21 секция

Направления, форматы, статьи, акции — одна система карточек на весь сайт

«Как строится работа»13 секций

Пошаговый блок метода — повторяется почти на каждой странице направления

Таблицы услуг и цен7 секций

Самый сложный блок: длинные прайсы с кнопкой записи в каждой строке

Отзывы и видеоотзывы8 секций

Цитаты спортсменов и видеокейсы реабилитации

Команда20 и 7 человек

Карточки специалистов с фото, ролью и биографией

Расписание недели1 экран

Сетка групповых занятий с записью прямо из строки

Мега-меню3 варианта

Индивидуально, в группе, реабилитация — плюс переключение клубов

🧩

Сквозные элементы считаются отдельно — они дороже, чем кажутся.

Две шапки: хаб и клуб, с переключателем клубовТри мега-меню и мобильный бургер с аккордеонамиЛипкая нижняя панель на мобильном: записаться, расписание, позвонитьФутер с юрлицами и адресами обеих площадокХлебные крошки, пагинация, состояния кнопокСетки, типографика, палитра, иконки направлений

📸

Главный риск проекта — фотографии. В прототипе 63 изображения с действующего сайта, и у 34 из них ширина меньше 1200 px. Equinox держится на сильной фотографии: крупные кадры, свет, живые люди в зале. На мелких снимках такой дизайн работать не будет — макеты получатся слабее референса, и виноват будет не дизайн. Нужна съёмка обоих клубов или покупка стока; это вне нашей сметы, но решить вопрос нужно до старта отрисовки.

// Прототип

Ваш прототип — прямо здесь, кликабельный

Мы развернули присланный прототип у себя, чтобы говорить о макетах предметно. Он полностью рабочий: переходы, мега-меню, мобильная версия, кнопки записи. Именно эти 30 страниц мы и посчитали в смете.

bestathlete · прототип структурыОткрыть в новой вкладке ↗

🖱

Что стоит потыкать. Мега-меню в шапке клуба, переключение между клубами, кнопки «Записаться» в таблице цен и расписании, форма заявки, и главное — сузьте окно: мобильная версия с бургером и липкой нижней панелью показывает, сколько именно адаптива предстоит нарисовать.

// Как мы работаем

Как мы создаём дизайн

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

Мудборд и рамка визуала

Разбираем Equinox и ещё 5–7 премиальных спортивных брендов: что именно в них работает — типографика, воздух, кадрирование фото, ритм блоков. Собираем мудборд и словами фиксируем, каким должен быть сайт и каким он быть не должен. Дальше это критерий приёмки, а не вкусовщина.

Концепция на ключевом экране

Два направления визуального языка на первом экране главной: сетка, типографика, палитра, работа с фотографией, пластика кнопок. Выбираем не из двух картинок, а из двух подходов — и только после выбора идём дальше.

Главная страница целиком

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

UI-кит и сквозные элементы

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

Внутренние шаблоны

15 оставшихся шаблонов, каждый сразу с мобильной версией: главная клуба, направления, группы, расписание, цены, реабилитация, команда, блог, контакты. Показываем пачками по 3–4 макета, чтобы вы видели прогресс и правили по ходу, а не в конце.

Адаптив и передача в вёрстку

Мобильная версия рисуется вместе с каждым шаблоном и входит в его цену: перестроение сеток, бургер, липкая панель, длинные таблицы цен и расписание на узком экране. В конце — спецификации, ассеты и разбор макетов с фронтендом.

// Смета · дизайн

Дизайн: цена каждого шаблона отдельно

📐

Считаем не «сайт целиком», а каждый макет. Так видно, из чего складывается сумма, и любую позицию можно снять — цена уменьшится ровно на её величину. Адаптив входит в цену каждой страницы — отдельной строки за мобильную версию нет. Дизайн-система и сквозные элементы входят в стоимость главной. Три круга правок по каждому макету включены. Разверните этап, чтобы увидеть состав.

Концепция

1,5 неделиМудборд и два направления на ключевом экране

45 000 ₽

Мудборд и рамка визуала

Разбор референса и 5–7 премиальных спортивных брендов, формулировка визуального языка словами

20 000 ₽

Две концепции на первом экране главной

Сетка, типографика, палитра, работа с фото, пластика элементов — два разных подхода

25 000 ₽

Главная хаба

1,5 неделиЭталон сайта и библиотека компонентов в одной цене

45 000 ₽

Главная страница целиком

Все блоки: оффер, метод, развилка на клубы, чемпионы, видеоотзывы, блог, форма. Десктоп и мобильная версия

25 000 ₽

Дизайн-система и компоненты

Сетки, типографика, палитра, кнопки и состояния, поля форм, карточки, таблицы, хлебные крошки, иконки направлений

12 000 ₽

Шапки, мега-меню, футер, мобильная навигация

Две шапки, три мега-меню, бургер с аккордеонами, липкая нижняя панель, футер

8 000 ₽

Страницы хаба

1 неделяЧетыре шаблона, каждый с мобильной версией

64 000 ₽

О компании

Метод, почему мы, две площадки, команда, отзывы

28 000 ₽

Блог

Лента статей, новостей и событий с фильтрами и карточками

20 000 ₽

Отзывы

Цитаты чемпионов и видеоотзывы реабилитации

8 000 ₽

Контакты

Две площадки: адреса, телефоны, карты, юрлица

8 000 ₽

Страницы клуба

2,5 неделиОдиннадцать шаблонов, на которых держатся оба клуба

278 000 ₽

Главная клуба

Оффер клуба, направления, акции, расписание ближайших дней, команда, форма

35 000 ₽

Цены

Самый нагруженный шаблон: длинные прайсы, группировки, кнопка записи в каждой строке

28 000 ₽

Расписание недели

Сетка групповых занятий, свободные места, запись прямо из строки

28 000 ₽

Групповые форматы

Семь программ с якорями на каждую, карточки форматов, расписание

26 000 ₽

Реабилитация

Направление с этапами восстановления, видеокейсами и командой

26 000 ₽

О клубе

Зал, галерея, команда до 20 человек, контакты площадки

26 000 ₽

Страница направления

Шаблон на подготовку, фитнес, пилатес, детей, тренировки и тестирование — шесть страниц на одном макете

25 000 ₽

Обзор направлений

Каталог индивидуальных программ с переходами внутрь

22 000 ₽

Массаж

17 техник: карточки, таблица стоимости, показания

22 000 ₽

Аппаратные методики

INDIBA, Normatec, Compex, Hypervolt — карточки оборудования и цены

20 000 ₽

Беговой клуб

Отдельное направление с расписанием и форматами участия

20 000 ₽

Дизайн

432 000 ₽

16 шаблонов в десктопе и мобильном, дизайн-система и сквозные элементы — всё, из чего собираются 30 страниц обоих клубов.

Срок дизайна

6 недель

От мудборда до передачи макетов в вёрстку. Вёрстка стартует раньше — на утверждённой главной и компонентах.

Правки

3 круга

По каждому макету входят в стоимость. Возврат к ранее утверждённым решениям считается отдельно.

// Смета · вёрстка

Вёрстка: отдельный блок, можно не брать

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

Каркас и сквозные элементы

1 неделяСборка проекта и всё, что повторяется на 30 страницах

120 000 ₽

Проект, сетки, типографика, компоненты

Сборка, базовые стили, кнопки, поля, карточки, таблицы, состояния

65 000 ₽

Шапки, три мега-меню, мобильное меню, липкая панель, футер

Вся навигация, переключение клубов, аккордеоны на мобильном

55 000 ₽

Хаб

1 неделяПять страниц с адаптивом

130 000 ₽

Главная хаба

Все блоки, анимационные акценты, формы, мобильная раскладка

60 000 ₽

О компании, отзывы, блог, контакты

Четыре шаблона с контентом, видеоблоки, карты, адаптив

70 000 ₽

Клуб

2,5 неделиОдиннадцать шаблонов с адаптивом

340 000 ₽

Главная клуба

Оффер, направления, акции, ближайшие дни, команда

70 000 ₽

10 внутренних шаблонов

Цены, расписание с записью из строки, группы с якорями, реабилитация, массаж, аппаратные, направления, обзор направлений, беговой клуб, о клубе

270 000 ₽

Второй клуб и приёмка

1 неделяНаполнение и финальная проверка

58 000 ₽

Раскатка 13 страниц второго клуба

Наполнение готовых шаблонов реальным контентом

38 000 ₽

Кроссбраузерность и приёмка

Проверка в актуальных браузерах, правки по итогам приёмки

20 000 ₽

Вёрстка

648 000 ₽

30 страниц на 16 шаблонах, адаптив в каждой странице, кроссбраузерность, вся навигация и интерактив из прототипа.

Дизайн и вёрстка вместе

1 080 000 ₽

Полный цикл: от мудборда до свёрстанного сайта, готового к подключению к системе управления.

Общий срок

10 недель

Дизайн и вёрстка идут внахлёст: вёрстка стартует на четвёртой неделе, не дожидаясь последних макетов.

// План-график

10 недель: дизайн и вёрстка внахлёст

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

Этап	Недели	12345678910
Концепция	1–2 неделя
Главная хаба и компоненты	2–3 неделя
Страницы хаба и клуба	3–6 неделя
Вёрстка: каркас и сквозные	4–5 неделя
Вёрстка: хаб и клуб	5–9 неделя
Второй клуб и приёмка	9–10 неделя

Дизайн

Вёрстка

Приёмка

// Оплата

График платежей — постоплата по этапам

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

#	Этап	Что сдаём	Сумма
1	Концепция после выбора направления 100% постоплата	Мудборд и две концепции на ключевом экране, выбранное направление зафиксировано.	45 000 ₽
2	Главная хаба и компоненты после приёмки макетов 100% постоплата	Главная целиком с мобильной версией, дизайн-система, шапки, меню, футер, мобильная навигация.	45 000 ₽
3	Страницы хаба и клуба после приёмки всех шаблонов 100% постоплата	15 шаблонов хаба и клуба, каждый с мобильной версией: цены, расписание, группы, реабилитация, команда.	342 000 ₽
4	Вёрстка · каркас и хаб после сдачи на стенде 100% постоплата	Сборка проекта, сквозные элементы, пять страниц хаба с адаптивом.	250 000 ₽
5	Вёрстка · клуб и приёмка после итоговой приёмки 100% постоплата	Одиннадцать шаблонов клуба, раскатка второго клуба, кроссбраузерность, правки по приёмке.	398 000 ₽
ИТОГО ДИЗАЙН И ВЁРСТКА			1 080 000 ₽

// Вопросы

Что нужно уточнить до старта

Нужны ли планшетные макеты?

В смете — десктоп и мобильный. В прототипе четыре контрольные точки: 1180, 1080, 900 и 620 px. Планшет можно собрать по правилам из этих двух состояний, а можно нарисовать отдельно — это плюс 8–10 макетов.

Есть ли брендбук и логотип в векторе?

В прототипе логотип — картинка 376×100 px. Для дизайна нужен вектор; если его нет, добавляем отрисовку знака отдельной позицией.

Кто согласует макеты и сколько человек участвует в приёмке?

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

Делаем ли вёрстку у нас?

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

// Кейсы