// статус проекта

Премиум-редизайн hpgroup.one.
Готовы пройти границу необратимого.

Phase 0—2 закрыты, Phase 3 артефакты подготовлены. Остановился перед запуском Veo 3 генерации (это деньги, нужно «давай»). Ниже — что собрано, что выявил research, какая палитра/стратегия, и три варианта как двигаться дальше.

04
research-артефактов
12
секций главной
3
B2B-ролей в JTBD
150
AVIF-кадров для hero
// что сделано

Прогон по фазам

Каждая фаза имеет собственного reviewer-агента. Цвет статуса слева в каждой карточке.

PHASE 0
Setup проекта
✓ Closed
  • Envelope projects/hpgroup-site/
  • Мастер-план Phase 0—9
  • 3 reviewer-агента (design / media / copy)
  • Scroll-POC canvas-driven готов
  • Vertex / ffmpeg / Node — инфра проверена
PHASE 1
Deep research
✓ Closed
  • competitors.md — 6 конкурентов (28KB)
  • premium-references.md — 17 сайтов (24KB)
  • jobs-to-be-done.md — JTBD-карта (28KB)
  • anti-slop-patterns.md — 14 правил (29KB)
PHASE 2
Design фундамент
✓ Closed + reviewed
  • anti-slop-guide.md — design HARD rules
  • strategy.md — позиционирование + JTBD
  • sitemap.md — 6 страниц + SEO targets
  • section-blueprint.md — 12 секций по AIDA
  • design-reviewer вердикт: 6 правок ✓ внесены
PHASE 3
Cinematic POC
▸ At decision gate
  • storyboard.md — 5 ключевых кадров
  • veo-prompts.md — 3 варианта (A/B/C)
  • Технически готово к Veo 3 запуску
  • Нужен «давай» — ~$1—5 на генерацию
PHASE 4—9
Build → ship
○ Pending Phase 3
  • Astro 5 skeleton + GSAP + Lenis
  • Cinematic integration в hero
  • Payload CMS на VPS
  • Copy + SEO + юр-доки
  • QA на 3 брейкпоинтах + deploy
// 5 ключевых инсайтов

Что выявил research

Эти 5 выводов — фундамент стратегии и копирайта. Если хочешь увидеть полные обоснования с цифрами — research-артефакты внизу страницы.

01 — JTBD
Сайт — инструмент управляющего, не маркетинг-витрина
Main job — НЕ «найти аутсорсера», а «закрыть кадровый разрыв без ФНС-последствий». Из этого: hero должен закрывать конкретную работу (SLA в часах, ставка в рублях), не «о нас». Калькулятор + SLA-в-часах + ФНС-блок = функционал, к которому посетитель возвращается в моменты pain'а.
02 — Edge
ФНС-страх в 2026 — недоиспользованный аргумент
62% контрактов с самозанятыми переквалифицируются ФНС-инспекциями (Контур, февраль 2026), штрафы до 200k ₽. Никто из 6 конкурентов не делает на этом центральный блок. У HP Group + связка с ArmPay (SaaS-выплаты) — прямой дифференциатор.
03 — Slop
«Премиум-класса» + happy-team stock — мгновенно палится
Главный slop-tell для HoReCa-аудитории: слово «премиум» + stock-фото «улыбающейся горничной с тряпкой». Управляющие отелей видят это за 2 секунды. Премиум передаётся типографикой, spacing'ом, режиссёрскими кадрами — не словами.
04 — Сегментация
Один лендинг, три B2B-роли смотрят одновременно
JTBD в B2B распределяется: Executor (управляющий) видит SLA в hero, Buyer (CFO/Owner) видит калькулятор, Compliance Gate (HR-директор) видит ФНС-блок. Не делаем табы «для роли X» — блоки расставлены в conversion-flow так что любая роль найдёт аргумент в первые 30 секунд.
05 — Convert-killer
Калькулятор «штат vs аутсорс» — Stripe-style
Ни у кого из 6 конкурентов нет. Управляющий вводит реальные числа (10 горничных × 168 часов) → видит годовую экономию в рублях. Снимает главный фрикшен B2B-сравнения — больше не нужно слать форму ради «получить расчёт».
// конкуренты vs мы

Все 6 — в одной визуальной лиге

Белый корпоратив-шаблон, статичный, без motion, без калькулятора, без ФНС-блока. Это значит: визуальная отстройка стоит 0 рублей внимания.

Признак impara tss ruqi maxistaff ancor favorit HP Group ←
Открытый прайс
Калькулятор ✓ uniq
ФНС-блок ✓ uniq
Cinematic scroll ✓ uniq
Editorial premium пытается пытается
Кейсы с цифрами 15+ ✓ генерим
Социальный пруф (ФИО) 6 30+
// design system

Палитра — один accent, ноль pure black/white

Off-black + warm cream + медь как ЕДИНСТВЕННЫЙ accent. Никаких purple-to-cyan градиентов (главный slop-сигнал 2026). Эту палитру ты сейчас видишь на этой странице — мы её «доgfeed'ем», чтобы сразу проверить ощущение.

