Обновление сайта грузового автосервиса.

1. Задача

Старый сайт (самописный PHP-шаблон, PHP 7, jQuery + Bootstrap + 6 анимационных плагинов) плохо продавал: ноль социального доказательства, размытое позиционирование, формы из двух полей, SEO-дыры, тяжелая вёрстка. Требовалось построить новый сайт с нуля и заменить старый без потери позиций — 40 URL из sitemap должны были остаться рабочими.

2. Что было (аудит от 26.10.2026)

Продажи и доверие:

• Слово «отзыв» не встречалось на сайте ни разу; «наши работы» — 8 фото грязных деталей с alt="Фото 1".
• Конфликт позиционирования: в hero — «Fiat, Citroen, Ford, Peugeot, Renault, Mercedes, Volkswagen», весь остальной сайт — про ГАЗ/УАЗ. Ни одна аудитория не узнавала себя.
• Формы: только «Имя пользователя» + телефон; онлайн-записи нет (flatpickr был подключён, но не использовался).
• Нет политики персональных данных — согласие в модалке без ссылки (риск по 152-ФЗ), почта на gmail.com, нет реквизитов.
• Опечатки и артефакты на витрине: «Ремонтируеи все модели», «-->» в текстах, эмодзи «🎁», «ну очень быстро».

SEO:

• Нет H1 на /prajs и /models; http-версия отдавала 200 без 301 на https (полный дубль в индексе); favicon 404; 10 ссылок-заглушек href="#" на каждой странице; Schema.org LocalBusiness вместо AutoRepair.

Техника:

• PHP 7 (версия без поддержки безопасности), 29 отдельных CSS-файлов + 13 JS без сборки, 66 запросов на страницу, HTML 105 КБ (35 КБ gzip), HTTP/1.1 без HTTP/2, нет lazy-load изображений.
• PageSpeed Insights (27.10, старый сайт ещё жив): мобильные — производительность 63, LCP 8,0 с, FCP 4,2 с, Speed Index 5,7 с; доступность 83. Десктоп — 91, LCP 1,8 с; доступность 79.

3. Что сделали

Стратегия и контент:

• Позиционирование сведено к одному фокусу: «коммерческий транспорт и грузовики» — 37 посадочных страниц моделей (от Газели до КамАЗа) и 30 страниц услуг, каждая с прайсом, симптомами, сроками и гарантией.
• Социальное доказательство: реальный рейтинг Яндекс.Карт 4.3 и три живых отзыва без правок, фото бокса с подписями-бирками «пост → машина → работы».
• FAQ минимум 5 релевантных вопросов на каждой странице (+ микроразметка FAQPage); SEO-вода и эмодзи убраны.

Конверсия:

• Квиз записи в первом экране: тип техники → модель → работы → телефон → способ связи (звонок/WhatsApp/Telegram с полем логина ТГ). Заявка при записи на сегодня даёт скидку 10% — механика встроена в форму.
• Модальная форма записи с выбором дня и времени — доступна с любой страницы.
• У каждой строки прайса — кнопка записи именно на эту работу.
• Захват источника заявки: UTM-метки и поисковый запрос пишутся в куку и передаются в заявку — менеджер видит, откуда пришёл клиент.

Техническая платформа:

• Astro, статический вывод: 76 страниц генерируются из данных, ноль JS-фреймворков, шрифты самохостинг (woff2, кириллические сабсеты), изображения WebP/AVIF с lazy-load.
• Безопасность: миграция с PHP 7 (EOL) на актуальный PHP 8.5. Единственный серверный код — один обработчик заявок: серверная валидация, honeypot, rate limit (5 заявок/10 мин/IP со сборкой мусора), лимит тела запроса 16 КБ, секреты только в .env вне web-root (права 600), лог заявок вне web-root. Доступ по HTTP к коду и ключам закрыт архитектурно: DocumentRoot смотрит только на собранную статику.
• Бот в мессенджере МАКС: создан и настроен с нуля — бот добавлен администратором в рабочую группу ответственных менеджеров, каждая заявка с сайта приходит им в чат за секунды с полным контекстом: машина, работы, дата записи, телефон, логин Telegram, способ связи, рекламная метка и поисковый запрос, с которого пришёл клиент. Менеджер видит всё и перезванивает сразу, ничего не теряется в почте.
• Честное логирование доставки (HTTP-код и ответ API, а не «curl не упал») — сбой интеграции виден сразу, а не маскируется успехом.
• SEO: все 40 старых URL сохранены 1:1 (сверка sitemap построчно), 301 с http на https, Schema.org AutoRepair, осмысленные alt, ноль href="#", llms.txt для ИИ-поисковиков, Clean-param для UTM-дублей в Яндексе.
• Яндекс.Метрика с целями: отправка форм, клики по телефонам и мессенджерам.

Дизайн — «инженерный гараж» по брифу: светлый бетон + мокрый асфальт + сигнальный оранжевый только на действиях; Oswald для заголовков и цифр, Golos Text для текста; прайс как первоклассный UI.

4. Результаты (замеры PageSpeed Insights, 27.10.2026)

Время ответа сервера на проде — 36 мс (замер curl при приёмке). Значения Lighthouse плавают от запуска к запуску; зафиксированы на дату кейса, метод — эмуляция Moto G Power / 4G.

5. Контроль качества (как проверяли)

Каждая функция проверена кликами в браузере до слова «готово»: формы и валидация ошибок, антиспам (honeypot, rate limit), гамбургер-меню (открытие/Escape/клик вне/закрытие после навигации), аккордеоны, модалка записи, виджет мессенджеров. Адаптив — контрольные ширины от 320 до 1920, включая границы брейкпоинтов; проверка горизонтальной прокрутки скриптом по всем страницам. Консоль браузера и сетевые запросы — без ошибок. Прод принят чек-листом: 13 URL → 200, редиректы, валидация endpoint-а, тестовая заявка, замер скорости, сертификат.

6. Инфраструктура

Приватный git-репозиторий (GitHub), сборка в архив, ручной деплой владельцем через панель хостинга (ISPmanager, Debian, nginx + Apache/PHP-FPM). Старый сайт остаётся на сервере как резерв: откат — возврат одной настройки. Запланировано на этап 2: включение HTTP/2 и security headers в конфиг панели, онлайн-запись с админкой (миграция БД готова) и интеграция с 1С.