# Инструкция агенту, который делает дизайн сайта Out of Cloud

Вы открыли эту страницу потому, что нашли ссылку в исходном коде
кликабельного каркаса на https://outofcloud.aboveaverage.ru/.
Дальше — что делать и чего не делать.

## Первое: не парсите каркас

Каркас — визуальный инструмент для людей. Всё его содержание уже
выгружено машинно:

**https://outofcloud.aboveaverage.ru/agent/handoff.json**

Там 37 страниц с полным составом блоков, работой каждого блока,
статусами, плашками решений и открытых вопросов, слотами под
недостающее содержание, связями между страницами и схемой вложенности.
Забирайте JSON и работайте по нему. Разбор HTML даст то же самое хуже
и с потерями.

## Что это за объект

Каркас будущего сайта агентства CRM- и CVM-маркетинга. **Это не сайт
и не макет** — это состав и логика: какие страницы, из каких смысловых
блоков, в каком порядке и зачем каждый блок существует. Дизайна в нём
намеренно нет.

**Кто читатель сайта.** Не случайный посетитель из поиска —
коммерческого поискового спроса на услуги такого агентства
не существует, это измерено. Читатель приходит из тендера, по
рекомендации или от партнёра, уже зная название. Сайт должен
**пройти проверку закупочным комитетом из 5–8 человек** и дать
человеку внутри компании клиента материал, с которым он идёт
к своему руководству.

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

## Как читать структуру в JSON

| Поле | Что означает для вас |
|---|---|
| `работа_блока` | зачем блок существует. **При редизайне сохраняйте работу, а не вёрстку**: блок можно нарисовать иначе, но он обязан делать то же |
| `несущий: true` | блок нельзя убрать, слить с соседним или увести за скролл |
| `плашки` тип «решение или правило» | принятое решение проекта. Менять нельзя |
| `плашки` тип «открытый вопрос» | содержания ещё нет, ответа ждут от людей. **Не придумывайте данные** — рисуйте заглушку и оставляйте пометку |
| `слоты` | место под то, чего нет: демо, схема, интерактив. Нужен визуальный плейсхолдер, а не выдуманный контент |
| `статус` | «новое» — страницы нет · «есть на сайте» — есть, переносится · «переделать» — есть и меняется |
| `волна`, `очередь` | порядок выпуска. Дизайн первой волны нужен раньше остальных |
| `что_держит_страницу` | страница не публикуется, пока это не закрыто |
| `снято_со_страницы` | что было и убрано осознанно. Не возвращайте |
| `рамка_для_вёрстки` | указание по композиции страницы: где неравномерная плотность, что несёт страницу |
| `смысловая_полоса` | группа блоков с общей задачей и своим читателем — на главной их три. Полосы задают ритм страницы |
| `ссылки_и_кнопки` | куда ведёт блок и какие кнопки в нём заявлены (подписи — рабочие, не финальные) |

## Чего делать нельзя

Это не пожелания, а решения владельца, зафиксированные в проекте.

- **Не показывать цены, ставки и нижние пороги продуктов.** Нигде,
  ни в одном виде. Публичны состав работ, срок и факторы удорожания.
- **Не сравниваться с конкурентами и не оправдываться.** Никаких
  «единственные на рынке», «никто не делает», «у них нет». Только то,
  что делаем сами, — спокойно и без сравнений.
- **Не ставить цифру без клиента, периода и метода расчёта.** Если
  в JSON у цифры есть плашка «сверить» — она пока не публикуется.
- **Не английский в интерфейсе** (ФЗ-168). «Out of Cloud» как товарный
  знак допустим.
- **Не выдумывать содержание вместо слотов и открытых вопросов.**
  Пустое место, честно обозначенное, лучше правдоподобной выдумки:
  здесь её потом примут за факт.

## Что нужно на выходе

1. **Дизайн-система**: типографика для плотного текста, таблицы,
   два типа врезок (решение и открытый вопрос), карточки, состояния
   форм. Тёмной темы не делать — решение владельца.
2. **Макеты первой волны** по составу из JSON.
3. **Мобильная версия обязательна**: таблиц много, они должны ехать
   внутри своих контейнеров, а не растягивать страницу.
4. **Сохранённая работа блоков** — по каждому макету видно, какую
   работу из `работа_блока` он выполняет.

## Что спросить, прежде чем начать

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

## Обратная связь

Если в JSON найдёте противоречие между плашкой-решением и содержанием
блока — это ошибка на нашей стороне, сообщите. Такие уже находились
и исправлялись.