# План: доработка лендингов АРМАДА **Статус:** согласование · **не в коде** (31.08.2026) **Сравнение:** [CARGO.RUN](https://cargorun.ru/) — enterprise-TMS; **АРМАДА** — сеть кабинетов для парка 1–15 машин и партнёров. **Файлы:** `landing.html`, `kp-logist.html`, `kp.html`, `kp-zakaz.html`, `landing.css`, входы `/a` `/v` `/z` в `index.html` --- ## 1. Цель Повысить **конверсию в пилот / вход** без превращения сайта в «мини-CARGO.RUN»: - человек за **10 секунд** понимает роль и выгоду; - видит **продукт глазами** (скрины, не только текст); - доверяет (**реальные цифры**, контакты, честное «чем мы не TMS»); - может **оставить заявку** или **войти** без тупика. **Не делаем в этом плане:** топливный модуль, интеграции 1С/SAP, App Store, мультиязычность, SEO-журнал на 50 статей. --- ## 2. Принципы (отличие от CARGO.RUN) | CARGO.RUN | АРМАДА — оставляем и усиливаем | |-----------|--------------------------------| | Парк 50–400+ ТС | **1–15 машин**, владелец часто за рулём | | TMS + GPS + fuel | **Кабинет + биржа партнёров + портал заказчика** | | Внедрение под ключ, презентация | **Пилот 30 дней**, вход по ссылке/PIN | | Нативные приложения | **Веб + SMS**, без установки | | ATI / открытые доски | **Закрытая сеть кабинетов**, не клон ATI | **Тон:** простой, «свой человек в логистике», не корпоративный английский на главной. --- ## 3. Текущее состояние (аудит) | Есть ✅ | Не хватает ⬜ | |---------|----------------| | Хаб `landing.html` + 3 роли | Скриншоты / mockup UI продукта | | Блоки «Было / Станет», фичи, шаги | Один **реальный кейс** с цифрами (пилот) | | Тарифы 2 990 / 7 990 на странице логиста и перевозчика | Блок **«АРМАДА vs ATI vs TMS»** | | Отзывы (анонимные цитаты) | **Подтверждённые** отзывы или «пилот · N машин» | | CTA: email + вход | Телефон / Telegram / форма заявки на сайте | | `kp-zakaz.html?carrier=` — имя перевозчика | Страница **КП водителя** (`kp-driver.html`) | | Общий `landing.css` | Видео/GIF 15 сек «как выглядит заявка» | | Ссылки на help / legal / plan-seti | FAQ на лендинге (5–7 вопросов) | --- ## 4. Этапы работ (порядок) ### Этап L1 — «Понял за 10 секунд» · приоритет **высокий** **Задача:** дожать тексты и структуру без тяжёлой графики. | # | Что | Где | Детали | |---|-----|-----|--------| | L1.1 | Единый **hero** по шаблону | все `kp-*.html` | Подзаголовок: *кому* + *главная боль* + *одна цифра* (напр. «−70% звонков») | | L1.2 | Блок **«Не ATI и не CARGO.RUN»** | `kp-logist.html`, `kp.html` | Таблица 3 колонки: ATI · крупная TMS · АРМАДА | | L1.3 | **Sticky CTA** внизу на мобиле | `landing.css` | Полоска: «Пилот» / «Войти» — не теряется при скролле | | L1.4 | Контакты в footer | все лендинги | Телефон + Telegram (решение ниже) + email; не только Gmail | | L1.5 | Meta / Open Graph | `` всех лендингов | `og:title`, `og:description`, превью-картинка 1200×630 | | L1.6 | Хаб `landing.html` | первый экран | Одна строка УТП: «Сеть кабинетов — не доска объявлений» | **Критерий готовности:** новый человек с телефона за 10 с понимает роль и следующий шаг (войти / пилот / почитать). --- ### Этап L2 — «Вижу продукт» · приоритет **высокий** **Задача:** закрыть главный разрыв с CARGO.RUN — нет скринов. | # | Что | Где | Детали | |---|-----|-----|--------| | L2.1 | **4 скрина** (PNG/WebP) | `web-preview/landing/` | ① список заявок логиста ② биржа «Забрать» ③ экран водителя (смена/заказ) ④ портал заказчика | | L2.2 | Секция **«Как это выглядит»** | `kp-logist.html` (эталон), остальные — по 2 скрина | Карусель или сетка 2×2; подпись под каждым | | L2.3 | **Mockup** на hero (опционально) | `landing.css` | Телефон в рамке + один скрин — без тяжёлого JS | | L2.4 | Скрины на **входах** `/a` `/v` `/z` | `index.html` + `entry.css` | Мини-превью слева от формы (desktop) или под заголовком (mobile) | **Подготовка:** снять с prod `app.armada.sx` (демо-данные) или собрать статичный mockup в Figma — **решение D1**. **Критерий:** на лендинге логиста минимум 3 изображения интерфейса с подписями. --- ### Этап L3 — «Доверяю» · приоритет **средний** | # | Что | Где | Детали | |---|-----|-----|--------| | L3.1 | **Кейс пилота** (1 шт.) | `kp-logist.html` | Формат CARGO.RUN «до/после», но скромно: «6 машин · Тверская обл.» — цифры согласовать | | L3.2 | Отзывы | все `kp-*.html` | Либо реальные (имя + город + «пилот»), либо убрать вымышленные и заменить на «что говорят на демо» | | L3.3 | Блок **«Безопасность»** | footer или отдельная секция | Данные на VPS РФ, HTTPS, оферта, не продаём грузы на открытой доске | | L3.4 | Логотипы партнёров | хаб | Только **с разрешения**; иначе — «2–3 перевозчика на пилоте» без логотипов | | L3.5 | **FAQ** (5–7 вопросов) | каждый `kp-*.html` | «Нужно ли приложение?», «Это ATI?», «Сколько стоит?», «Кто видит мои заявки?» | --- ### Этап L4 — «Оставил заявку» · приоритет **средний** Связь с `plan-seti.html` этапы B–C. | # | Что | Где | Детали | |---|-----|-----|--------| | L4.1 | Форма **«Запросить пилот»** | `kp-logist.html`, `kp.html` | Поля: имя, телефон, город, машин, роль; без backend — `mailto:` или webhook позже | | L4.2 | Форма **«Хочу портал заказчика»** | `kp-zakaz.html` | ИНН, компания, телефон → позже в кабинет логиста (этап B продукта) | | L4.3 | Страница **«Спасибо»** | `landing-thanks.html` | После отправки: что дальше, срок ответа, ссылка на help | | L4.4 | UTM / `?ref=` | ссылки с SMS и КП | Для учёта, откуда пришёл (без аналитики — хотя бы query в mailto subject) | --- ### Этап L5 — «Водитель и сеть» · приоритет **низкий** | # | Что | Где | Детали | |---|-----|-----|--------| | L5.1 | **`kp-driver.html`** | новый файл | Зачем ссылка в SMS: смена, ЕТО, заказы; CTA → `/v/` | | L5.2 | Карточка водителя на хабе | `landing.html` | 4-я карточка или ссылка «Я водитель» | | L5.3 | **Сравнение тарифов** (таблица) | `kp-logist.html` | Старт vs Бизнес: лимиты машин, биржа, ЭТрН — из `billing.js` | | L5.4 | Страница **«Для сети логистов»** | `landing-network.html` | Кратко про plan-seti + EXCHANGE_PLAN (без технических деталей) | --- ## 5. Чеклист по страницам ### `landing.html` (хаб) - [ ] L1.6 — строка УТП про сеть - [ ] L2 — одна общая иллюстрация «три роли одна сеть» - [ ] L4 — контакты в footer - [ ] L5.2 — вход водителя заметнее ### `kp-logist.html` (логист) — **главная продающая** - [ ] L1.1, L1.2, L1.3 - [ ] L2.1–L2.2 — полный набор скринов - [ ] L3.1 — кейс пилота - [ ] L3.5 — FAQ - [ ] L4.1 — форма пилота - [ ] L5.3 — таблица тарифов ### `kp.html` (перевозчик) - [ ] L1.2 — акцент «партнёр логиста, не ищу на ATI» - [ ] L2 — скрины: биржа + «Забрать» - [ ] L3.2 — отзыв про Cargo.run оставить только если реальный - [ ] L4.1 — «Подключить парк» ### `kp-zakaz.html` (заказчик) - [ ] L2 — скрин формы заявки + статус - [ ] L4.2 — форма «хочу портал» - [ ] Уже есть `?carrier=` — документировать в help ### Входы `index.html` (`/a` `/v` `/z`) - [ ] L1 — блок выгод (частично есть в `entry.css`) - [ ] L2.4 — превью скрина - [ ] Ссылка «Подробнее» → соответствующий `kp-*.html` --- ## 6. Дизайн и техника | Тема | Решение | |------|---------| | Стили | Расширять `landing.css`, не плодить CSS на каждой странице | | Картинки | `web-preview/landing/*.webp`, width ≤ 960, lazy-load | | JS | Минимум: карусель на чистом CSS или 20 строк; формы — HTML5 | | Доступность | `alt` у скринов, контраст кнопок, focus-visible | | Mobile-first | Sticky CTA, скрины вертикально, таблицы → карточки | | Кэш | `?v=APP_BUILD` при деплое | --- ## 7. Решения нужны от владельца продукта | ID | Вопрос | Варианты | |----|--------|----------| | **D1** | Откуда скрины? | A) Prod с демо-данными B) Статичный mockup C) Оба | | **D2** | Контакт на сайте | Телефон / Telegram / только email | | **D3** | Отзывы | A) Реальные с согласия B) Убрать до пилота C) Оставить анонимные с пометкой «пример» | | **D4** | Кейс с цифрами | Какие метрики можно публиковать (звонки, машины, город) | | **D5** | Форма заявки | A) mailto B) Google Form C) API в armada-api (этап B) | | **D6** | Домен лендингов | `app.armada.sx/landing.html` vs отдельный `armada.sx` позже | --- ## 8. Метрики успеха (после L1–L2) | Метрика | Как мерить | |---------|------------| | Клик «Войти» / «Пилот» | Яндекс.Метрика или простой счётчик (опционально) | | Время на странице | Метрика | | Заявки на пилот | Кол-во писем / форм в неделю | | Отказ «не понял что это» | Обратная связь с первых 5 пилотов | **Цель первого месяца после L1–L2:** ≥ 3 заявки на пилот с лендинга без объяснений в переписке «а что вы вообще делаете». --- ## 9. Оценка объёма (техническая, не календарная) | Этап | Файлы | Инвазивность | |------|-------|--------------| | L1 | 5 HTML + `landing.css` + `entry.css` | Низкая — тексты и CSS | | L2 | + папка `landing/`, правки 4 HTML | Средняя — нужны ассеты | | L3 | тексты + возможно 1 новая секция | Низкая — нужны данные от вас | | L4 | формы + `landing-thanks.html` | Средняя — зависит от D5 | | L5 | +2 HTML | Низкая | **Рекомендуемый порядок внедрения в код:** L1 → L2 → L3 → L4 → L5. После каждого этапа — деплой и просмотр с телефона. --- ## 10. Связанные документы - [plan-seti.html](../plan-seti.html) — этап A (входы и КП), B–C (заявки) - [EXCHANGE_PLAN.md](EXCHANGE_PLAN.md) — УТП биржи (не выносить на лендинг целиком) - [ADMIN_PLAN.md](ADMIN_PLAN.md) — функции кабинета для скринов - [CUSTOMER_PLAN.md](CUSTOMER_PLAN.md) — портал заказчика --- ## 11. Статус чеклиста плана | Этап | Статус | |------|--------| | L1 «10 секунд» | ⬜ | | L2 «Вижу продукт» | ⬜ | | L3 «Доверяю» | ⬜ | | L4 «Заявка» | ⬜ | | L5 «Водитель и сеть» | ⬜ | Обновлено: 31.08.2026