Ink (off-black)
#0F1011
основной текст / footer / ФНС-блок
Cream (warm)
#F5F2EC
основной фон / hero
Copper (accent)
#B8763C
primary CTA / accent line
Warm grey 100
#EAE6DD
section разделение
Grey 500
#525252
supporting текст
// typography

Type scale — Geist + Geist Mono (self-host)

В реальном сайте — self-hosted Geist (РФ блок Google Fonts). Здесь показано system-font'ом, но иерархия и letter-spacing совпадает с боевой.

80px
Закроем смену за 24 часа.
56px
Сколько вы платите за линейного.
36px
От 340 ₽/час. Договор с юр.лицом.
18px
Body — текст основных параграфов. Geist regular 400. Line-height 1.6, никаких декоративных letter-spacing'ов.
12px
// EYEBROW MONO 0.08em UPPERCASE
// позиционирование

Единственный HoReCa-аутсорсер в РФ, который закрывает смену за 24 часа, открыто публикует ставку и берёт ФНС-риск на свой договор.

Три факта вместо слова «премиум». Каждый — verifiable. Каждый закрывает свою B2B-роль.

A · EXECUTOR
Управляющий / SuChef
Что болитСрыв смены, текучка 70-80%, выгорание от HR-рутины
Что ищетИнструмент закрыть смену завтра без танцев
B · BUYER
CFO / Owner
Что болитFully-loaded ~85k ₽/мес/чел, непредсказуемый ФОТ
Что ищетЦифры экономии vs штат, прозрачное планирование
C · GATE
HR-директор / главбух
Что болитФНС-переквалификация, штрафы до 200k ₽
Что ищетПартнёр, несущий юр.ответственность
// архитектура сайта

Sitemap — 6 страниц

Транслит для услуг и цен (SEO под русский Я.Wordstat), английский для кейсов (избегаем keysy/kejsy разнобоя). Главная — центр конверсии, остальные страницы — детализация под специфические JTBD.

hpgroup.one/
├── /                  ← Главная (главный конверсионный лендинг)
├── /uslugi            ← Услуги (8 категорий персонала)
├── /tseny             ← Цены и калькулятор (полная версия)
├── /cases             ← Кейсы клиентов
├── /o-kompanii        ← О компании (founder-voice, команда)
├── /kontakty          ← Контакты (форма + регионы)
│
└── /pravovaya/        ← Юр-доки (Privacy 152-ФЗ, Terms, Cookies)
// главная по AIDA

12 секций главной — каждая решает один job

Цвета тегов: оранжевый = cinematic, зелёный = convert-killer, чёрный = trust-блок.

01
Hero
Cinematic scroll. «Закроем смену за 24 часа. От 340 ₽/час.» Layout 60/40 text+canvas.
02
Proof-line
150 отелей · 1.2M часов · 24ч SLA. Scroll-in counters, mono-font.
03
Калькулятор
Штат vs аутсорс. Full-bleed interactive blok. Ввёл часы → видишь экономию за год.
04
Услуги
8 категорий персонала. Editorial zigzag (image-left/right alternating), не 8 одинаковых cards.
05
Process
5 шагов numbered horizontal (Linear-style). 1.0 Заявка → 2.0 Подбор → 3.0 Доки → 4.0 Смена → 5.0 Оплата.
06
ФНС-блок
«422-ФЗ закрыл лазейку. Мы взяли это на себя». Единственная dark-секция на странице.
07
Cases
1 featured + 4 в grid разной композиции. AI-generated brand-фото отелей.
08
Pricing table
Side-by-side: штат vs аутсорс. Конкретные цифры экономии в годовых рублях.
09
Logos marquee
Marriott · Hilton · AccorHotels — power-line. Marquee scroll horizontal.
10
FAQ
Large-type accordion (24px h, не cards). 8-12 ключевых вопросов.
11
Founder-voice
«Управляющий не должен быть HR.» Asymmetric 60/40 text+portrait. Tonik-style.
12
Final CTA + Form
4 поля + чекбокс. Submit → TG Bot API (без своего бэка). Full-screen success takeover.
// hero cinematic — storyboard

«Утренняя смена» — 5 кадров, 8 секунд

Длинный план, без quick-cuts. Камера почти статична, движение даёт сам человек в кадре. Тёплый утренний свет, warm cream + deep ink палитра, медный значок на униформе. Никаких улыбок в камеру. Никаких stock-актёров.

FRAME 01
0:00 — 0:02
Establishing shot
Коридор отеля, dolly-in 2-3%. Горничная появляется справа снизу, идёт вглубь, букет в правой руке.
FRAME 02
0:02 — 0:03
Подход к двери
Mid-shot, key-card к замку. Камера фокус на руке → переход на её лицо в profile.
FRAME 03
0:03 — 0:05
Вход в номер
Дверь открывается, follow-shot over-the-shoulder. Через окно льётся утренний свет, силуэт города в дымке.
FRAME 04
0:05 — 0:07
Центральный кадр
Close-up: руки ставят букет белых пионов в пустую вазу. Side-light освещает лепестки. Shallow DOF.
FRAME 05
0:07 — 0:08
Выход
Лёгкий профессиональный взгляд на вазу (НЕ улыбка), поворот, slow dolly-out. История идёт дальше.
// veo 3 promt — primary

