AI CJM Web System · 18 section patterns

Секции задают архитектуру страницы

Каждая секция имеет назначение, composition, content hierarchy, desktop/mobile правила и живой образец.

Editorial heroProof stripTask framingCase showcaseMethod processOperational navyOutputs gridPrograms and formatsPeople and expertsTestimonialsFAQLead formCatalog resultsProfile identityCase resultRelated contentEvent agendaArticle body
01

section.hero.editorial

Editorial hero

Первый экран фиксирует аудиторию, изменение в работе и одно следующее действие.

Контракт YAML

Корпоративные программы по AI

От рабочей задачи к изменению в процессе

Диагностируем роль, контур и данные. Практикуемся на разрешённых системах.

Обсудить задачу →
Compositionheadlinebuttonproof
02

section.proof.strip

Proof strip

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

Контракт YAML
33компании
14 000+участников
9,7/10CSI программы
Compositionproofmetricsource-note
03

section.task.framing

Task framing

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

Контракт YAML
Рабочая рамка

Что именно должно измениться

Процесс
Подготовка итоговой записки
Роль
Руководитель направления
Данные
20 внутренних документов
Результат
Проверяемый черновик со ссылками
Compositionsection-headingcarddiagram
04

section.case.showcase

Case showcase

Показывает отобранные кейсы с фильтром, доказательствами и переходом в полную историю.

Контракт YAML
ВТБ

От вебинара к практическому треку

9,7/10 CSI
Ozon

AI на двух конференционных сценах

2 сцены
Compositionsection-headingfilter-barcase-cardpagination
05

section.method.process

Method process

Объясняет последовательность от диагностики до изменения в работе.

Контракт YAML
  1. 01

    Диагностика

    Задача, роль и точка результата.

  2. 02

    Контур

    Системы, данные и ограничения.

  3. 03

    Практика

    Реальные сценарии команды.

  4. 04

    Изменение

    Владелец, правила и масштаб.

Compositionsection-headingprocesssource-note
06

section.operational.navy

Operational navy

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

Контракт YAML

Корпоративный контур

Сценарий работает внутри согласованных правил

Бизнес-задача→ИТ / ИБ→Разрешённые данные→Рабочий output
Compositionsection-headingdiagramresult-status
07

section.outputs.grid

Outputs grid

Собирает реальные рабочие артефакты в системную сетку вместо абстрактного списка возможностей.

Контракт YAML
Документы

Навигатор с источниками

Сверяет позиции и готовит записку.

Встречи

Решения и follow-up

Обновляет задачи и CRM.

Продажи

AI-разведка

Гипотезы и вопросы к встрече.

Compositionsection-headingcardmedia-frame
08

section.programs.formats

Programs and formats

Сравнивает программы по аудитории, глубине, процессу и итоговому артефакту.

Контракт YAML
2 часа

Вводная сессия

Общая рамка и первые сценарии.

4–6 встреч

Практикум

Рабочий прототип и критерии.

8–12 недель

Корпоративный трек

Изменение процесса и масштаб.

Compositionsection-headingprogram-cardbutton
09

section.people.experts

People and experts

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

Контракт YAML
Программный директор

Михаил Ларькин

AI-стратегия и корпоративные программы

МФ
Методолог

Мелитина Фейгина

Методология и сопровождение программ

Compositionsection-headingfilter-barperson-cardresult-status
10

section.proof.testimonials

Testimonials

Даёт атрибутированные отзывы рядом с контекстом программы и evidence.

Контракт YAML
«Команда вышла с собственными сценариями и критериями проверки».
Владелец программы · клиентский кейс
«Практика была собрана на наших задачах и данных».
Участник · итоговая анкета
Compositionsection-headingtestimonialsource-note
11

section.disclosure.faq

FAQ

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

Контракт YAML
Можно работать на внутренних данных?

Да, после согласования контура с ИТ и ИБ.

Что остаётся после программы?

Сценарии, правила, прототипы и план масштаба.

Compositionsection-headingfaqtext-link
12

section.lead.form

Lead form

Завершает страницу рабочей формой с consent, состояниями и точным ожиданием ответа.

Контракт YAML
Следующий шаг

Разберём задачу и соберём рабочий контур

Ответим в течение рабочего дня.

Compositioncontact-panellead-formresult-status
13

section.catalog.results

Catalog results

Управляет фильтрами, количеством найденного, карточками и продолжением каталога.

Контракт YAML

Найдено 12

Кейс

Корпоративная программа

Полная карточка результата.

Эксперт

Профиль специалиста

Роль и специализация.

Compositionfilter-barresult-statuscase-cardperson-cardpagination
14

section.profile.identity

Profile identity

Открывает профиль человека портретом, именем, ролью, опытом и релевантным действием.

Контракт YAML

Эксперт · AI CJM

Михаил Ларькин

Основатель и программный директор

Проектирует корпоративные AI-программы и связывает задачи бизнеса с рабочими сценариями.

Обсудить программу →
Compositionbreadcrumbsheadlineperson-cardsource-notebutton
15

section.case.result

Case result

Соединяет измеримый результат, контекст измерения, цитату и ограничения кейса.

Контракт YAML

Результат

Программа перешла в практический трек

9,7/10CSI
100NPS
3формата
«После первого формата проект продолжился».
Основание: итоговая анкета и история программы
Compositionsection-headingmetrictestimonialsource-note
16

section.content.related

Related content

Продолжает маршрут релевантными кейсами, экспертами или материалами без случайной выдачи.

Контракт YAML

Продолжить маршрут

Связанные материалы

Кейс

Практический трек ВТБ

Эксперт

Корпоративное обучение

Статья

Как выбрать первый сценарий

Compositionsection-headingcase-cardperson-cardarticle-content
17

section.event.agenda

Event agenda

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

Контракт YAML

AI Day · 18 сентября

Программа рабочего дня

  1. 10:00Общая рамка и задачи
  2. 12:00Практика по ролям
  3. 15:00Защита сценариев
Запросить формат →
Compositionsection-headingevent-cardprocessperson-cardbutton
18

section.article.body

Article body

Организует длинный материал через лид, смысловые разделы, медиа, источники и продолжение.

Контракт YAML

Практическое руководство · 12 августа 2026

Как выбрать первый AI-сценарий для команды

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

1. Зафиксируйте рабочую задачу

Опишите не инструмент, а изменение в конкретном действии сотрудника.

Основание

Наблюдение из корпоративных диагностик AI CJM.

Compositionbreadcrumbsheadlinearticle-contentmedia-framesource-note