Сайт центра дооснащения автомобилей: кейс XT-Tuning
Для московского центра дооснащения автомобилей XT-Tuning мы с нуля сделали корпоративный многостраничный сайт: дизайн и вёрстку на WordPress. Сайт рассчитан на рекламу и узнаваемость бренда, а каждая услуга описана отдельной страницей и подкреплена своей SEO-системой.
4 неделиот первого макета до готового сайта2 недели дизайн, 2 недели вёрстка
4-й месяцпервые заявки из поискаПо данным студии
Факты о проекте
- Срок
- 4 неделидизайн 2 · вёрстка 2
- Тип проекта
- Корпоративный многостраничный сайт, 2023
- Ниша
- Центр дооснащения автомобилейXT-Tuning, Москва
- Платформа
- WordPressс нуля, без готового шаблона
XT-Tuning — московский центр дооснащения автомобилей. Мы сделали для него с нуля корпоративный многостраничный сайт на WordPress. 2023 год, срок 4 недели: две недели на дизайн и две недели на вёрстку.
Задача клиента
Центр дооснащает автомобили: доводчики дверей, электрические пороги, мониторы, Apple TV и Android Box, многоканальные модемы, бесключевой доступ, подогрев сидений, звёздное небо. Нужен был сайт под рекламу и узнаваемость бренда, на котором каждая услуга проработана подробно.
- Сделать сайт под рекламу: человек из объявления попадает на понятную страницу нужной услуги.
- Запомниться: чёрный фон, бирюзовый акцент, крупные заголовки.
- Подробно рассказать о каждой услуге: короткого блока на общей странице для неё мало.
- Показать выполненные работы на видном месте.
- Принять обращение: форма «Остались вопросы?» и кнопка «Заказать звонок» всегда под рукой.
- Чтобы услуги находили в поиске, а сайт удобно открывался с телефона.
Что мы сделали
- АналитикаПоняли, что каждая услуга центра самостоятельна и не помещается в короткий блок общей страницы.
- Структура многостраничного сайтаГлавная, о компании, услуги, наши работы, сотрудничество.
- Дизайн для компьютера, планшета и телефонаМеню нарисовано в светлом и тёмном вариантах.
- Главная страницаГлавный экран, «О компании», услуги, сотрудничество, наши работы, блок о материалах и комплектующих, подвал.
- Страница под каждую услугуФотографии и подробное описание.
- Система продвижения каждой услугиСтраница услуги, внешние ссылки на неё, SEO-план и много статей.
- Меню, окна и элементы интерфейсаПолноэкранное меню, всплывающие окна с формами, кнопки, цвета и шрифты.
- Вёрстка на WordPressС нуля, без готового шаблона; сайт подстроен под экран от компьютера до телефона.
Каждая услуга как отдельное направление
Аналитика показала, что услуги центра не похожи друг на друга: у каждой свой покупатель и свои вопросы. Поэтому вместо одной общей страницы мы сделали полную систему под каждую услугу. На главной услуги собраны карточками с фотографиями, весь список вынесен в меню, и человек сразу открывает нужную.
- Доводчики дверей
- Электрические пороги
- Мониторы
- Apple TV / Android Box
- Многоканальные модемы
- Бесключевой доступ
- Подогрев сидений
- Звёздное небо
- Страница услугиФотографии и подробное описание.
- Внешние ссылкиСсылки на страницу услуги с других сайтов.
- SEO-планДля каждой услуги свой план продвижения в поиске.
- СтатьиМного статей про услугу: они помогают находить её в поиске.
Стиль: цвета, шрифты, настроение
Чёрный фон, белые поля и один яркий бирюзовый акцент. Крупные узкие заголовки заглавными, спокойный текст и много контраста: строгий образ под автомобильную тему.
- Акцентный#16B6B9Бирюзовый: акценты, кнопки, линии
- Чёрный#151515Фон страниц и меню
- Белый#FFFFFFТекст на тёмном и светлые блоки
- Заголовки и кнопкиНаши работы
Узкий плотный шрифт заглавными: заголовки разделов, кнопки, названия услуг.
- Основной текстУстановочный центр дооснащения автомобилей.
Roboto: спокойный рубленый шрифт для описаний, читается на любом экране.
Макеты: компьютер, меню, телефон
Сайт мы нарисовали для компьютера, планшета и телефона. На картинках макеты дизайна: тексты и фотографии на них показывают расположение блоков.
На компьютере
Меню и всплывающие окна
На телефоне
Главный экран 
О компании 
Услуги 
Наши работы
Разделы макета
- Главный экран
- О компании
- Услуги
- Наши работы
- Сотрудничество
- Материалы и комплектующие
- Меню
- Всплывающие окна
Что получил клиент
Корпоративный многостраничный сайт в собственном стиле, рассчитанный на рекламу и узнаваемость бренда: у каждой услуги своя страница и своя система продвижения, работы на виду, обращение под рукой.
- 4-й месяцпосле запуска появились первые заявки из поиска, то есть из органики.По данным студии
- Страница на каждую услугуФото, подробное описание и своя система продвижения.
- Работы на видуРаздел «Наши работы» с карточками и подписями.
- Обращение под рукойКнопка «Заказать звонок» на каждом экране, форма в меню и окно записи на услугу.
Срок и этапы
4 недели от первого макета до запуска
Комментарий студии
Сначала мы разобрались, как устроены услуги центра, и увидели, что каждая самостоятельна: поэтому построили вокруг каждой отдельную страницу, ссылки, SEO-план и статьи. Строгий чёрный фон с одним бирюзовым акцентом выбрали под автомобильную тему. Дизайн и вёрстка заняли четыре недели, а первые заявки из поиска пришли на четвёртый месяц.
Позже сайт был полностью переделан: смотрите кейс «Редизайн сайта XT-Tuning».
GreenOakвеб-студия
Нужен сайт, который показывает услуги и приводит заявки?
Расскажите, чем занимается ваша компания и как клиенты находят вас сейчас. Скажем, что можно сделать, за какой срок и сколько это стоит.
- Срок
- 4 недели
- Платформа
- WordPress
- Состав
- Дизайн, вёрстка
- Результат
- 4-й месяцпервые заявки из поиска
Обсудить проект
Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.
Понравился проект? Хочу такой же сайт: условия и цены · Другие примеры работ