Многостраничный сайт
Автосвет и тюнинг фар
Ярославль
Запуск — 2025

Создание многостраничного сайта для студии автосвета «Автолайт»

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

Хочу похожий сайт

Открыть auto-light76.ru ↗

Создание многостраничного сайта для студии автосвета «Автолайт»

25страниц отдельных услугремонт, тюнинг, детейлинг фар и кондиционер
102работы в портфолиораздел «Наши работы» с фильтром по 27 маркам
20статей в блогеоб автосвете и уходе за фарами

Платформа: WordPress
Работы: Структура, дизайн, разработка на WordPress, каталог услуг с посадочными страницами, портфолио «до/после» с фильтром по маркам, блог, отзывы, формы заявок, контакты филиалов

О клиенте

Студия автосвета «Автолайт» в Ярославле ремонтирует, восстанавливает и тюнингует автомобильные фары: ставит Bi-LED линзы, полирует и бронирует оптику плёнкой, устраняет запотевание. Отдельное направление — заправка и ремонт автокондиционеров. Кроме услуг, студия продаёт новые и б/у фары и запчасти к ним, меняет фары и ставит дополнительное оборудование. У «Автолайта» два филиала на Тутаевском шоссе: на сайте один подписан «Легковые», второй — «Грузовые»; опыт мастеров указан «от 7 лет».

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

Задачи

Привлекать клиентов на ремонт, тюнинг и детейлинг фар и обслуживание автокондиционеров.
Дать каждой услуге — от регулировки фар до установки Bi-LED линз — свою страницу под поисковый запрос.
Показать качество на реальных машинах: фото «до/после» по маркам.
Собирать заявки на бесплатную диагностику и консультацию в двух филиалах.

Решения по страницам

Что сделали на ключевых страницах и почему именно так.

Mind-карта проекта «Автолайт»: аудитория, боли, офферы, конкуренты, структура сайта и доверие

Mind-карта: от тусклых фар до записи

ЗадачаДо дизайна разобраться, кто приезжает в студию автосвета, с какой проблемой и что должно быть на сайте, чтобы он записался на диагностику.

РешениеСобрали карту проекта: водители с тусклым или запотевшим светом, любители тюнинга, владельцы грузовиков; их боли — «станет ли светить лучше», дорогая новая фара, техосмотр; офферы, конкуренты и структуру сайта. Из неё выросли отдельные страницы услуг, блок «Это мой случай» и портфолио по маркам.

Почему такЧеловек ищет не «автосвет», а решение своей беды — запотевания, выгоревших линз, мутного стекла. Карта помогла дать каждой беде свою страницу и свой ответ.

Первый экран сайта «Автолайт»: улучшим ваш автосвет в Ярославле

Первый экран: свет, город и два шага

ЗадачаС первого взгляда показать, чем занимается студия и где она работает.

РешениеЗаголовок «Улучшим ваш автосвет в Ярославле», подзаголовок про ремонт, восстановление и тюнинг фар и крупное фото светодиодной фары. Две кнопки — «Наши услуги» и «Получить консультацию»; в шапке — телефоны и адреса обоих филиалов.

Почему такТот, кто уже знает, что ему нужно, идёт в услуги, кто сомневается — сразу просит консультацию. Адреса в шапке отвечают на вопрос «далеко ли ехать» ещё до прокрутки.

Дизайн под вас

Каждый проект — индивидуальный

Этот первый экран сделан под конкретного клиента и его покупателя. Ваш будет другим: дизайн — вещь личная, что-то нравится, что-то нет. Учтём ваш вкус, задачи и бюджет и соберём сайт под ваш бизнес — от лендинга до интернет-магазина.

Обсудить свой дизайн

Telegramпришлите ссылки на сайты, которые нравятся

01РеференсыРазберём сайты, которые нравятся, — и что не нравится
02СтруктураСоберём под ваши задачи и бюджет
03ДизайнПокажем первый экран на согласование
04ПравкиДо утверждения — и только потом вёрстка

Блок «Полный цикл заботы о вашем свете» с разделами ремонт фар, тюнинг фар, детейлинг фар и кондиционер

Услуги: четыре входа вместо прайса

ЗадачаРазложить почти три десятка услуг так, чтобы человек быстро нашёл свою.

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

