# Макет редизайна главной — Этап 1 (текстовый)

**Статус:** PREVIEW v2 на согласование, код боевой страницы не менялся  
**Дата:** 2026-07-09  
**Сайт:** pragruz.ru / `index.html`  
**Файл:** `preview-homepage-redesign.html`

---

## Зафиксированные решения

| # | Вопрос | Решение |
|---|--------|---------|
| 1 | H1 | **Грузчики и переезды в Краснодаре — аккуратно, быстро, без лишних хлопот** |
| 2 | График | **Заявки 24/7 · звонки менеджера 8:00–20:00** |
| 3 | Объём | Весь **Этап 1** по главной (после согласования макета) |
| 4 | Порядок | Сначала макет → согласование → код |
| 5 | FOMO | **Оставить**, но сделать **правдоподобнее** |
| 6 | Визуал | Отдельный preview: `preview-homepage-redesign.html` |

---

## Порядок блоков (desktop)

1. Header (без ломки, только согласование часов)
2. **Hero**
3. **Что нужно сделать?** (быстрые сценарии) — *новый*
4. **Калькулятор**
5. **Междугородние переезды** — *поднять выше*
6. **Как проходит заказ** — *новый timeline*
7. **Почему клиенты выбирают нас**
8. **Услуги подробно**
9. **Автопарк**
10. **Для бизнеса**
11. **Отзывы**
12. **География работы** — *новый / усилить*
13. **FAQ**
14. **Финальный CTA** — *новый*
15. Footer / sticky mobile call

### Mobile-порядок

1. H1  
2. CTA «Позвонить» + «Рассчитать»  
3. Быстрая форма  
4. Trust/FOMO-миникарточки  
5. Сценарии (3–6)  
6. Калькулятор  
7. Междугородние  
8. Как проходит заказ  
9. Преимущества (сначала 3, «ещё» опционально)  
10. Услуги  
11. Автопарк  
12. Для бизнеса  
13. Отзывы  
14. География  
15. FAQ  
16. Финальный CTA  

---

## 1. Header (мелкие правки текста)

**Слева:** лого + «Краснодар»  
**Справа:**

- Телефон: `+7 (928) 333-32-81`
- Бейдж: `Заявки 24/7 · звонки 8:00–20:00`  
  *(вместо голого «Круглосуточно 24/7»)*
- Кнопка: `Заказать звонок`

**Мобильное меню:**  
`Заявки принимаем круглосуточно. Звонки менеджера — с 8:00 до 20:00`

---

## 2. Hero / первый экран

### Бейдж
`⭐ Более 12 лет на рынке грузчиков и переездов`

### H1
`Грузчики и переезды в Краснодаре — аккуратно, быстро, без лишних хлопот`

*(«в Краснодаре» — с градиентом, как сейчас city-name)*

### Подзаголовок
`Квартирные и офисные переезды, погрузка и разгрузка, такелаж, сборка мебели и междугородние маршруты из Краснодарского края. Заявки принимаем 24/7, звонки менеджера — с 8:00 до 20:00. Работаем с физлицами и организациями.`

### CTA
| Кнопка | Действие |
|--------|----------|
| **Рассчитать стоимость** | `#calculator` |
| **Позвонить сейчас** | `tel:+79283333281` |

На mobile: «Позвонить» — primary / максимально заметная; «Рассчитать» — рядом или ниже.

### Live-bar (FOMO оставляем, делаем правдоподобнее)

Не «нарисованная CRM в реальном времени», а **мягкие, believable** показатели:

| Метка | Значение (стартовое) | Логика правдоподобия |
|-------|----------------------|----------------------|
| Последний заказ | `12 минут назад` | Диапазон 7–28 мин, не «1–3 минуты» постоянно |
| Свободных бригад | `4` | Диапазон 2–6, не «8–12» как завод |
| Заказов сегодня | `19` | Диапазон 12–28 в зависимости от времени суток |

**Подпись мелким текстом (опционально, 12px muted):**  
`Ориентировочные показатели загрузки на сегодня`

Визуально — те же 3 мини-карточки с зелёной точкой, без агрессивного «мигания каждые 3 секунды».

### Мини-фичи под live-bar (3 шт.)
1. **Срочный выезд** — от 30 минут по Краснодару  
2. **Мин. заказ** — от 2 часов  
3. **Для юрлиц** — договор, счёт, акт, ЭДО  

