✔ Показати мотоцикли майстерні великим планом і з характером
✔ Пояснити, як відбувається побудова кастому під ключ
✔ Представити послуги гаража й привести до заявки на проєкт
✔ Вести відвідувача з майстерні в інтернет-магазин
✔ Допомогти покупцеві підібрати тюнінг і електроніку для свого 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», довгі описи розгортаються кнопкою «Показати ще», а мінікошик із лічильником одразу показує, що замовлення поповнилося, і веде до його перегляду.
Так деталь і робота з її встановлення опиняються в одному кошику: не треба окремо телефонувати, щоб записатися на сервіс.
Сайт майстерні продає довіру до рук майстра, а магазин — упевненість, що деталь підійде. Тому в таких проєктах я спираюся на кілька принципів:
Якщо вам потрібен сайт для майстерні, автосервісу чи інтернет-магазину запчастин і тюнінгу, я допоможу зібрати його повністю — від вітрини робіт до каталогу з підбором за автомобілем і кошика.
