За каждым экраном —
задача бизнеса

Что сделали

• Встроили пять фотографий в существующую главную страницу.
• На компьютере собрали сетку с отдельным местом для вертикального кадра.
• На телефоне показали фотографии целиком и добавили управление без автопрокрутки.

Что проверили

• Загрузку всех пяти снимков на публичной странице.
• Стрелки, выбор точки, горизонтальную прокрутку и обновление счётчика.
• Мобильную компоновку на 390 × 844 и 375 × 667; управление клавишами в предпросмотре.

Что получили

На главной опубликована адаптивная галерея с управлением. Сохранены исходник блока и версия для возврата к предыдущему виду.

Это результат изменения интерфейса. Рост посещений, обращений или продаж в этом этапе не измерялся.

Понятный путь по сайту

• Связали разделы «О садике» и «Родителям» с памятками о выборе сада, адаптации и первом дне.
• Добавили переход от материала об адаптации к контактам для согласования визита.
• Подготовили поисковую разметку на основе вопросов и ответов, уже видимых на страницах.

Загрузка и движение

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

Подтверждённый результат

В проекте появились связанные маршруты от знакомства с садом и полезных материалов к обращению, адаптивные изображения и анимация с учётом настроек пользователя.

В отчётах этапа зафиксированы проверки сборки, уникальности метаданных, канонических адресов, карты сайта и поисковой разметки.

Навигация по ассортименту

• Переходы из главного меню ведут в категории техники, экипировки и запчастей.
• Набор фильтров зависит от категории: цена и бренд дополняются подходящими параметрами.
• В каталоге предусмотрены сортировка по цене и названию, представление сеткой или списком.

Карточка модели

• Фотографии можно переключать через миниатюры и открывать в полноэкранном просмотре.
• Характеристики собраны в таблицу с названиями параметров; пустые значения не выводятся.
• Хлебные крошки и связанные карточки помогают продолжить просмотр каталога.

Управление фильтрами

В коде каталога предусмотрены раскрывающиеся группы, подписи полей цены, сброс выбранных условий и отдельная кнопка фильтров для узкого экрана. Состояние раскрытия передаётся через атрибуты доступности.

Эти детали позволяют управлять большим каталогом без переноса всех параметров на первый экран.

Что подтверждено

В материалах регионального проекта есть отдельные модули каталога и карточки товара. При просмотре 02.10.2026 проверен переход с главной в публичный каталог, где отображаются категории, фильтры, сортировка и карточки.

Экран выше снят с gsbmoto-vrn.ru. Функции карточки и поведение фильтров описаны по коду проекта; полный повторный тест магазина в этот кейс не входит.