### Правая карточка формы

**Статус-строка:**  
`● Принимаем заявки сейчас`

**Заголовок:**  
`Быстрый расчёт за 2 минуты`

**Поля:**
1. Что нужно сделать?  
   - Грузчики на час (от 800 ₽/час)  
   - Квартирный переезд  
   - Офисный переезд  
   - Разгрузка / погрузка  
   - Такелаж  
   - Междугородний переезд  
2. Телефон  
3. Кнопка: **Получить расчёт**

**Под кнопкой:**  
`Менеджер уточнит объём, этаж, адрес и подскажет точную стоимость. Звонок — в рабочее время 8:00–20:00, заявку можно оставить в любое время.`

**Мини-бейджи в карточке:**
- Без скрытых доплат  
- Наличный и безналичный расчёт  
- Бригады в форме  

---

## 3. Что нужно сделать? *(новый блок)*

**Eyebrow:** `Быстрый выбор`  
**H2:** `Что нужно сделать?`  
**Подзаголовок:** `Выберите сценарий — сразу посчитаем ориентир или передадим заявку менеджеру.`

### 6 карточек

| # | Заголовок | Описание | Цена | CTA |
|---|-----------|----------|------|-----|
| 1 | Квартирный переезд | Упаковка, разборка мебели, погрузка, перевозка | от 800 ₽/час | Рассчитать |
| 2 | Офисный переезд | Документы, техника, мебель — без остановки бизнеса | от 800 ₽/час | Рассчитать |
| 3 | Грузчики на час | Погрузка, разгрузка, подъём на этаж | от 800 ₽/час | Рассчитать |
| 4 | Разгрузка машины / фуры | Склад, магазин, стройка, торговая база | от 800 ₽/час | Рассчитать |
| 5 | Такелаж | Сейфы, пианино, оборудование, банкоматы | по согласованию | Рассчитать |
| 6 | Междугородний переезд | Из края в Москву, СПб, Ростов и обратно | расчёт маршрута | Рассчитать |

Каждая: иконка/эмодзи единого стиля → title → desc → price → btn.

---

## 4. Калькулятор стоимости

**Eyebrow:** `Интерактивный расчёт`  
**H2:** `Рассчитайте примерную стоимость работ`  
**Подзаголовок:**  
`Укажите тип услуги, количество грузчиков, часы и условия — покажем предварительную цену. Итоговую стоимость подтвердит менеджер.`

**Слева:** параметры (как сейчас, 1–8)  
**Справа (sticky card):**

```
Предварительно:
6 400 ₽

2 грузчика × 4 часа
Краснодар
Без транспорта

[Оформить заказ по этой цене]
```

**Дисклеймер:**  
`Цена предварительная и не является публичной офертой. Этажность, тяжёлые предметы, транспорт и расстояние рассчитываются отдельно.`

**Бейджи над формой:**
- Фиксация тарифа перед работой  
- Подъёмы на этаж — индивидуально  
- Минимальный заказ от 2 часов  

---

## 5. Междугородние переезды *(поднять выше)*

**Eyebrow:** `Междугородние переезды`  
**H2:** `Переезжаете из Краснодарского края в другой город?`  
**Подзаголовок:**  
`Организуем междугородние переезды из Краснодара, Анапы, Сочи, Новороссийска и Геленджика в Москву, Санкт-Петербург, Ростов-на-Дону и другие города России.`

### Карточки маршрутов (4)

| Маршрут | Подпись | CTA |
|---------|---------|-----|
| Анапа → Москва | Квартира, мебель, личные вещи | Рассчитать маршрут |
| Сочи → Санкт-Петербург | Упаковка, машина, грузчики | Рассчитать маршрут |
| Краснодар → Москва | Квартира / дом / офис | Рассчитать маршрут |
| Москва → Краснодарский край | Обратный переезд на юг | Рассчитать маршрут |

### Trust-note (маленькая)
`Мы не выдаём направления за филиалы. Основная зона работы — Краснодарский край; дальние города указываются как пункты маршрута переезда.`

### Правая/нижняя карточка «Как устроен междугородний переезд»
*(вместо «без фейковых филиалов»)*

