01 · Карта сайта
Верхнее меню: Бизнес-игры, Тренинги, Стратегические сессии, Кейсы, О нас, Блог. Кнопка «Подобрать программу» справа, отдельным акцентом.
- Главная/
- Бизнес-игры/games/каталог с фильтром
- Супер-менеджер: делегирование/games/delegirovanie/
- Супер-менеджер: мотивация/games/motivaciya/
- Короли обратной связи/games/obratnaya-svyaz/
- Мастер продаж/games/master-prodazh/
- Эмоциональный интеллект/games/emocionalnyy-intellekt/
- Взлёт/games/vzlyot/
- Живые ценности/games/zhivye-cennosti/
- Командос/games/komandos/
- Шерлок/games/sherlok/
- Экспансия/games/ekspansiya/
- Компетенции/competencies/страницы-хабы под поиск: «тренинг по делегированию», «игра на командообразование»
- Пример: Делегирование/competencies/delegirovanie/подборка игр и тренингов по этой компетенции
- Тренинги/trainings/каталог программ
- Страница программы/trainings/{code}/
- Стратегические сессии/strategy/одна длинная страница, не каталог
- Кейсы/cases/
- Страница кейса/cases/{code}/
- О нас/about/
- Тренеры и эксперты/about/team/
- Как проходит обучение/about/how/
- Блог/blog/разборы книг из Telegram, готовый контент
- Контакты/contacts/
- Служебныеспасибо, политика, оферта, 404
Зачем отдельный раздел «Компетенции»
Люди ищут не «бизнес-игру Командос», а «как научить руководителей делегировать». Раздел компетенций ловит именно такие запросы и ведёт человека внутрь каталога. Это девять-десять страниц, которые собираются автоматически из тех же карточек, без отдельного контента.
02 · Главная
Задача главной — за один экран объяснить, что это обучение через практику, а не лекции, и развести посетителя по трём линейкам.
03 · Каталог бизнес-игр
Десять карточек — мало для бесконечной прокрутки и много для простого списка. Поэтому сетка с фильтром и без пагинации: всё помещается на одном экране прокрутки.
Фильтр слева, компонент bitrix:catalog.smart.filter
- Компетенция — множественный выбор, привязка к справочнику
- Для кого — топ-менеджмент, руководители среднего звена, линейные сотрудники, отдел продаж
- Формат — офлайн, онлайн, выездная
- Длительность — до 4 часов, 4-8 часов, два дня
- Размер группы — до 15, 15-30, больше 30
Карточка в сетке
Ровно то, что есть в каталоге сейчас, плюс два поля для выбора. Все карточки одной высоты.
- Обложка — та же композиция, что в PDF: жёлтая или чёрная плашка и предмет-символ
- Надзаголовок «Бизнес-игра» — мелко, моноширинным
- Название — крупно, в две строки максимум
- Одна строка про пользу — первая фраза из «Что помогает улучшить»
- Теги компетенций — два-три, жёлтые
- Длительность и группа — мелко в подвале карточки
Про сравнение
HR выбирает из нескольких игр сразу. Чекбокс «Сравнить» на карточке и таблица сравнения по компетенциям, длительности и формату закрывают это лучше, чем десять открытых вкладок. Функция недорогая, а разницу в конверсии даёт заметную.
04 · Карточка бизнес-игры
Один шаблон на все десять. Ниже структура на примере «Экспансии» — у неё самый длинный список компетенций, шаблон должен выдержать и его, и короткие «Живые ценности».
05 · Тренинги
Структурно повторяют игры, поэтому переиспользуется тот же шаблон. Отличия в содержании страницы.
- Программа по модулям — раскрывающийся список тем с часами. У игры такого нет, у тренинга это половина решения о покупке
- Тренер — карточка с фото и опытом, ссылка на страницу эксперта
- Документ по итогам — сертификат, что именно получает участник
- Расписание — если есть открытые группы, блок с датами; для корпоративного формата вместо него «проводим в удобные вам даты»
06 · Стратегические сессии
Каталог здесь не нужен: сессия делается под задачу компании, у неё нет фиксированного содержания. Это одна длинная страница с логикой продажи услуги, а не товара.
07 · Общие страницы
Кейсы
Плитка с логотипами и фильтром по отрасли и продукту. Внутри кейса: задача клиента, что делали, сколько человек, результат в цифрах, отзыв заказчика.
/cases/О нас
Подход к обучению, методология, статистика. Отдельная вкладка «Тренеры» с карточками экспертов: фото, опыт, компетенции, ссылки на их программы.
/about/Блог
Здесь у вас сильная позиция: в Telegram уже больше сотни разборов книг и материалов по менеджменту. Их перенос закрывает контент раздела сразу и работает на поиск.
/blog/Контакты
Телефон, Telegram, почта, адрес с картой, форма. Для Узбекистана обязательно кликабельный номер и ссылка на Telegram, там идёт основная переписка.
/contacts/08 · Инфоблоки Битрикс
Восемь инфоблоков. Игры и тренинги живут в типе «Каталог», справочники и контент — в типе «Контент».
| Инфоблок | Код | Тип | Назначение |
|---|---|---|---|
| Бизнес-игры | games | catalog | 10 карточек, основной каталог |
| Тренинги | trainings | catalog | программы обучения |
| Компетенции | competencies | content | справочник для фильтра и страниц-хабов |
| Форматы и аудитории | dict | content | списки для фильтра |
| Кейсы | cases | content | привязка к играм и тренингам |
| Эксперты | experts | content | тренеры и модераторы |
| Отзывы | reviews | content | привязка к продукту, для фильтрации на карточке |
| Блог | blog | content | материалы из Telegram |
Свойства инфоблока «Бизнес-игры»
| Свойство | Код | Тип | Откуда берётся |
|---|---|---|---|
| Надзаголовок | TAGLINE | строка | «Бизнес-игра» |
| Что помогает улучшить | IMPROVE | HTML/текст | есть в каталоге |
| Компетенции списком | SKILLS | строка, множ. | есть в каталоге |
| Результат для компании | RESULT | HTML/текст | блок со знаком вопроса |
| Компетенция | COMPETENCE | привязка | справочник, для фильтра |
| Для кого | AUDIENCE | список, множ. | нужно уточнить |
| Формат | FORMAT | список | нужно уточнить |
| Длительность, часов | DURATION | число | нужно уточнить |
| Участников от / до | GROUP_MIN / GROUP_MAX | число | нужно уточнить |
| Как проходит | STEPS | HTML, множ. | нужно собрать с тренеров |
| Кому не подойдёт | NOT_FOR | строка, множ. | нужно собрать с тренеров |
| Цвет плашки | ACCENT | список | жёлтая или чёрная, как в каталоге |
| Похожие игры | RELATED | привязка | можно считать автоматически |
| Описание одной страницей | файл | страница из каталога |
Тренинги используют тот же набор плюс MODULES (программа по модулям), TRAINER (привязка к экспертам) и CERTIFICATE.
09 · Формы и цели
| Форма | Где стоит | Поля | Цель в метрике |
|---|---|---|---|
| Заявка на продукт | карточки игр и тренингов | имя, телефон, компания, скрытое поле «продукт» | product_lead |
| Подбор программы | главная, каталог | квиз из 4 шагов + контакты | quiz_lead |
| Обсудить задачу | стратегические сессии | описание ситуации, размер команды, сроки | strategy_lead |
| Обратный звонок | шапка, подвал | имя, телефон | callback |
| Скачать каталог | каталог игр | почта | catalog_download |
Все формы уходят в CRM Битрикс24 с источником и названием продукта. Без скрытого поля с продуктом через месяц будет непонятно, какие игры вообще продаются.
10 · Языки
Рынок Узбекистана — это как минимум русский и узбекский, а корпоративные клиенты часто просят английский для головных офисов.
- Русский — основной, в корне /
- Узбекский — /uz/, отдельный сайт в многосайтовости Битрикс
- Английский — /en/, можно вторым этапом
Переключатель в шапке справа. Важно с самого начала: если закладывать многосайтовость позже, переносить инфоблоки будет дороже, чем сделать сразу.
11 · Смета на дизайн
Считается не по страницам, а по уникальным макетам. Их пятнадцать: каталог тренингов, карточка тренинга и страница компетенции — вариации уже нарисованного и в полную стоимость не входят.
| Этап | Что входит | Срок | Стоимость |
|---|---|---|---|
| Аналитика и прототипы | Разбор конкурентов, структура разделов, каркасы 15 экранов без графики. На этом этапе обсуждаем логику | 1,5 недели | 60 000 ₽ |
| Концепция главной | Главная целиком, десктоп. Задаёт визуальный язык всему остальному: сетка, шрифты и правило, где на странице фирменный жёлтый, а где воздух | 1,5 недели | 80 000 ₽ |
| Внутренние страницы | 14 макетов: каталог с фильтром, карточка игры, стратсессии, кейсы, о нас, тренеры, блог, статья, контакты, квиз, служебные | 3 недели | 170 000 ₽ |
| Мобильная версия | Все 15 экранов под телефон. Не сжатый десктоп, а пересобранная логика: фильтр в шторке, карточки в одну колонку | 1,5 недели | 90 000 ₽ |
| UI-kit | Кнопки, поля, карточки, состояния, сетка и токены в Figma. Без него каждая новая страница рисуется заново | 0,5 недели | 35 000 ₽ |
| Надзор при вёрстке | Проверка свёрстанного против макетов, правки по мелочам | по ходу | 25 000 ₽ |
| Итого | Дизайн под ключ, макеты в Figma с открытым доступом | 7 недель | 460 000 ₽ |
Опции сверх сметы
| Опция | Когда нужна | Стоимость |
|---|---|---|
| Новые обложки для 10 игр | Если заменяем стоковые фото на свои. Отдельно снимает вопрос прав на изображения | 90 000 ₽ |
| Вторая концепция главной | Если у заказчика несколько лиц, принимающих решение, и нужен выбор | 60 000 ₽ |
| Авторские иконки и иллюстрации | Вместо готовых наборов | 80 000 ₽ |
| Проверка узбекской версии | Узбекский текст длиннее русского, макеты нужно проверить на переполнение | 25 000 ₽ |
| Презентация проекта | Защита дизайна перед руководством заказчика | 15 000 ₽ |
Условия
- 50 % предоплата, остаток по этапам
- Два круга правок на каждом этапе, дальше по часам
- Макеты передаются в Figma с полным доступом, исходники остаются у заказчика
- Срок считается от даты, когда переданы материалы по играм: длительность, формат, размер группы и фотографии с мероприятий
Вёрстка и Битрикс — отдельно
Смета выше только на дизайн. Программирование считается отдельно: инфоблоки, умный фильтр, квиз, интеграция с Битрикс24, многосайтовость.
На чём можно сэкономить: языковые версии
- Структура рассчитана на три языка. Если на старте оставить только русский, из дизайна уходит опция проверки узбекской версии — минус 25 000 ₽
- В разработке экономия заметнее: не нужны настройка многосайтовости, дублирование инфоблоков и перевод интерфейса. Это примерно треть бюджета программирования
- Второй язык добавляется позже отдельным этапом, макеты для него уже готовы
Одно условие: многосайтовость нужно заложить в архитектуру сразу, даже если языков пока один. Сама настройка стоит недорого, а переводить на неё готовый сайт потом — это заново собирать каталог.
