✔ Показать мотоциклы мастерской крупно и с характером
✔ Объяснить, как устроена постройка кастома под ключ
✔ Представить услуги гаража и привести к заявке на проект
✔ Вести посетителя из мастерской в интернет-магазин
✔ Помочь покупателю подобрать тюнинг и электронику под свой Mercedes-Benz
Sparta Garage строит кастомные мотоциклы под ключ — от идеи и согласования бюджета до готового байка, — а ещё оказывает автомобильные услуги и продаёт тюнинг и электронику для Mercedes-Benz. Нужны были сайт мастерской и интернет-магазин под одним брендом.
Я сделал две части с разными задачами. Сайт мастерской — главная, проекты, страница проекта, услуги, страница услуги и контакты: чёрный фон, крупные фото мотоциклов, красный акцент из логотипа. Интернет-магазин — светлый и функциональный: подбор по автомобилю, каталог по категориям и короткий путь в корзину.
В итоге проекты ведут к заявке на постройку, баннер на главной — в магазин, а в магазине покупатель задаёт свой автомобиль, видит совместимые товары, выбирает опции и дополнения и кладёт в корзину и детали, и услуги.
Сайт, на котором мастерская показывает характер, а магазин даёт уверенность, что деталь подойдёт.
Крупные фото, видео и страница-история для каждого мотоцикла с переходом к следующему
Строка «Ваш автомобиль» со ссылкой «Изменить» и метки совместимых моделей на карточках
Вкладки от ECU-тюнинга до интерьера, ряды карточек с ценой «от» и ссылкой «Смотреть все»
Галерея с увеличением, количество, опции, цвета, дополнения с ценами и вкладка совместимости
Переключатель этапов тюнинга: мощность, крутящий момент, график и нужные детали
Модель и год авто, длительность работ, дополнения с ценами и кнопка «В корзину»
Мастерская вдохновляет готовыми мотоциклами, магазин помогает быстро найти совместимую деталь и оформить заказ.
Сайт решает несколько основных задач:
Ответ гарантированно в течение 24 часов.
Первая консультация бесплатна и ни к чему не обязывает.
Кастомный мотоцикл покупают глазами, а деталь для автомобиля — только когда уверены, что она подойдёт. На примере Sparta Garage рассказываю, как я сделал сайт мастерской с витриной проектов и интернет-магазин тюнинга с подбором по автомобилю, карточками товара и корзиной.
Sparta Garage строит кастомные мотоциклы под ключ: клиент озвучивает идею, согласует бюджет, а дальше наблюдает, как в металле и пластике появляется мотоцикл его мечты. Кроме кастома у гаража есть автомобильное направление — услуги для легковых и грузовых машин и интернет-магазин тюнинга и электроники для Mercedes-Benz.
Нужен был сайт, который одинаково хорошо продаёт и штучную работу мастерской, и товары магазина. Я сделал обе части: сайт мастерской с проектами, услугами и контактами и интернет-магазин с каталогом, подбором по автомобилю, карточками товара и корзиной.
Проект состоит из двух частей с общим брендом и разной задачей:
Мостом между частями служит баннер магазина на главной: граффити-логотип Sparta Garage, надпись STORE и кнопка «Перейти». Шапка сайта мастерской — логотип, меню из шести разделов и соцсети; подвал — FAQ, поддержка, оплата, доставка, возвраты и контакты.
Кастом — это про стиль, поэтому главная почти целиком построена на фотографиях мотоциклов: чёрный фон, мотоцикл крупным планом, короткий дерзкий слоган с красными акцентами из логотипа и кнопка «Проекты». Дальше главная раскрывает предложение мастерской:
Проекты — главный аргумент мастерской. Страница проектов открывается крупным заголовком и фото, дальше идут блоки о постройке на заказ и механике мотоциклов, видео с плеером, сетка проектов с датами и кнопкой для подгрузки, а в конце — форма с именем и email.
Страница проекта построена как история: большой первый экран с фото мотоцикла и названием, затем длинный текст с крупными фотографиями и подзаголовками и навигация к предыдущему и следующему проекту. Тот же шаблон работает для страницы отдельной услуги.
Страница услуг открывается фото сварки и крупным заголовком, ниже — сетка карточек направлений гаража, тёмных и светлых вперемешку, с фото: б/у запчасти для грузовых авто из Европы, магазин аксессуаров, замена масла для легковых авто, автомойка для грузовых и легковых машин. В контактах — блок о мастерской с цитатой, призыв начать проект, телефоны, адрес, почта, форма сообщения и карта.
Магазин — это тюнинг и дооснащение автомобилей Mercedes-Benz: чип-тюнинг блоков управления, кодирование, электроника, экстерьер, интерьер и повышение мощности. Для автозапчастей главный вопрос покупателя — подойдёт ли деталь к его машине, поэтому подбор по автомобилю стоит на первом месте.
Карточка товара собирает всё, что нужно для решения о покупке, на одном экране:
Для прошивок сделан отдельный вид карточки: переключатель Stage 1 / Stage 2 меняет показатели мощности и крутящего момента после тюнинга, график и список необходимых деталей. Таблица совместимости перечисляет модели, кузова и годы выпуска — покупатель проверяет свою машину ещё до заказа.
Услуги гаража в магазине продаются так же, как детали. В карточке услуги покупатель выбирает модель и год автомобиля, видит длительность работ и интервал обслуживания, отмечает дополнения с ценами и нажимает «В корзину». Новинки помечены меткой «New», длинные описания раскрываются по кнопке «Показать ещё», а мини-корзина со счётчиком сразу показывает, что заказ пополнился, и ведёт к его просмотру.
Так деталь и работа по её установке оказываются в одной корзине: не нужно отдельно звонить, чтобы записаться на сервис.
Сайт мастерской продаёт доверие к рукам мастера, а магазин — уверенность, что деталь подойдёт. Поэтому в таких проектах я опираюсь на несколько принципов:
Если вам нужен сайт для мастерской, автосервиса или интернет-магазина запчастей и тюнинга, я помогу собрать его целиком — от витрины работ до каталога с подбором по автомобилю и корзины.