Почему такДлинный прайс пугает, а четыре понятные двери ведут к нужной странице в пару кликов. Сопутствующие товары рядом с услугами добавляют поводов обратиться.

Блок «Когда запотевшие фары пора ремонтировать?» с карточками симптомов и кнопками «Это мой случай»

Страница услуги: «Это мой случай»

ЗадачаПомочь человеку понять, что его проблема решается именно этой услугой.

РешениеНа странице устранения запотевания — блок «Когда запотевшие фары пора ремонтировать?»: четыре карточки с фото и симптомами — конденсат не исчезает, фары стали светить хуже, разводы и грязь, ДТП или ремонт. У каждой — кнопка «Это мой случай».

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

Блок «Что входит в услугу по полировке фар»: осмотр оптики, подготовка фар, шлифовка и полировка, защитное покрытие

Состав работ: видно, за что платишь

ЗадачаСнять подозрение, что полировка — это «пять минут пастой».

РешениеБлок «Что входит в услугу по полировке фар» — четыре шага с крупными номерами: осмотр оптики, подготовка фар, шлифовка и полировка, защитное покрытие. На каждой странице услуги ниже идут этапы работ, «Что изменится» и примеры.

Почему такКогда работа разложена на шаги, цена перестаёт казаться случайной. Защитное покрытие отдельным пунктом объясняет, почему результат продержится дольше, чем после «гаражной» полировки.

Раздел «Наши работы» студии «Автолайт» с фильтром по маркам автомобилей и фото до и после

Наши работы: своя марка в один клик

ЗадачаДоказать качество на реальных машинах, а не обещаниях.

РешениеРаздел «Наши работы»: фильтр по 27 маркам — от Audi до Volvo — и вкладка «Автокондиционеры». В карточке — пара фото «До» и «После», название работы с моделью и годом машины, кнопка «Подробнее»; всего на сайте 102 работы.

Почему такВладелец Toyota хочет видеть Toyota. Фильтр по марке за секунду показывает похожие машины, а фото «до/после» убеждают сильнее любого текста.

Страница контактов «Автолайт»: филиал «Легковые» на Тутаевском шоссе, 65а, с кнопками «Записаться» и «Построить маршрут»

Контакты: два филиала и маршрут

ЗадачаДовести человека от сайта до ворот нужного филиала.

РешениеУ каждого филиала — своя карточка: фото здания, подпись «Легковые» или «Грузовые», телефон, адрес, часы работы, соцсети и две кнопки — «Записаться» и «Построить маршрут».

Почему такЛегковой и грузовой филиалы работают по разным графикам и с разными машинами. Отдельные карточки не дают перепутать адрес, а маршрут в один клик убирает последний повод отложить визит.

Что вошло в проект

Каталог услуг: 4 раздела — ремонт, тюнинг, детейлинг фар и кондиционер — и 25 отдельных страниц услуг.
Шаблон страницы услуги: блок «Это мой случай» с симптомами, состав работ, этапы, «Что изменится», примеры работ и частые вопросы.
Портфолио: 102 работы с фото «до/после», фильтр по 27 маркам и отдельная вкладка автокондиционеров.
Дополнительные услуги на главной: продажа и обмен фар, б/у запчасти, установка доп. оборудования — с кнопкой «Узнать стоимость».
Блог из 20 статей, страница отзывов и FAQ на каждой странице.
Формы: бесплатная диагностика, консультация, «Записаться», вопрос мастеру; контакты двух филиалов с картой и кнопкой «Построить маршрут».

Технологии и SEO

Платформа: WordPress, собственная тема, SEO-настройки — Yoast SEO.
Формы заявок — WPForms, слайдеры — Swiper, карта филиалов — Яндекс Карты.
Работы и статьи — записи WordPress в рубриках «Наши работы» и «Блог»; фильтр работ по маркам и подгрузка «Показать ещё».
Страницы услуг вложены в разделы: /services/remont-far/ustanovka-bi-led-linz-v-yaroslavle/ — адрес совпадает с запросом.

Нужен сайт для автосервиса?

По мотивам этого кейса

Хочу похожий сайт

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

Мы делаем не просто сайты, а рабочие инструменты, которые приносят компании заявки и деньги.