СТРУКТУРА · СОДЕРЖАНИЕ · ДИЗАЙН
ТОЧКА
ХОДА
Корпоративный сайт автотехцентра
Диагностика, техническое обслуживание и ремонт легковых автомобилей в Москве. Двенадцать страниц связывают услуги, описание неисправности, стоимость, подбор обслуживания по автомобилю и запись в сервис.
НИША
Авто и ремонт
ФОРМАТ
Корпоративный сайт
СТРУКТУРА
12 страниц
ОТ ПРОБЛЕМЫ С МАШИНОЙ
К ОБРАЩЕНИЮ В СЕРВИС
Учесть разный опыт владельцев
Один человек уже выбрал замену масла или проверку подвески. Другой замечает стук, вибрацию или предупреждение на панели, но не знает названия нужной работы. Сайт должен принимать оба способа обращения: выбор услуги и описание того, что происходит с автомобилем.
Показать содержание работы
Вместо декоративного спортивного автомобиля и мастера с поднятым большим пальцем - ремонтная зона, подъёмник, диагностический прибор и автомобильные узлы. У каждого направления собственный сюжет. Фотографии показывают, о какой работе идёт речь, а короткие подписи помогают переходить к деталям.
Основу оформления составили тёмно-синий фон, кобальтовый акцент и светлые холодные поверхности. Крупные заголовки сочетаются с техническими фотографиями и небольшими круглыми маркерами. Синий выделяет действия, а светлые разделы меняют ритм страницы и отделяют текст от насыщенных фотографий.
12 СТРАНИЦ
ВОКРУГ ОБСЛУЖИВАНИЯ
Структуру разделил на направления ремонта и сведения для организации посещения. Главная знакомит с сервисом, внутренние страницы раскрывают отдельные задачи, а каталог услуг, цены и запись связывают их между собой. Каждая страница отвечает на свой круг вопросов.
Главная, техцентр и услуги
Общий обзор специализации, устройство сервисных зон и каталог направлений. Посетитель может выбрать работу или перейти к описанию неисправности.
Диагностика и техническое обслуживание
Поиск причины жалобы и плановые регламентные операции раскрыты отдельно. На каждой странице свой состав информации, подготовка к обращению и форма записи.
Подвеска, тормоза, двигатель и электрика
Страницы основных систем автомобиля: подвеска и тормоза, двигатель и трансмиссия, автоэлектрика. Фотографии, заголовки и описание работ соответствуют выбранной теме.
Марки, примеры ремонта, цены и контакты
Модификация автомобиля, логика проверки, состав стоимости и организация посещения вынесены в отдельные разделы. Они доступны по мере изучения услуги.
На главной пять основных направлений, ниже - ситуации, с которыми приезжает владелец. Check Engine, стук, проблемы с запуском и другие симптомы служат поводом описать задачу. Карточка не назначает ремонт и не связывает один внешний признак с единственной причиной.
УСЛУГА ИЛИ СИМПТОМ
ДВА ПУТИ К ЗАПИСИ
Уже знаете нужную работу
Главная → Услуга → Состав информации → Запись
Посетитель открывает техническое обслуживание, диагностику или страницу нужной системы. Он изучает направление и сообщает автомобиль с задачей, которую планирует передать сервису.
Нужно разобраться с проблемой
Симптом → Направление проверки → Обращение
Владелец описывает, что изменилось: звук, запуск, поведение в движении или предупреждение на панели. Сайт помогает начать разговор с сервисом, сохраняя диагностику отдельным этапом работы.
Последовательность обслуживания раскрыта шестью этапами: запись, приём автомобиля, диагностика, согласование, ремонт и выдача. У каждого этапа собственная фотография. Отдельно показаны составляющие стоимости: проверка, работа, запчасти и материалы. Это помогает подготовиться к обсуждению условий до ремонта.
СНАЧАЛА ПРОВЕРКА
ПОТОМ РЕШЕНИЕ О РЕМОНТЕ
Страницу диагностики показываю двумя крупными фрагментами. В начале - название услуги, короткое объяснение её задачи и фотография проверки с прибором. Первый экран связан с содержанием страницы, а основное действие ведёт к обращению по выбранному направлению.
Ниже перечислены ситуации обращения: предупреждения, звуки, изменения поведения машины, осмотр перед покупкой или поездкой. Затем показаны виды проверки - компьютерная диагностика, подвеска, двигатель и электрооборудование. Разные фотографии разделяют задачи и поддерживают чтение длинной страницы.
Блок после проверки объясняет следующий шаг: обсудить результаты, необходимые работы и комплектующие. Форма просит контакт, автомобиль и описание проблемы. Рядом указано, что время посещения подтверждается после обращения. Заявка начинает разговор с администратором и не выдаётся за автоматически забронированное окно.
ТО И РАСХОДНИКИ
ПОД ВАШ АВТОМОБИЛЬ
Страница технического обслуживания раскрывает другой сценарий: плановые работы и подбор расходных материалов. Визуальную основу составляют фотография обслуживания на подъёмнике и крупные предметные кадры масла, фильтров, свечей, жидкостей и ремней. Каждый пункт получает собственное изображение.
Содержание связывает обслуживание с маркой, моделью, двигателем, пробегом и историей предыдущих работ. На странице не задан одинаковый набор операций для любой машины. Параметры автомобиля показаны отдельной строкой, а обращение помогает уточнить состав нужного ТО.
Детали и вопросы до посещения
Подбор комплектующих вынесен в самостоятельный фрагмент. В нём отделены оригинальные детали и совместимые альтернативы, а стоимость и совместимость связаны с согласованием. Предметная фотография показывает реальные по форме компоненты, не превращая раздел в случайный набор логотипов производителей.
Шесть частых вопросов завершают экран: предварительная стоимость, детали клиента, приём без записи, продолжительность проверки, дополнительные работы и документы после ремонта. Строки компактные, ответ раскрывается внутри списка. После FAQ нет кнопки или повторной формы.
РАЗНЫЕ УЗЛЫ
СВОЯ ПОДАЧА ДЛЯ КАЖДОГО
Фотография соответствует услуге
Подвеску и тормоза показывают через колесный узел и зоны осмотра. Двигатель и трансмиссию - через агрегат и работу с ним. Автоэлектрику - через прибор и электрические соединения. Общая сетка сохраняется, но изображения и композиция меняются вместе с темой.
Стоимость раскрыта отдельно
В таблице разделены название операции, материалы и стоимость. Категории и поиск помогают найти нужную работу. Для сложного ремонта предусмотрено уточнение после проверки; случайных сумм, фиктивных скидок и универсальных гарантийных сроков в оформлении нет.
Каталог марок связывает услугу с конкретным автомобилем. При дальнейшем обсуждении важны модель, год и модификация. Такая структура позволяет уточнять возможность обслуживания, не обещая любые работы для всех автомобилей, у которых совпадает название производителя.
Для поисковых тем предусмотрены отдельные страницы диагностики, ТО, ремонта подвески и тормозов, двигателя, трансмиссии и автоэлектрики в Москве. Внутренние ссылки соединяют их с прайсом, параметрами автомобиля, примерами проверки и записью. Заголовок раскрывает тему, а содержательные разделы отвечают на связанные с ней вопросы.
ЗАПИСЬ В СЕРВИС
С ТЕЛЕФОНА
На мобильном экране главное действие находится рядом с заголовком и объяснением услуги. Фотография остаётся крупной, направления идут в одну колонку, а форма разделена на последовательные поля. Основной текст не накладывается на мелкие детали автомобиля.
Для обращения достаточно контакта, марки, модели и задачи. Если название услуги неизвестно, можно описать проблему своими словами. Под формой отмечено, что время посещения уточнит администратор. Категории стоимости и условия записи сохраняют отдельные подписи, чтобы их можно было изучить без уменьшения масштаба страницы.
ЧТО ПОЛУЧИЛОСЬ
В РЕЗУЛЬТАТЕ
Подготовил структуру, содержание и дизайн корпоративного сайта автотехцентра. Двенадцать страниц объединяют услуги, задачи владельца, сведения об автомобиле, стоимость и запись. Крупные фотографии рабочих процессов и деталей чередуются с текстом, схемой обслуживания и таблицей.
Два способа обратиться
Можно выбрать известную услугу или описать, что происходит с автомобилем.
У каждой услуги своя страница
Направления раскрыты отдельными заголовками, фотографиями, содержанием и формой обращения.
Условия обсуждаются заранее
Работы, комплектующие, стоимость и подтверждение времени отделены от общих рекламных обещаний.
Единая система для развития
Новые услуги и материалы можно добавлять по существующим правилам оформления и связывать с каталогом, прайсом и записью.
ОБСУДИМ
ВАШ ПРОЕКТ
Нужен сайт для автосервиса или другого бизнеса? Расскажите о задаче. Предложу структуру, содержание и оформление.
Для первого обращения достаточно контакта. Имя и описание проекта - по желанию.