Автосервис · демо-проект

ШТУЦЕР — лендинг автосервиса

Демо-проект под запрос «автосервис юг Москвы». Сервиса «ШТУЦЕР» не существует — страница собрана как пример работы под нишу и открыта целиком.

12 работ в прайсе с нормо-часами
5 строк лога одного реального заезда
4 поста на табло загруженности

Это демо-проект. Компании из кейса не существует — страница собрана как пример работы под нишу и открыта целиком.

Открыть демо целиком →
Первый экран проекта «ШТУЦЕР — автосервис»
Первый экран страницы. Открывается по ссылке выше — это не макет, а работающий HTML.

Задача

Автовладелец боится открытого счёта: приехал на замену колодок, уехал с суммой втрое больше, потому что «нашли ещё вот это». Второй страх — не понимать, что происходит с машиной, пока она на подъёмнике.

Сервис на самом деле продаёт не ремонт, а предсказуемость. Страница должна была показать именно её.

Решение: страница как табло в цеху

Стоматология — распечатанный документ на бумаге. Автосервису дали противоположное направление: экран в боксе. Моноширинный шрифт ведёт вёрстку, а не подписывает её; таймстемпы, квадратные углы, жёлтый на почти-чёрном.

Общее у двух демо только то, что обе сделаны руками — а это ровно то, что нужно показать в портфолио.

Расчёт разложен на два числа

Было: «работа + расходники — 8 400 — 11 200 ₽». Стало: работа 1,4 нормо-часа → 3 400 ₽, запчасти оригинал или аналог → 5 000 — 7 800 ₽, под жёлтой линейкой итог.

Теперь видно, почему ответ — вилка, а не точная цифра. Тот же раскол на работу и запчасти держит и прайс ниже, так что первый экран и таблица говорят на одном языке.

/demos/autoservice.html Открыть ↗
Вилка перестаёт быть отговоркой, когда видно, из чего она складывается.

Лог заезда вместо трёх обещаний

Блок «три шага, ноль сюрпризов» с одинаковыми карточками заменён логом реального заезда с таймстемпами: приняли машину, дефектовка и фото в мессенджер, согласовали сумму, взяли в работу, готово.

Строка «до этой минуты к машине никто не подходил» стоит там, где ей верят, — между согласованием и началом работ.

/demos/autoservice.html#how Открыть ↗
Пять строк с временем вместо трёх карточек с обещаниями.

Табло постов

Обещание «вы видите машину на каждом этапе» подкреплено блоком, которого не бывает в шаблонах: четыре поста, что на каждом, статус и сколько осталось. Четвёртый свободен и подсвечен — «можно без записи».

Шаблон не может показать такой блок, потому что не знает, чем занят сервис. Именно поэтому он и убеждает.

/demos/autoservice.html#board Открыть ↗
Свободный пост подсвечен — это и есть призыв к действию.

Соберём такой же под вашу нишу

Напишите, чем занимаетесь. Пришлём структуру будущего сайта с ценой и сроком — за час, до оплаты и без звонков.

Получить структуру бесплатно