1. Забираем вещи в городах края: Краснодар, Анапа, Сочи, Новороссийск, Геленджик.  
2. Помогаем с упаковкой, маркировкой, разборкой и сборкой мебели.  
3. Согласуем маршрут, объём кузова, сроки и условия разгрузки.  
4. Не обещаем локальный выезд «за 30 минут» в другом регионе — это честный междугородний переезд.

**Кнопки:** `Подробнее о междугородних` · `Рассчитать маршрут`

---

## 6. Как проходит заказ *(новый)*

**Eyebrow:** `Процесс`  
**H2:** `Как проходит заказ`

| # | Шаг | Текст |
|---|-----|-------|
| 1 | Оставляете заявку | Через сайт, WhatsApp, Telegram или звонок. |
| 2 | Уточняем детали | Адрес, этаж, лифт, объём вещей, тяжёлые предметы. |
| 3 | Назначаем бригаду | Подбираем грузчиков, транспорт и время подачи. |
| 4 | Выполняем работу | Аккуратно грузим, переносим, перевозим и разгружаем. |
| 5 | Оплата и документы | Наличные, перевод, безнал для юрлиц. |

Desktop: горизонтальный timeline. Mobile: вертикальный.

---

## 7. Почему клиенты выбирают нас

**Eyebrow:** `Преимущества`  
**H2:** `Почему клиенты выбирают нас`  
**Подзаголовок:**  
`Организованная служба, а не случайные исполнители: форма, инструктаж, понятные условия до начала работ.`

### 8 карточек

1. **С 2014 года** — Работаем на рынке грузчиков и переездов.  
2. **Бригады в форме** — На объект приезжают опрятные сотрудники.  
3. **Аккуратная упаковка** — Плёнка, картон, фиксация в кузове.  
4. **Заявки 24/7** — Можно оставить заказ ночью; выезд согласуем.  
5. **Для физлиц и юрлиц** — Нал, безнал, документы, ЭДО.  
6. **Тяжёлые предметы** — Сейфы, пианино, оборудование, банкоматы.  
7. **Газели 3 м и 4,2 м** — Подберём машину под объём.  
8. **Без сюрпризов по цене** — Согласовываем условия до начала работ.

**Убрано:** «сотрудники славянской внешности».  
**Вместо:** «Опрятные, вежливые и трезвые сотрудники. Все проходят отбор и инструктаж.» (можно внутри карточки 2).

---

## 8. Услуги подробно

**Eyebrow:** `Услуги`  
**H2:** `Услуги грузчиков и переездов`  
**Подзаголовок:**  
`От разовых грузчиков на час до переезда под ключ и такелажа — с прозрачной ценой и понятным составом работ.`

### Карточка (шаблон)

```
[Фото]
Грузчики на час
от 800 ₽/час

✓ Погрузка и разгрузка
✓ Подъём на этаж
✓ Перенос мебели и техники

[Заказать]  [Подробнее]
```

### Список услуг
1. Грузчики на час → loaders / gruzchiki-na-chas  
2. Квартирный переезд → moving  
3. Офисный переезд → office-moving  
4. Разнорабочие → workers  
5. Такелаж → rigging  
6. Сборка мебели → furniture  
7. Вывоз мусора → vyvoz-musora *(если есть страница)*  
8. Грузоперевозки → gruzoperevozki  
9. Междугородние переезды → mezhdugorodnie-pereezdy  

*(На первом экране сетки можно 6–9; лишние — «ещё» или вторая строка.)*

---

## 9. Автопарк

**Eyebrow:** `Транспорт`  
**H2:** `Подберём машину под ваш переезд`  
**Подзаголовок:**  
`Чистые Газели с крепежом в кузове — отдельно или вместе с бригадой грузчиков.`

| Машина | Параметры | Для чего | Цена |
|--------|-----------|----------|------|
| Газель 3 м | до 1,5 т · 10–12 м³ | Комната, студия, отдельные вещи | от 2000 ₽/час |
| Газель 4,2 м | до 1,5–2 т · 16–18 м³ | 1–2 комнатная квартира | от 2500 ₽/час |
| Крупный транспорт | по запросу | Дом, офис, межгород | по согласованию |

CTA: `Заказать машину`

---

## 10. Для бизнеса

**Eyebrow:** `Для бизнеса`  
**H2:** `Грузчики и разнорабочие для бизнеса`  
**Подзаголовок:**  
`Работаем с магазинами, складами, строительными объектами, офисами и управляющими компаниями. Предоставляем закрывающие документы.`

