Сайт сети автостёкол «Ветровое»
Закупщик находит стекло по еврокоду, водитель видит цену с установкой и точку
- страниц: 436 карточек стёкол, 53 марки, 7 точек
- 509
- марок в подборе, от легковых до автобусов
- 137
- точек с наличием в штуках у каждого стекла
- 7
- e2e-тестов, плюс 255 unit и 74 проверки сборки
- 205
Задача
Прайс на 2 733 строки одной страницей, поиска по еврокоду нет, подбор по машине — до 16 секунд на шаг. Закупщику автосервиса нужно за полминуты понять, есть ли стекло, где и сколько стоит.
Решение
436 стёкол с поиском по еврокоду и подбором по машине, наличие по 7 точкам, опт списком кодов, калькулятор замены для водителя. 509 страниц из шаблонов, данные отделены от вёрстки.
По страницам
-
Подбор по машине
Марка, модель, поколение, стекло — вместо старого подбора, где шаг грузился до 16 секунд. 137 марок, от легковых до автобусов.
-
Каталог таблицей
436 позиций с фильтрами переключаются в таблицу-прайс. Тот же прайс скачивается CSV-файлом и открывается в Excel.
-
Карточка стекла
Еврокод крупно, чертёж стекла и наличие в штуках по 7 точкам. Водитель видит цену замены «под ключ» с установкой.
Что проработано
-
Поиск по коду и по машине
Еврокод или OEM в шапке, название машины кириллицей и латиницей.
-
Наличие по точкам
Сколько штук в какой из 7 точек, остатки считаются при сборке.
-
Опт без кабинета
Закупщик вставляет столбец еврокодов из Excel, сайт находит позиции и предлагает аналоги, заявка с ИНН уходит менеджеру.
-
Замена «под ключ»
Калькулятор для розницы: стекло, установка, калибровка камеры и запись в точку.
-
Каталог из данных
Карточки собирает генератор из CSV. Для магазина запчастей или шинного центра меняются данные и акцентный цвет.
Как шла работа и что проверял
Этапы
-
Аудит сайта и конкурентов, ТЗ с замерами старой главной
этап 0 · 1,9 ч
-
Мокап, новый порядок 14 блоков
этап 1 · 1,6 ч
-
Генератор каталога, UI-кит, две темы
этап 2 · 1,4 ч
-
Главная из 14 блоков, фото, тесты калькулятора и формы
этап 3 · 1,9 ч
-
Два круга правок по 25 комментариям
правки · 1,2 ч
-
Каталог, марка, стекло, заявка, опт; приёмка 120 проверок
этап 4 · 1,4 ч
-
Правки, скорость на медленном 4G, выкатка
27–28 сентября
Проверки
-
255 unit-тестов
Калькуляторы, заявка, поиск по коду и подбор по машине.
-
205 e2e-тестов Playwright
Сценарии покупателя и закупщика, раскладка всех страниц на ширине телефона.
-
74 проверки готовой сборки
Битые ссылки, бюджеты страниц по весу и числу узлов.
-
LCP 1,8 с на медленном 4G
Главная с телефона при эмуляции медленной сети.
Обсудим вашу задачу?
30 минут созвона. Срок и цену называю в тот же день.
Другие кейсы
все кейсы
Этот лендинг
Малый бизнес видит работы с цифрами и сроками и оставляет заявку в одной форме
7 разборов кейсов на отдельных страницах
Медиахаб
Автор канала утверждает готовые посты, карточки и рилсы, а не делает их сам
80 идей для рилсов, к каждой хук и сценарий
Лендинг Медиахаба
Автор канала за один экран понимает, что делает платформа, и оставляет заявку
4 шага конвейера: стратегия, посты, карточки, рилсы