index.html - master - sinarovali/pause-program

index.html
617 строк46 KB
sinarovali
create: image-test.html, index.html, photo-01.jpg, photo-02.jpg, photo-03.jpg, photo-04.jpg, photo-05.jpg, photo-06.jpg, photo-07.jpg, photo-08.jpg, README.txt
03 июн 2026, 09:50
Верифицирован
03 июн 2026, 09:5025f887c
<!DOCTYPE html>

<html lang="ru">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>Пауза — программа продвижения продаж</title>
<style>
:root {
  --black:#0A0A0A;
  --bg:#0D1110;
  --card:#151A19;
  --card2:#1D2321;
  --line:rgba(255,255,255,.12);
  --text:#F4F7F5;
  --muted:#A9B2AE;
  --green:#00E676;
  --green2:#23C96D;
  --orange:#FF8A00;
  --wood:#8A5A3C;
  --white:#FFFFFF;
  --danger:#FFB26A;
  --shadow: 0 18px 60px rgba(0,0,0,.42);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin:0;
  background: radial-gradient(circle at 15% 5%, rgba(0,230,118,.09), transparent 22%),
              radial-gradient(circle at 90% 0%, rgba(255,138,0,.08), transparent 25%),
              linear-gradient(180deg, #080909 0%, #0D1110 42%, #0A0A0A 100%);
  color:var(--text);
  font-family: Inter, Manrope, Arial, Helvetica, sans-serif;
  line-height:1.55;
}
a { color:inherit; }
.wrapper { max-width:1240px; margin:0 auto; padding:0 24px; }
.topbar {
  position:sticky; top:0; z-index:50; backdrop-filter: blur(16px);
  background:rgba(10,10,10,.72); border-bottom:1px solid var(--line);
}
.topbar-inner { display:flex; align-items:center; justify-content:space-between; min-height:64px; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; letter-spacing:.22em; text-transform:uppercase; font-weight:800; }
.mark { width:32px; height:32px; border-radius:8px; border:1px solid rgba(0,230,118,.55); position:relative; box-shadow:0 0 24px rgba(0,230,118,.18); }
.mark::before, .mark::after { content:""; position:absolute; background:var(--green); border-radius:2px; }
.mark::before { width:6px; height:18px; left:8px; top:7px; }
.mark::after { width:6px; height:18px; right:8px; top:7px; }
.smallnote { color:var(--muted); font-size:13px; }
.btn { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px; border:1px solid rgba(0,230,118,.35); background:linear-gradient(135deg, rgba(0,230,118,.2), rgba(0,230,118,.05)); color:var(--text); text-decoration:none; font-weight:700; }
.hero { padding:54px 0 38px; }
.hero-card {
  overflow:hidden; border:1px solid var(--line); border-radius:28px; min-height:620px; position:relative; box-shadow:var(--shadow);
  background:linear-gradient(90deg, rgba(8,9,9,.94) 0%, rgba(8,9,9,.82) 40%, rgba(8,9,9,.28) 100%), url('photo-01.jpg') center/cover no-repeat;
}
.hero-content { position:relative; z-index:2; width:min(620px, 100%); padding:54px; }
.kicker { color:var(--green); font-size:12px; letter-spacing:.24em; text-transform:uppercase; font-weight:800; margin-bottom:22px; }
h1 { font-size: clamp(44px, 8vw, 104px); line-height:.9; margin:0 0 20px; letter-spacing:-.05em; }
.subtitle { font-size: clamp(22px, 3vw, 38px); line-height:1.1; font-weight:800; margin-bottom:18px; }
.lead { color:#DDE5E1; font-size:18px; max-width:540px; }
.hero-meta { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.pill { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); border-radius:999px; padding:9px 13px; color:#E8F0EC; font-size:14px; }
.pill.green { border-color:rgba(0,230,118,.45); color:#AFFFF0; }
.section { padding:54px 0; border-top:1px solid rgba(255,255,255,.08); }
.section-title { display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:start; margin-bottom:28px; }
.num { color:var(--green); font-weight:900; font-size:18px; letter-spacing:.12em; }
h2 { margin:0; font-size: clamp(30px, 4vw, 54px); line-height:1.02; letter-spacing:-.04em; }
h3 { font-size:24px; margin:26px 0 12px; letter-spacing:-.02em; }
p { margin: 0 0 14px; color:#DDE5E1; }
.muted { color:var(--muted); }
.grid { display:grid; gap:18px; }
.grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid.four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.card { background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.032)); border:1px solid var(--line); border-radius:22px; padding:22px; box-shadow:0 10px 36px rgba(0,0,0,.22); }
.card.accent { border-color:rgba(0,230,118,.35); box-shadow: 0 0 0 1px rgba(0,230,118,.05), 0 14px 50px rgba(0,230,118,.06); }
.card.orange { border-color:rgba(255,138,0,.38); }
.card h3 { margin-top:0; }
.stat { font-size:40px; line-height:1; font-weight:900; letter-spacing:-.05em; margin-bottom:8px; }
.stat.green { color:var(--green); }
.stat.orange { color:var(--orange); }
.label { color:var(--muted); font-size:13px; text-transform:uppercase; letter-spacing:.13em; font-weight:800; }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:18px; }
table { width:100%; border-collapse:collapse; min-width:720px; background:rgba(255,255,255,.035); }
th, td { padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:top; }
th { background:rgba(0,230,118,.08); color:#F4FFF9; text-align:left; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
tr:last-child td { border-bottom:0; }
td { color:#DDE5E1; }
.toc { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; counter-reset:item; }
.toc a { text-decoration:none; padding:16px 18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.035); display:flex; gap:14px; align-items:flex-start; transition:.2s; }
.toc a:hover { border-color:rgba(0,230,118,.55); transform:translateY(-2px); background:rgba(0,230,118,.07); }
.toc a::before { counter-increment:item; content:counter(item, decimal-leading-zero); color:var(--green); font-weight:900; min-width:34px; }
.visual { border-radius:24px; overflow:hidden; border:1px solid var(--line); min-height:300px; background:#111; box-shadow:var(--shadow); }
.visual img { width:100%; height:100%; object-fit:cover; display:block; }
.caption { color:var(--muted); font-size:13px; margin-top:10px; }
.timeline { display:grid; gap:16px; position:relative; }
.step { display:grid; grid-template-columns:160px 1fr; gap:18px; padding:18px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.035); }
.step-date { color:var(--green); font-weight:900; }
ul { margin:12px 0 0; padding-left:20px; color:#DDE5E1; }
li { margin:6px 0; }
.quote { font-size:24px; line-height:1.3; font-weight:800; border-left:4px solid var(--green); padding:12px 0 12px 22px; margin:18px 0; color:#fff; }
.gallery { display:grid; grid-template-columns: 1.2fr .8fr .8fr; grid-auto-rows:260px; gap:16px; }
.gallery .visual:first-child { grid-row:span 2; }
.footer { padding:44px 0; border-top:1px solid var(--line); color:var(--muted); }
.badge { display:inline-block; font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:var(--green); border:1px solid rgba(0,230,118,.35); padding:6px 10px; border-radius:999px; margin-bottom:12px; }
.print-note { margin-top:20px; color:var(--muted); font-size:13px; }
@media (max-width:900px) {
  .grid.two,.grid.three,.grid.four,.toc,.gallery { grid-template-columns:1fr; }
  .gallery .visual:first-child { grid-row:auto; }
  .hero-content { padding:34px; }
  .section-title { grid-template-columns:1fr; }
  .step { grid-template-columns:1fr; }
  .topbar-inner { align-items:flex-start; flex-direction:column; padding:14px 0; }
}
@media print {
  body { background:#0A0A0A; }
  .topbar { position:static; }
  .section { page-break-inside:avoid; }
  a { text-decoration:none; }
}

/* --- Revision 02: readability, static hero facts, balanced visuals, mobile table cards --- */
.hero-meta {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
  max-width:760px;
}
.pill {
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border-radius:16px;
  padding:12px 14px;
  color:#E8F0EC;
  font-size:14px;
  line-height:1.25;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  cursor:default;
}
.pill::before {
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:9px;
  border-radius:50%;
  background:rgba(255,255,255,.34);
  vertical-align:1px;
}
.pill.green {
  border-color:rgba(0,230,118,.38);
  color:#DFFFF3;
  background:linear-gradient(180deg, rgba(0,230,118,.11), rgba(0,230,118,.025));
}
.pill.green::before { background:var(--green); box-shadow:0 0 12px rgba(0,230,118,.65); }

.object-facts {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.fact-card {
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:16px;
  min-height:104px;
}
.fact-card .label {
  margin-bottom:8px;
  color:rgba(255,255,255,.62);
  font-size:11px;
}
.fact-card strong {
  display:block;
  color:#F4F7F5;
  font-size:18px;
  line-height:1.25;
}
.fact-card.wide { grid-column:1 / -1; min-height:auto; }

.gallery {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows:240px;
  gap:16px;
  align-items:stretch;
}
.gallery .visual:first-child { grid-row:auto; }
.gallery .visual { min-height:0; }
.gallery .visual img { object-fit:cover; }

.table-wrap { overflow:visible; }
table { min-width:0; table-layout:fixed; }
th, td { overflow-wrap:anywhere; word-break:normal; hyphens:auto; }
#s3 table th:nth-child(1), #s3 table td:nth-child(1) { width:42%; }
#s3 table th:nth-child(2), #s3 table td:nth-child(2) { width:28%; }
#s3 table th:nth-child(3), #s3 table td:nth-child(3) { width:30%; }

@media (max-width:900px) {
  .hero-meta { grid-template-columns:1fr; max-width:100%; }
  .object-facts { grid-template-columns:1fr; }
  .gallery { grid-template-columns:1fr; grid-auto-rows:260px; }
  .gallery .visual:first-child { grid-row:auto; }
}

@media (max-width:680px) {
  body { font-size:15px; }
  .wrapper { width:min(100% - 28px, 1160px); }
  .hero { padding:20px 0 26px; }
  .hero-card { min-height:auto; border-radius:22px; }
  .hero-content { padding:28px 22px !important; }
  .hero h1 { font-size:clamp(62px, 22vw, 120px); }
  .subtitle { font-size:clamp(26px, 8vw, 42px); line-height:1.08; }
  .lead { font-size:17px; line-height:1.6; }
  h2 { font-size:clamp(30px, 10vw, 46px); }
  .section { padding:38px 0; }
  .card { padding:18px; border-radius:20px; }
  .grid.two,.grid.three,.grid.four { gap:14px; }
  .table-wrap {
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
  }
  table, thead, tbody, th, td, tr {
    display:block;
    width:100%;
  }
  table { background:transparent; }
  thead, th { display:none; }
  tr {
    margin:0 0 12px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.04);
  }
  td {
    display:grid;
    grid-template-columns:minmax(110px, 38%) 1fr;
    gap:12px;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  td:last-child { border-bottom:0; }
  td::before {
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
  }
  .stat { font-size:34px; }
  .topbar { display:none; }
}


/* --- Fix after GitVerse review: neutral background, desktop column balance, mobile table cards --- */
body {
  background:
    radial-gradient(circle at 70% 0%, rgba(0,230,118,.035), transparent 34%),
    linear-gradient(180deg, #080A09 0%, #090B0A 100%) !important;
}
main, .section {
  background:transparent !important;
}

/* desktop tables: no clipping and no strange fixed compression */
table {
  table-layout:auto !important;
  width:100% !important;
}
th, td {
  overflow-wrap:normal !important;
  word-break:normal !important;
}
#s12 table th:nth-child(1), #s12 table td:nth-child(1) { width:28%; }
#s12 table th:nth-child(2), #s12 table td:nth-child(2) { width:54%; }
#s12 table th:nth-child(3), #s12 table td:nth-child(3) { width:18%; min-width:120px; white-space:nowrap; }

/* mobile: table rows become readable cards */
@media (max-width:680px) {
  table, thead, tbody, tr, th, td {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  thead {
    display:none !important;
  }
  tbody tr {
    margin:0 0 14px !important;
    padding:14px 16px !important;
    border:1px solid var(--line) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.04) !important;
  }
  tbody tr:empty {
    display:none !important;
  }
  td {
    display:block !important;
    padding:10px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:none !important;
    line-height:1.45 !important;
  }
  td:last-child {
    border-bottom:0 !important;
  }
  td::before {
    content:attr(data-label);
    display:block !important;
    margin:0 0 5px !important;
    color:var(--muted);
    font-size:11px;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
  }
}

</style>
</head>
<body>
<header class="topbar">
<div class="wrapper topbar-inner">
<div class="brand"><span class="mark"></span><span>Пауза</span></div>
<div class="smallnote">Программа продвижения продаж · авторская концепция МААТ</div>
<a class="btn" href="#toc">Содержание ↓</a>
</div>
</header>
<main>
<section class="hero" id="top">
<div class="wrapper">
<div class="hero-card">
<div class="hero-content">
<div class="kicker">Кластер видеоигр и анимации</div>
<h1>Пауза</h1>
<div class="subtitle">Программа продвижения продаж капсульного отеля</div>
<p class="lead">Рабочая программа запуска, продаж и продвижения капсульного отеля для резидентов и гостей кластера. Документ фиксирует продуктовую модель, тарифную логику, каналы продаж, дорожную карту, KPI и необходимые материалы.</p>
<div class="hero-meta">
<span class="pill green">авторская концепция МААТ</span>
<span class="pill">техническое открытие 15.06</span>
<span class="pill">официальное открытие 15.07</span>
<span class="pill">30 капсул · 24/7</span>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="toc">
<div class="wrapper">
<div class="section-title"><div class="num">00</div><h2>Содержание документа</h2></div>
<div class="toc">
<a href="#s1">Управленческое резюме</a>
<a href="#s2">Исходные данные объекта</a>
<a href="#s3">Экономическая цель и логика достижения выручки</a>
<a href="#s4">Позиционирование и продуктовая модель</a>
<a href="#s5">Целевые аудитории и сценарии продаж</a>
<a href="#s6">Тарифная матрица и коммерческая логика</a>
<a href="#s7">Каналы продаж и продвижения</a>
<a href="#s8">Дорожная карта запуска продаж</a>
<a href="#s9">Материалы для запуска и продвижения</a>
<a href="#s10">KPI и управленческий контроль</a>
<a href="#s11">Риски и управленческие решения</a>
<a href="#s12">План первоочередных действий</a>
<a href="#s13">Что требуется для завершения программы</a>
<a href="#s14">Итоговая логика программы</a>
</div>
</div>
</section>
<section class="section" id="s1">
<div class="wrapper">
<div class="section-title"><div class="num">01</div><h2>Управленческое резюме</h2></div>
<div class="grid two">
<div class="card accent">
<p>Капсульный отель «Пауза» создаётся как инфраструктурный продукт внутри Кластера видеоигр и анимации. Его задача не ограничивается функцией ночного размещения. Объект должен стать точкой короткого отдыха, сна, восстановления, работы и временного проживания для резидентов, гостей мероприятий, партнёров, команд разработчиков, киберспортивных участников и деловых гостей кластера.</p>
<div class="quote">Главный источник продаж на старте — внутренняя экосистема кластера: резиденты, гости мероприятий, организаторы событий и партнёры.</div>
<p>Основная логика продвижения: сначала формируется внутренняя воронка продаж внутри кластера, затем подключаются внешние каналы добора загрузки: карты, OTA, поисковый спрос, социальные сети и партнёрские размещения.</p>
</div>
<div class="visual"><img alt="Ресепшн капсульного отеля" src="photo-02.jpg"/></div>
</div>
<div class="grid four" style="margin-top:18px">
<div class="card"><div class="label">Фонд</div><div class="stat green">30</div><p>однотипных капсул</p></div>
<div class="card"><div class="label">Вместимость</div><div class="stat">60</div><p>гостей при двухместном размещении</p></div>
<div class="card"><div class="label">Цель</div><div class="stat orange">3 млн ₽</div><p>месячная выручка</p></div>
<div class="card"><div class="label">Режим</div><div class="stat">24/7</div><p>ресепшн и self check-in</p></div>
</div>
</div>
</section>
<section class="section" id="s2">
<div class="wrapper">
<div class="section-title"><div class="num">02</div><h2>Исходные данные объекта</h2></div>
<div class="grid two">
<div class="object-facts">
<div class="fact-card"><div class="label">Формат</div><strong>капсульный отель внутри Кластера видеоигр и анимации</strong></div>
<div class="fact-card"><div class="label">Количество капсул</div><strong>30 однотипных капсул</strong></div>
<div class="fact-card"><div class="label">Спальное место</div><strong>двуспальная кровать</strong></div>
<div class="fact-card"><div class="label">Размещение</div><strong>до 2 человек в одной капсуле</strong></div>
<div class="fact-card"><div class="label">Вместимость</div><strong>до 60 человек</strong></div>
<div class="fact-card"><div class="label">Режим работы</div><strong>24/7, постоянный ресепшн и self check-in</strong></div>
<div class="fact-card wide"><div class="label">Бронирование</div><strong>TravelLine, модуль на сайте и внутреннем ресурсе кластера</strong></div>
</div>
<div class="card">
<h3>Инфраструктура</h3>
<p>В составе отеля предусмотрены душевые, санузлы, локеры, кухня, лаунж, рабочая зона, массажные кресла, ящики для хранения багажа, прачечная, гладильная зона и шумоизоляция.</p>
<p>Это позволяет продавать не только «место для сна», но и более широкий продукт: короткое восстановление, отдых после мероприятия, дневную паузу, рабочий перерыв, проживание команды или гостя кластера.</p>
</div>
</div>
<div class="gallery" style="margin-top:20px">
<div class="visual"><img alt="Капсулы" src="photo-03.jpg"/></div>
<div class="visual"><img alt="Капсула внутри" src="photo-04.jpg"/></div>
<div class="visual"><img alt="Массажные кресла" src="photo-05.jpg"/></div>
<div class="visual"><img alt="Ячейки хранения" src="photo-06.jpg"/></div>
<div class="visual"><img alt="Коридор перед ресепшн" src="photo-07.jpg"/></div>
</div>
</div>
</section>
<section class="section" id="s3">
<div class="wrapper">
<div class="section-title"><div class="num">03</div><h2>Экономическая цель и логика достижения выручки</h2></div>
<div class="grid four">
<div class="card"><div class="label">Цена ночи</div><div class="stat">3 500 ₽</div><p>стартовый тариф</p></div>
<div class="card"><div class="label">Загрузка</div><div class="stat green">75%</div><p>плановый ориентир</p></div>
<div class="card"><div class="label">ADR</div><div class="stat">4 000 ₽</div><p>желаемый средний тариф</p></div>
<div class="card orange"><div class="label">Целевая выручка</div><div class="stat orange">3 000 000 ₽</div><p>в месяц</p></div>
</div>
<div class="grid two" style="margin-top:20px">
<div class="card">
<h3>Проверка базовой модели</h3>
<p>При 30 капсулах и условном месяце 30 дней месячный фонд составляет 900 капсуло-ночей. При загрузке 75% продаётся 675 капсуло-ночей.</p>
<p>Если продавать по 3 500 ₽, выручка составит 2 362 500 ₽. Если достигнуть ADR 4 000 ₽, выручка составит 2 700 000 ₽.</p>
<p><strong>Вывод:</strong> для достижения 3 000 000 ₽ нужно использовать не только базовые ночи, но и event-тарифы, динамическое ценообразование, продления, «Паузу 3 часа», групповые и прямые продажи.</p>
</div>
<div class="table-wrap"><table><thead><tr><th>Сценарий</th><th>Расчёт</th><th>Выручка</th></tr></thead>




<tbody><tr><td data-label="Сценарий">Ночь 3 500 ₽, загрузка 75%</td><td data-label="Расчёт">675 × 3 500 ₽</td><td data-label="Выручка">2 362 500 ₽</td></tr><tr><td data-label="Сценарий">ADR 4 000 ₽, загрузка 75%</td><td data-label="Расчёт">675 × 4 000 ₽</td><td data-label="Выручка">2 700 000 ₽</td></tr><tr><td data-label="Сценарий">Цель 3 млн ₽ при 75%</td><td data-label="Расчёт">3 000 000 / 675</td><td data-label="Выручка">ADR 4 444 ₽</td></tr><tr><td data-label="Сценарий">OTA при ADR 4 000 ₽</td><td data-label="Расчёт">комиссия 15%</td><td data-label="Выручка">600 ₽</td></tr></tbody></table></div>
</div>
</div>
</section>
<section class="section" id="s4">
<div class="wrapper">
<div class="section-title"><div class="num">04</div><h2>Позиционирование и продуктовая модель</h2></div>
<div class="card accent">
<div class="badge">Позиционирование</div>
<p class="quote">«Пауза» — капсульный отель для сна, короткого отдыха, восстановления и проживания внутри Кластера видеоигр и анимации.</p>
<p>Ключевая идея бренда и продаж: <strong>остановиться, восстановиться, продолжить.</strong> Эта идея связывает название «Пауза» с реальными сценариями использования: пауза после мероприятия, между встречами, перед ночной дорогой, во время проектного интенсива, для команды, на сон, душ, отдых и перезагрузку.</p>
</div>
<div class="grid three" style="margin-top:18px">
<div class="card"><h3>Пауза Ночь</h3><p>Ночное размещение внутри кластера после мероприятия, работы, встречи или позднего события.</p></div>
<div class="card"><h3>Пауза 3 часа</h3><p>Самостоятельный короткий отдых: капсула, душ, тишина и восстановление внутри кластера.</p></div>
<div class="card"><h3>Пауза Team</h3><p>Размещение команд разработчиков, студий, организаторов, спикеров и участников мероприятий.</p></div>
</div>
</div>
</section>
<section class="section" id="s5">
<div class="wrapper">
<div class="section-title"><div class="num">05</div><h2>Целевые аудитории и сценарии продаж</h2></div>
<p class="muted">Продвижение строится не по принципу единого рекламного сообщения для всех, а через отдельные сценарии для каждой аудитории.</p>
<div class="table-wrap" style="margin-top:18px"><table><thead><tr><th>Аудитория</th><th>Потребность</th><th>Что предлагаем</th><th>Основной канал</th></tr></thead>






<tbody><tr><td data-label="Аудитория">Резиденты кластера</td><td data-label="Потребность">короткий отдых, ночёвка, размещение гостей</td><td data-label="Что предлагаем">Пауза Ночь, Пауза 3 часа, Resident-тариф</td><td data-label="Основной канал">внутренний ресурс, чаты, рассылки</td></tr><tr><td data-label="Аудитория">Гости мероприятий</td><td data-label="Потребность">остаться после события</td><td data-label="Что предлагаем">Пауза Ночь, Пауза Event</td><td data-label="Основной канал">QR, страница мероприятия, стойки</td></tr><tr><td data-label="Аудитория">Организаторы</td><td data-label="Потребность">размещение спикеров и участников</td><td data-label="Что предлагаем">блок капсул, промокоды, event-пакеты</td><td data-label="Основной канал">прямые переговоры</td></tr><tr><td data-label="Аудитория">Команды разработчиков</td><td data-label="Потребность">разместиться на проект или интенсив</td><td data-label="Что предлагаем">Пауза Team, групповые условия</td><td data-label="Основной канал">прямые предложения компаниям</td></tr><tr><td data-label="Аудитория">Деловые гости</td><td data-label="Потребность">удобное размещение рядом с площадкой</td><td data-label="Что предлагаем">Пауза Ночь, Partner-тариф</td><td data-label="Основной канал">сайт, TravelLine, персональные ссылки</td></tr><tr><td data-label="Аудитория">Внешние гости</td><td data-label="Потребность">компактное размещение в Сколково</td><td data-label="Что предлагаем">Пауза Ночь</td><td data-label="Основной канал">карты, OTA, поиск</td></tr></tbody></table></div>
</div>
</section>
<section class="section" id="s6">
<div class="wrapper">
<div class="section-title"><div class="num">06</div><h2>Тарифная матрица и коммерческая логика</h2></div>
<div class="grid two">
<div class="card accent"><h3>Правило 400 / 600</h3><p><strong>400 ₽ / час</strong> используется только для продления после ночного проживания. <strong>600 ₽ / час</strong> применяется для самостоятельного почасового размещения, минимум 3 часа.</p><p>Так ночной тариф не обесценивается, а короткий продукт остаётся коммерчески самостоятельным.</p></div>
<div class="card"><h3>Управление скидками</h3><p>Скидки 10-20% применяются управляемо: 10% для резидентов в обычные даты, 15% за объём, 20% только для pre-opening, непиковых дат или предоплаченных пакетов.</p></div>
</div>
<div class="table-wrap" style="margin-top:18px"><table><thead><tr><th>Продукт</th><th>Сценарий</th><th>Условие</th><th>Цена / логика</th></tr></thead>







<tbody><tr><td data-label="Продукт">Пауза Ночь</td><td data-label="Сценарий">ночное размещение</td><td data-label="Условие">базовый продукт</td><td data-label="Цена / логика">от 3 500 ₽</td></tr><tr><td data-label="Продукт">Пауза 3 часа</td><td data-label="Сценарий">самостоятельный короткий отдых</td><td data-label="Условие">минимум 3 часа</td><td data-label="Цена / логика">от 1 800 ₽</td></tr><tr><td data-label="Продукт">Почасовое размещение</td><td data-label="Сценарий">без покупки ночи</td><td data-label="Условие">минимум 3 часа</td><td data-label="Цена / логика">600 ₽ / час</td></tr><tr><td data-label="Продукт">Продление после ночи</td><td data-label="Сценарий">для проживающих гостей</td><td data-label="Условие">кратно 1 часу</td><td data-label="Цена / логика">400 ₽ / час</td></tr><tr><td data-label="Продукт">Пауза Resident</td><td data-label="Сценарий">резиденты кластера</td><td data-label="Условие">по правилам скидок</td><td data-label="Цена / логика">10-20%</td></tr><tr><td data-label="Продукт">Пауза Event</td><td data-label="Сценарий">даты мероприятий</td><td data-label="Условие">динамическая цена</td><td data-label="Цена / логика">выше базовой</td></tr><tr><td data-label="Продукт">Пауза Team</td><td data-label="Сценарий">команды и группы</td><td data-label="Условие">несколько капсул / ночей</td><td data-label="Цена / логика">индивидуально</td></tr></tbody></table></div>
</div>
</section>
<section class="section" id="s7">
<div class="wrapper">
<div class="section-title"><div class="num">07</div><h2>Каналы продаж и продвижения</h2></div>
<div class="grid two">
<div class="card accent"><h3>Внутренние каналы</h3><ul><li>сайт кластера и страница «Пауза»</li><li>внутренний ресурс резидентов</li><li>кнопка «Забронировать»</li><li>чаты и сообщества резидентов</li><li>VK-страница кластера</li><li>QR внутри здания</li><li>промостойки на мероприятиях</li><li>прямые предложения организаторам</li></ul></div>
<div class="card"><h3>Внешние каналы</h3><ul><li>Яндекс Карты и 2ГИС</li><li>OTA как канал добора загрузки</li><li>поисковый спрос</li><li>VK и Telegram</li><li>партнёрские публикации</li><li>event-страницы</li></ul><p class="muted">Приоритет должен быть у прямых каналов, так как они дешевле OTA и ближе к целевой аудитории.</p></div>
</div>
</div>
</section>
<section class="section" id="s8">
<div class="wrapper">
<div class="section-title"><div class="num">08</div><h2>Дорожная карта запуска продаж</h2></div>
<div class="timeline">
<div class="step"><div class="step-date">До 15.06<br/><span class="muted">Подготовка</span></div><div><h3>Подготовка к техническому открытию</h3><p>Настройка TravelLine, страницы «Пауза», тарифов, фото-пакета, текстов, QR-материалов, правил проживания и проверки пути бронирования от клика до оплаты.</p></div></div>
<div class="step"><div class="step-date">15.06–15.07<br/><span class="muted">Soft opening</span></div><div><h3>Обкатка операционной модели</h3><p>Тестовые бронирования, первое сообщение резидентам, проверка self check-in, спроса на «Пауза 3 часа», продлений, первых отзывов и корректировка тарифов.</p></div></div>
<div class="step"><div class="step-date">С 15.07<br/><span class="muted">Официальный запуск</span></div><div><h3>Полноценный старт продаж</h3><p>Официальный анонс, VK-коммуникация, QR внутри здания, промостойка, карты, OTA, предложения организаторам мероприятий и event-тарифы.</p></div></div>
<div class="step"><div class="step-date">15.07–15.09<br/><span class="muted">Стабилизация</span></div><div><h3>Выход на управляемую загрузку</h3><p>Анализ загрузки, ADR, каналов, продуктов, отзывов, доли OTA, event-продаж и корпоративных предложений для резидентов.</p></div></div>
</div>
</div>
</section>
<section class="section" id="s9">
<div class="wrapper">
<div class="section-title"><div class="num">09</div><h2>Материалы для запуска и продвижения</h2></div>
<div class="grid three">
<div class="card"><h3>Страница отеля</h3><p>Первый экран, сценарии использования, инфраструктура, тарифы, фото зон, правила, FAQ и кнопка «Забронировать».</p></div>
<div class="card"><h3>Внутренние каналы</h3><p>Баннеры для сайта и внутреннего ресурса, посты для чатов резидентов, VK-публикации, QR-плакаты и настольные таблички.</p></div>
<div class="card"><h3>Мероприятия</h3><p>Мини-презентация, промокоды, QR на стойке регистрации, условия блоков капсул и тексты для программ событий.</p></div>
</div>
<div class="table-wrap" style="margin-top:18px"><table><thead><tr><th>Материал</th><th>Задача</th></tr></thead>





<tbody><tr><td data-label="Материал">Фото-пакет</td><td data-label="Задача">TravelLine, сайт, карты, OTA, посты и баннеры</td></tr><tr><td data-label="Материал">FAQ и правила</td><td data-label="Задача">снижение нагрузки на ресепшн и защита репутации</td></tr><tr><td data-label="Материал">Карточка тарифов</td><td data-label="Задача">быстрый выбор между ночью, 3 часами и продлением</td></tr><tr><td data-label="Материал">QR-плакат</td><td data-label="Задача">быстрый переход к бронированию внутри здания</td></tr><tr><td data-label="Материал">Презентация для организаторов</td><td data-label="Задача">B2B-продажи под мероприятия</td></tr></tbody></table></div>
</div>
</section>
<section class="section" id="s10">
<div class="wrapper">
<div class="section-title"><div class="num">10</div><h2>KPI и управленческий контроль</h2></div>
<div class="grid four">
<div class="card"><div class="label">Загрузка</div><div class="stat green">75%+</div></div>
<div class="card"><div class="label">ADR</div><div class="stat">4 000 ₽+</div></div>
<div class="card"><div class="label">Выручка</div><div class="stat orange">3 млн ₽</div></div>
<div class="card"><div class="label">Отзывы</div><div class="stat">4,6+</div></div>
</div>
<div class="table-wrap" style="margin-top:18px"><table><thead><tr><th>KPI</th><th>Зачем отслеживать</th></tr></thead>






<tbody><tr><td data-label="KPI">Доля прямых продаж</td><td data-label="Зачем отслеживать">снижение зависимости от OTA и комиссии 15%</td></tr><tr><td data-label="KPI">Выручка от продлений</td><td data-label="Зачем отслеживать">оценка дополнительной монетизации</td></tr><tr><td data-label="KPI">Выручка от «Пауза 3 часа»</td><td data-label="Зачем отслеживать">оценка почасового продукта</td></tr><tr><td data-label="KPI">Бронирования от резидентов</td><td data-label="Зачем отслеживать">эффективность внутренней воронки</td></tr><tr><td data-label="KPI">Бронирования с мероприятий</td><td data-label="Зачем отслеживать">эффективность event-продаж</td></tr><tr><td data-label="KPI">Отзывы и рейтинг</td><td data-label="Зачем отслеживать">конверсия карт, OTA и внешнего поиска</td></tr></tbody></table></div>
</div>
</section>
<section class="section" id="s11">
<div class="wrapper">
<div class="section-title"><div class="num">11</div><h2>Риски и управленческие решения</h2></div>
<div class="table-wrap"><table><thead><tr><th>Риск</th><th>Последствие</th><th>Управленческое решение</th></tr></thead>






<tbody><tr><td data-label="Риск">Цель 3 млн ₽ не достигается при 75% и ADR 4 000 ₽</td><td data-label="Последствие">недобор выручки</td><td data-label="Управленческое решение">event-тарифы, продления, «Пауза 3 часа», динамическое ценообразование</td></tr><tr><td data-label="Риск">Почасовой тариф конкурирует с ночным</td><td data-label="Последствие">снижение ночных продаж</td><td data-label="Управленческое решение">600 ₽/час для самостоятельного бронирования, 400 ₽/час только для продления</td></tr><tr><td data-label="Риск">OTA забирают маржу</td><td data-label="Последствие">снижение чистой выручки</td><td data-label="Управленческое решение">приоритет прямых каналов и внутренней воронки</td></tr><tr><td data-label="Риск">Недостаточно бронирований от резидентов</td><td data-label="Последствие">слабый старт продаж</td><td data-label="Управленческое решение">resident-тариф, QR, чаты, регулярные внутренние коммуникации</td></tr><tr><td data-label="Риск">Не разработаны правила проживания</td><td data-label="Последствие">операционные конфликты и отзывы</td><td data-label="Управленческое решение">минимальные правила до 15.06 и обучение ресепшн</td></tr><tr><td data-label="Риск">Слабая навигация внутри здания</td><td data-label="Последствие">гости не находят объект</td><td data-label="Управленческое решение">QR, указатели, схема прохода, инструкции</td></tr></tbody></table></div>
</div>
</section>
<section class="section" id="s12">
<div class="wrapper">
<div class="section-title"><div class="num">12</div><h2>План первоочередных действий</h2></div>
<div class="grid two">
<div class="card accent"><h3>Главная задача к 15.06</h3><p class="quote">Должен работать путь: увидел предложение → забронировал → оплатил → заселился.</p></div>
<div class="visual"><img alt="Зона ресепшн и стены" src="photo-08.jpg"/></div>
</div>
<div class="table-wrap" style="margin-top:18px"><table><thead><tr><th>Приоритет</th><th>Действия</th><th>Срок</th></tr></thead>






<tbody><tr><td data-label="Приоритет">Бронирование и тарифы</td><td data-label="Действия">TravelLine, ночь, «Пауза 3 часа», продление, resident-тариф, онлайн-оплата</td><td data-label="Срок">до 15.06</td></tr><tr><td data-label="Приоритет">Страница и прямые каналы</td><td data-label="Действия">страница «Пауза», модуль бронирования, кнопка на внутреннем ресурсе, UTM</td><td data-label="Срок">до 15.06</td></tr><tr><td data-label="Приоритет">Фото, тексты и материалы</td><td data-label="Действия">фото-пакет, тексты, FAQ, QR-плакат, карточка тарифов</td><td data-label="Срок">до 15.06</td></tr><tr><td data-label="Приоритет">Правила проживания</td><td data-label="Действия">check-in/out, тишина, общие зоны, продления, отмены</td><td data-label="Срок">до 15.06</td></tr><tr><td data-label="Приоритет">Soft opening</td><td data-label="Действия">первый анонс резидентам, тестовые бронирования, отзывы, корректировка тарифов</td><td data-label="Срок">15.06–15.07</td></tr><tr><td data-label="Приоритет">Официальное открытие</td><td data-label="Действия">публичный анонс, QR, промостойка, карты, OTA, event-предложения</td><td data-label="Срок">с 15.07</td></tr></tbody></table></div>
</div>
</section>
<section class="section" id="s13">
<div class="wrapper">
<div class="section-title"><div class="num">13</div><h2>Что требуется для завершения программы</h2></div>
<div class="grid three">
<div class="card"><h3>Календарь мероприятий</h3><p>Дата, формат, ожидаемое количество участников, длительность, организатор, QR/стойка и возможность промокода.</p></div>
<div class="card"><h3>Список резидентов</h3><p>Компании, потенциал размещения, гости из регионов, контактные лица, возможность корпоративной оплаты.</p></div>
<div class="card"><h3>Правила и TravelLine</h3><p>Финальные правила проживания, отмены, реализация ночных, почасовых, resident и event-тарифов в системе бронирования.</p></div>
</div>
</div>
</section>
<section class="section" id="s14">
<div class="wrapper">
<div class="section-title"><div class="num">14</div><h2>Итоговая логика программы</h2></div>
<div class="grid three">
<div class="card accent"><h3>Продуктовый контур</h3><p>«Пауза» продаёт не просто капсулу, а сценарии: ночь, 3 часа, продление, размещение гостей мероприятий, команд и резидентов.</p></div>
<div class="card"><h3>Коммерческий контур</h3><p>Цель 3 млн ₽ требует управления тарифами, скидками, event-днями, прямыми продажами и долей OTA.</p></div>
<div class="card"><h3>Канальный контур</h3><p>Главный источник продаж на старте находится внутри кластера: сайт, внутренний ресурс, чаты, VK, QR и мероприятия.</p></div>
</div>
<div class="card" style="margin-top:18px">
<div class="badge">Вывод МААТ</div>
<p class="quote">«Пауза» должна продвигаться не как обычный внешний отель, а как встроенная система продаж внутри экосистемы Game Hub.</p>
<p>При таком подходе объект может стать постоянным сервисом кластера: точкой сна, восстановления, короткого отдыха и проживания для резидентов, гостей и участников событий.</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="wrapper">
<div class="brand"><span class="mark"></span><span>Пауза</span></div>
<p class="print-note">Программа продвижения продаж капсульного отеля · авторская концепция МААТ · HTML-документ с интерактивным содержанием.</p>
</div>
</footer>
</body>
</html>