### Карточки
- Разгрузка фур  
- Складские работы  
- Офисные переезды  
- Аутсорсинг персонала  
- Такелаж оборудования  
- Работа по безналу  

### Плашка
```
ООО «Правильные грузчики»
Договор · счёт · акт · ЭДО · безналичный расчёт
```

CTA: `Получить предложение`

---

## 11. Отзывы

**Eyebrow:** `Отзывы`  
**H2:** `Что говорят клиенты`  
**Подзаголовок:** `Реальные заказы из Краснодара и края`

### Карточка-пример
```
Игорь Н.
Краснодар, ЖК Губернский
Квартирный переезд  ★★★★★

«Шкаф разобрали аккуратно, технику обмотали плёнкой...»

18 июня 2026
```

**Стат под каруселью:**  
`Более 2 847 выполненных заказов в Краснодаре, крае и на междугородних маршрутах`  
*(вместо «по всей России»)*

**Кнопки:**  
`Смотреть отзывы на Яндекс.Картах` *(если есть ссылка)* · `Оставить отзыв`

Карусель: 4–6 уникальных карточек; loop можно оставить, но без визуального ощущения «дубля на одном экране».

---

## 12. География работы *(новый/усилить)*

**Eyebrow:** `География`  
**H2:** `Работаем по Краснодару и городам края`

### Карточки городов
- Краснодар  
- Анапа  
- Сочи  
- Новороссийск  
- Геленджик  

### Отдельная строка
`Междугородние направления: Москва, Санкт-Петербург, Ростов-на-Дону и другие города России — как пункты маршрута переезда.`

---

## 13. FAQ

**Eyebrow:** `F.A.Q`  
**H2:** `Часто задаваемые вопросы`

| # | Вопрос | Ответ (кратко) |
|---|--------|----------------|
| 1 | Сколько стоит заказать грузчиков? | От 800 ₽/час, минимум 2 часа. Этаж, тяжёлые предметы, машина — отдельно. |
| 2 | Как быстро приезжает бригада? | По Краснодару срочная подача обычно 30–45 минут, зависит от района и загрузки. |
| 3 | Можно ли заказать машину вместе с грузчиками? | Да, Газель 3 м / 4,2 м + бригада, крепёж в кузове. |
| 4 | Работаете ли ночью? | Заявки — 24/7. Выезд и работы по согласованию; звонки менеджера 8:00–20:00. |
| 5 | Можно ли оплатить по безналу? | Да, для ООО/ИП — счёт, акт, ЭДО, с НДС и без. |
| 6 | Делаете ли междугородние переезды? | Да, из Краснодарского края по маршруту (не как «филиал в каждом городе»). |
| 7 | Упаковываете ли мебель? | Да, плёнка, картон, разборка/сборка — по запросу. |
| 8 | Есть ли минимальный заказ? | Да, от 2 часов. |

---

## 14. Финальный CTA *(новый)*

**H2:** `Нужно перевезти вещи или заказать грузчиков?`  
**Подзаголовок:**  
`Оставьте заявку — уточним детали, рассчитаем стоимость и подберём бригаду под вашу задачу.`

**Кнопки:**  
`Рассчитать стоимость` · `Позвонить`

**Мелко:**  
`Заявка — в любое время. Звонок менеджера — с 8:00 до 20:00.`

---

## 15. Контакты (если оставляем отдельным блоком / в footer)

```
ООО «Правильные грузчики»
+7 (928) 333-32-81
Заявки 24/7 · звонки с 8:00 до 20:00 ежедневно
350004, г. Краснодар, ул. Кропоткина, д. 50, офис 339
Бухгалтерия: 10:00–18:00 (Пн–Пт)
```

---

## Что убираем / меняем по тексту

| Было | Станет |
|------|--------|
| H1 «Профессиональный рабочий персонал…» | Новый H1 про грузчиков и переезды |
| FOMO 3 мин / 8 / 47 | FOMO 12 мин / 4 / 19 + мягкий диапазон |
| «Круглосуточно 24/7» везде | Заявки 24/7 · звонки 8–20 |
| «славянской внешности» | убрать |
| «без фейковых филиалов» | «Как устроен междугородний переезд» |
| «2 847 … по всей России» | «…в Краснодаре, крае и на маршрутах» |
| Междугородка после контактов | После калькулятора |
| Вторичная CTA «Наши услуги» | «Позвонить сейчас» |

