Создание интернет-магазина стайлинга и тюнинга CARLIGHT

Для CARLIGHT Quadro Design создала с нуля интернет-магазин стайлинга и тюнинга на Webasyst Shop-Script. В витрине представлены автомобильная оптика и товары для изменения внешнего вида автомобиля. Мы разработали дизайн, выполнили вёрстку и интегрировали подготовленные шаблоны и плагины в Webasyst. Тематика проекта определила и визуальный характер сайта, и способ организации каталога.

Автомобильная тема в оформлении магазина

Главная построена на сочетании тёмного фона и белого товарного поля. В верхней части размещена крупная фотография спортивного автомобиля с яркой голубой подсветкой. Этот акцент продолжается в логотипе, активном пункте меню и заголовках боковых блоков. Фотографии товаров, наоборот, показаны на нейтральном фоне, чтобы детали оптики оставались различимыми.

Шапка объединяет название магазина, контакты, поиск и корзину. Основное меню содержит сведения о компании, порядке заказа, доставке и оплате. Под ним широкий баннер задаёт настроение страницы, а следующая секция переводит внимание на ассортимент. Такое распределение позволяет сохранить выразительную презентацию магазина рядом с привычными элементами торговой витрины.

Каталог по маркам и товарные подборки

В левой колонке расположено меню марок автомобилей. Среди показанных направлений — Audi, BMW, Hyundai, KIA, Lexus, Mercedes и другие. Рядом находятся подборки рекомендуемых товаров и популярных предложений. В карточках видны фотографии фар и фонарей, названия моделей и цены; одинаковая структура объединяет изделия разных производителей.

Ниже отдельный блок ассортимента повторяет автомобильные марки через узнаваемые логотипы. Он дополняет текстовый список категорий визуальным способом перехода. Боковая колонка также содержит новости, опрос и поле подписки, а в нижней части главной выделены краткие материалы о компании, скидках и оформлении заказа. Эти секции размещены отдельно от товарных подборок и сохраняют собственные заголовки.

Интеграция оформления в Webasyst

При вёрстке мы собрали шапку, баннер, боковой каталог, карточки и информационные колонки в общую композицию. Затем интегрировали вёрстку и плагины с Webasyst Shop-Script. Навигация, поиск, корзина и представление данных каталога получили согласованное оформление, связанное с автомобильной стилистикой проекта.

В результате подготовлена индивидуальная витрина, где выразительный первый экран сочетается с каталогом по маркам и наглядными подборками автомобильной оптики. Галерея показывает главную страницу CARLIGHT: цветовые акценты, структуру категорий, товарные секции и информационные блоки. Этот кейс отражает создание специализированного магазина с узнаваемой графикой и последовательной подачей ассортимента для стайлинга и тюнинга.

Другие проекты и разработка сайта

Посмотрите разработку сайта карбоновых деталей Carbon One и разработку магазина запчастей для техники Glavmag в нашем портфолио сайтов.

Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.