Что отправим в Vertex AI

Промпт на английском (Veo работает лучше с EN), цвета в HEX из нашей brand-палитры, длинный negative-block против AI-артефактов. Раскрой ниже, чтобы посмотреть.

Prompt A — Primary (~250 строк) — раскрыть
Cinematic 8-second continuous shot of a hotel housekeeper in a premium boutique hotel during early morning shift.

SCENE: A serene hotel corridor with warm oak parquet floors, cream-colored walls (#F5F2EC), dark wood baseboards and door frames. Soft morning light at 7:30 AM streams from a window at the corridor's end, casting gentle side-light and warm shadows from wall sconces (~5500K color temperature). Subtle morning haze in the air.

CHARACTER: A woman in her mid-30s, Eastern European features, chestnut hair in a low professional ponytail. She wears a dark charcoal (#252525) housekeeping dress with a clean white (#FAFAFA) apron, a small copper-toned (#B8763C) hotel insignia on the collar. Minimal natural makeup, no visible jewelry. Calm, composed, slightly focused expression — NOT smiling, NOT serious, just professional concentration.

ACTION (continuous 8 seconds):
[0-2s] She walks confidently down the corridor toward a guest room door, carrying a small bouquet of white peonies in her right hand by the natural stems...
[2-3s] She reaches the door, raises a key-card to the lock...
[3-5s] The door opens. Camera follows over her shoulder as she steps inside...
[5-7s] She approaches the bedside table and places the bouquet into the vase in one fluid, unhurried motion...
[7-8s] She turns slightly, gives a brief professional glance at the arranged vase, and begins to move toward the door to exit...

CINEMATOGRAPHY: Wide angle 35mm equivalent, eye-level, very slow dolly-in micro-movement (~2% per second). Subtle handheld float. Shallow depth of field on close-ups. Warm grading, slightly desaturated cool tones, low contrast premium-editorial look. Subtle film grain (~5-8%).

NEGATIVE: No other people, no brand logos, no smile, no red/neon/purple, no modern hi-tech interior, no stock aesthetics, no glossy commercial polish, no anatomical errors (hands must have 5 fingers each), no facial distortion, no AI-orbs, no cleaning supplies in frame...

STYLE REFERENCE: Aman Resorts, Oetker Collection, Wim Wenders "Perfect Days". Kodak Portra 400 film grain.
Prompt B — Backup (image-seed подход) — раскрыть
[Если в Prompt A горничная "плывёт" между кадрами]

Step 1: Сгенерировать ONE ключевой кадр через Gemini 3 Pro Image (тот же character description).
Step 2: Запустить Veo 3 с этим frame как start_image_uri.

Use the provided start frame as the exact opening pose. Continue the action seamlessly for 8 seconds:
the housekeeper walks down the corridor [continue with same description as Prompt A...]

Effect: Veo привязывается к seed-frame и сохраняет внешность персонажа.
Prompt C — Backup (two-handed grip) — раскрыть
[Если в Prompt A/B видны AI-артефакты на руках]

Изменение композиции: горничная не несёт букет, а берёт его в номере с тележки двумя руками.
Two-handed grip → AI стабильнее рендерит правильную анатомию.

[Все остальные параметры идентичны Prompt A]
// твоё решение

Что прошу сейчас

Veo 3 генерация — реальные деньги ($0.50—1.50 за 8s клип, 1—3 итерации = до $5). Это попадает под hard-rule «необратимые внешние действия требуют явного approval». Один из трёх вариантов:

[1] ДАВАЙ ВИДЕО
Запускаю media subagent на Veo 3 → media-reviewer → scroll-poc.html тест
~$1—5 · 10—20 минут
Получим финальный 8s клип, 150 AVIF-кадров, рабочий scroll-POC. После — accepted media-reviewer'ом, идём в Phase 4 (Astro skeleton).
[2] ПОКА ASTRO
Иду в Phase 4 без Veo — соберу frontend-каркас, cinematic подключим позже
$0 · 1—2 часа
Установлю Astro 5, GSAP, Lenis, токены из anti-slop-guide. Hero будет с placeholder вместо cinematic. Веб 3 запустишь когда скажешь.
[3] СТОП / ИЗМЕНИ
Пауза. Что-то поменять в storyboard / стратегии / стеке до Veo?
обсуждаем
Если хочешь скорректировать сюжет cinematic, палитру, ЦА-фокус или стек — давай прямо сейчас, до того как потрачены деньги на Veo.
// технические артефакты

Полные документы (для глубокого чтения)

Эта страница — отчёт для решения. Полные MD-исходники остаются в репо как технический base для frontend-engineer.

Все файлы — в ~/ai-system/projects/hpgroup-site/. Открываются прямо в Cursor.