---

## FOMO — правила правдоподобия (для JS)

Если оставляем динамику:

1. **Последний заказ:** случайно 8–25 минут; обновление раз в 40–90 сек, не каждую секунду.  
2. **Свободных бригад:** 2–6; не прыгать 2→12.  
3. **Заказов сегодня:** база от времени суток (утром 8–14, днём 15–22, вечером 20–28); +1 редко.  
4. Не писать «live из CRM», если данных нет.  
5. Можно подпись: «Ориентировочная загрузка».

Стартовые значения в макете: **12 мин · 4 бригады · 19 заказов**.

---

## После согласования — внедрение в код (Этап 1)

Файлы (план, **ещё не трогаем**):
- `index.html` — структура и тексты  
- `css/08-index.css` / `03-sections.css` / `07-project-patch.css` — новые блоки  
- `main.js` / `js/app.js` — FOMO-диапазоны, timeline, сценарии  

Этап 2 (CSS polish), 3 (фото), 4 (конверсия) — после Этапа 1.

---

## Визуальный preview

Открыть локально / через Arena:

**`preview-homepage-redesign.html`**

Это **отдельный файл-макет** в фирменных цветах сайта.  
Боевой `index.html` и live pragruz.ru **не изменены**.

---

## Чек-лист согласования

Отметьте, что ок / что править:

- [ ] H1 и подзаголовок  
- [ ] График: заявки 24/7 / звонки 8–20  
- [ ] FOMO: 12 мин / 4 / 19 + мягкая динамика  
- [ ] Форма «Быстрый расчёт за 2 минуты»  
- [ ] 6 сценариев  
- [ ] Калькулятор (тексты)  
- [ ] Междугородка: место + «как устроен» + trust-note  
- [ ] Timeline 5 шагов  
- [ ] 8 преимуществ (без «славянской…»)  
- [ ] Услуги с ✓  
- [ ] Автопарк 3 карточки  
- [ ] B2B-плашка  
- [ ] Отзывы + новая формулировка 2847  
- [ ] География  
- [ ] FAQ 8 вопросов  
- [ ] Финальный CTA  
- [ ] Порядок блоков desktop / mobile  

**После «ок» или правок по пунктам — внедряю Этап 1 в код.**


## PREVIEW v3 — правки

- **Убрано полностью:** блок «Что нужно сделать?» / Быстрый выбор
- **Убрано полностью:** блок «Междугородние переезды» с главной
- **Наша команда:** на исходном месте — после stats, до преимуществ (как на live)
- **Преимущества:** пересобраны — 6 премиальных карточек (01–06, SVG-иконки, без emoji-спама, без «формы»)

### Порядок блоков v3
1. Hero  
2. Stats  
3. Наша команда (фото)  
4. Преимущества (premium)  
5. Калькулятор  
6. Как проходит заказ  
7. Услуги (ваши)  
8. Отзывы (карусель)  
9. Для бизнеса  
10. Автопарк (2 газели + note)  
11. Партнёры  
12. Форма + контакты  
13. География  
14. FAQ  
15. Финальный CTA  
16. Footer полный  


## PREVIEW v4
- Убрана подпись «Ориентировочные показатели загрузки на сегодня»
- География: кликабельные города + модалки (desktop center / mobile bottom sheet)
- FAQ: premium accordion
- Автопарк: фото сверху, текст снизу, без перекрытия
- B2B: усилен (метрики, кейсы, документы)
- Внизу preview — блок «мои предложения по улучшению»


## PREVIEW v5
- **График единый:** звонки 8:00–20:00 · исполнители/работы 24/7 (хедер, hero, FAQ, контакты, footer, geo)
- **Stats:** стартуют с 0 + анимация count-up (site JS + fallback в preview)
- **Как проходит заказ:** reveal-анимация шагов + линия timeline
- **Privacy link:** оранжевый акцент, underline, хорошо видно


## PREVIEW v6
- **Наша команда:** убраны дешёвые «✓ Трезвые…» — 4 премиальные карточки с иконками и текстами
- **SEO Краснодар:** блок районов (ЦМР/ЧМР/ФМР/…), пробки (Красная, Северная, Российская, Лукьяненко), новостройки, пригород и Адыгея (Яблоновский, Новая Адыгея), типовые заказы + CTA