WebTechRetail — сайт-платформа агентства на 390+ маршрутов
Платформа из 390+ маршрутов: страницы описываются конфигурацией, генераторы и калькуляторы собирают заявку, блог и документация дают органику.
- Клиент
- WebTechRetail
- Срок
- 7 месяцев
- Команда
- 6 специалистов
- Стек
- Laravel · Livewire · Tailwind CSS
- 390+
- маршрутов в каркасе
- −62%
- время вывода новой страницы
- 1,0 с
- LCP ключевых посадочных
- 95+
- PageSpeed на посадочных
Скриншоты проекта
Как выходит релиз платформы
Площадка обновляется каждую неделю, поэтому релиз перестал быть событием: проверки запускаются автоматически, выкладка идёт без простоя, откат занимает минуты.
-
01
Проверка каркаса
Собирается список маршрутов: битые адреса, отсутствующие шаблоны и дубли проверяются до сборки фронтенда.
-
02
Сборка и превью
Стили и скрипты собираются Vite, страница открывается в превью-окружении, где сверяются метаданные и микроразметка.
-
03
Выкладка без простоя
Код выкладывается целиком, кэш и очереди прогреваются заранее, фоновые задачи не теряются при переключении версии.
-
04
Мониторинг и откат
Доступность, ошибки и Core Web Vitals пишутся в панель; при регрессии релиз возвращается на предыдущую сборку.
О проекте
Собрали сайт агентства как продукт: каркас маршрутов по направлениям, конфигурация страниц вместо копирования шаблонов, генераторы и калькуляторы, блог и документация с sitemap и микроразметкой. Приём лидов связан с внутренними системами, релизы идут по регламенту с мониторингом.
Задача
Сайт агентства вырос из десятка посадочных в площадку на несколько тысяч адресов: услуги, отрасли, решения, интеграции, гео-страницы, калькуляторы и блог. Каждая новая страница по-прежнему собиралась вручную, и это перестало масштабироваться.
Страницы собирали копированием
Новая посадочная появлялась как копия соседнего шаблона: разметку, мета-теги и микроразметку правили руками. Через десяток страниц блоки расходились, а правку приходилось вносить в каждом файле отдельно.
Конфигурация расползлась по коду
Заголовки, описания и состав блоков жили одновременно в контроллерах, шаблонах и конфиге. Проверить страницу целиком до публикации было нечем: часть метаданных задавалась в одном месте, часть — в другом.
Индексация забирала мусорные адреса
Шаблонные комбинации фильтров и параметров порождали тысячи почти одинаковых URL. Canonical, правила обхода и приоритеты не были системными, поэтому краулинговый бюджет уходил на дубли вместо коммерческих страниц.
Вёрстка не выдерживала объём
Библиотека шаблонов росла быстрее, чем дизайн-система. На мобильных ключевые страницы отдавали около четырёх секунд LCP, а вес стилей и скриптов увеличивался с каждой новой секцией.
Решение
Платформу собрали как продукт: страница описывается конфигом, вёрстка строится из компонентов, а SEO-каркас — маршруты, карта сайта и микроразметка — генерируется из того же источника данных.
Каркас на 390+ маршрутов
Маршруты сгруппированы по направлениям — услуги, отрасли, решения, электронная коммерция, AI, маркетинг, интеграции, гео-страницы — и описаны единообразно.
- Группы маршрутов по разделам и направлениям
- Единый источник slug для ссылок и карты сайта
- Чистые адреса без параметров-дублей
- Автопроверка битых маршрутов и отсутствующих шаблонов
Конфигурация страниц и метаданных
Заголовок, описание, структура блоков и микроразметка страницы задаются в одном месте и проверяются до выкладки.
- Единый конфиг страницы вместо правок в шаблонах
- Шаблоны метаданных с подстановкой переменных
- Ограничение шаблонных комбинаций фильтров
- Отчёт по совпадающим заголовкам и описаниям
Генераторы и калькуляторы
Пять калькуляторов и четыре генератора превращают интерес посетителя в заявку с готовым расчётом или черновиком документа.
- Калькуляторы стоимости, ROI, сроков и команды
- Генераторы договора, КП, сниппетов и прототипа
- Сохранение расчёта и отправка его менеджеру
- Проверка ввода с понятными ошибками вместо пустого экрана
Компонентная вёрстка
Библиотека Blade-компонентов и токены Tailwind закрывают типовые блоки: шапку, секции, таблицы, частые вопросы и формы.
- Типовые блоки собираются из компонентов
- Адаптив и единая сетка во всех разделах
- Тёмная тема интерфейса без отдельных шаблонов
- Критический CSS и отложенная загрузка скриптов
Блог, документация и перелинковка
Статьи, документация по интеграциям и раздел частых вопросов связаны между собой и с коммерческими страницами услуг.
- Категории, теги и авторы материалов
- Блоки связанных статей на страницах услуг
- Карта сайта по разделам и RSS-фиды блога
- Микроразметка статьи, вопросов и организации
Формы, приём лидов и интеграции
Заявки приходят из форм, калькуляторов и генераторов, проходят валидацию и попадают во внутренние системы и Telegram.
- Сценарии форм под услугу и отрасль
- Валидация, защита от спама и лимиты отправок
- Передача заявки в CRM вместе с расчётом
- Уведомления менеджерам в Telegram и на почту
Результаты
Что измерили после перевода площадки на новый каркас.
- 390+
- Маршрутов в каркасе
- услуги, отрасли, решения, интеграции и гео-страницы
- −62%
- Время вывода новой страницы
- конфигурация и компоненты вместо копирования шаблона
- 1,0 с
- LCP ключевых посадочных
- мобильные устройства, 75-й процентиль
- 95+
- PageSpeed Insights
- посадочные услуг и отраслей
- −84%
- Страниц-дублей в индексе
- canonical, правила обхода и ограничение комбинаций
- 99,9%
- Доступность платформы
- за год, по данным мониторинга
Как шла работа
-
01 3 недели
Аудит и инвентаризация
Собрали список страниц, шаблонов и маршрутов, отметили дубли и битые адреса.
-
02 4 недели
Проектирование каркаса
Описали модель страницы, правила формирования адресов и состав блоков.
-
03 12 недель
Разработка ядра платформы
Маршруты, конфигурация страниц, компоненты, генераторы и калькуляторы.
-
04 6 недель
Контент и SEO-слой
Перенесли материалы, собрали карту сайта, микроразметку и перелинковку.
-
05 далее
Запуск и развитие
Перевели разделы по очереди, включили мониторинг и регламент релиза.
Стек и роли технологий
Backend
- Laravel 12
- маршруты, конфигурация страниц, очереди
- MySQL
- контент, заявки, справочники страниц
- Redis
- кэш страниц, очереди, сессии
Frontend
- Livewire 3
- формы и интерактивные блоки
- Blade
- библиотека компонентов вёрстки
- Tailwind CSS
- дизайн-токены и адаптивная сетка
- Alpine.js
- локальный интерактив на странице
Интеграции
- REST API
- передача заявок во внутренние системы
- Laravel Scout
- поиск по статьям и документации
- MCP-серверы
- доступ внешних клиентов к данным платформы
- Telegram Bot
- уведомления о новых заявках
Технические показатели
- 1,0 с
- LCP ключевых посадочных
- 95+
- PageSpeed Insights
- −46%
- вес страницы после оптимизации
- 99,9%
- uptime за год
Что передали клиенту
- Исходный код платформы и конфигурации страниц
- Карта маршрутов и правила формирования адресов
- Библиотека Blade-компонентов и токены Tailwind
- Регламент релиза с чек-листом проверок
- Панель мониторинга: доступность, ошибки, Core Web Vitals
- Инструкция по добавлению новой страницы
Платформа перестала быть набором отдельных страниц: посадочная собирается из конфигурации и компонентов, маршруты и индексация проверяются автоматически, а релиз больше не требует ручной сверки разделов.
Похожие проекты
Портал автосалона "AutoSalon Pro"
Комплексное решение для автосалона
Смотреть кейс Корпоративный порталProfildoors — сайт-шоурум профильных дверей и перегородок
Сайт шоурума: каталог профильных систем с сертификатами, конструктор спецификации под проём и запрос КП для объектов.
Смотреть кейсНужен похожий проект?
Разберём вашу задачу, предложим архитектуру и оценим сроки — с опорой на опыт этого кейса.