Сайт использует файлы cookie — для входа в кабинет и обезличенной статистики. Подробности — в политике обработки данных.
Шинный центр · опт и розница шин и дисков

Зелёная дорога

Шинный центр, которому нужно продавать сразу двум аудиториям: оптовикам — паллетами и контейнерами, автовладельцам — комплектом с установкой. Сделали бренд, сайт с каталогом шин и дисков и подбором по автомобилю, а за витриной — всю кухню продаж: прайс, заявки, коммерческие предложения и кабинет партнёра. Когда владелец сменил название, провели ребрендинг и переезд на новый адрес за один день.

Роль: бренд, сайт, каталог и админка34 позиции шин и 1 182 дискаРебрендинг и новый домен — за день
Зелёная дорога
СтекNode.js без фреймворковСерверный каталог и SEO-страницы товаровGSAP-анимацииTelegram Bot API

О проекте

Проект начинался без имени, логотипа и сайта и стартовал под названием ШИНОПОРТ. Мы придумали бренд и собрали многостраничный сайт шинного центра: шины и диски оптом и в розницу, шиномонтаж, сезонное хранение, условия опта, логистика, заводы-партнёры, справочник покупателя и статьи. Первый экран — анимированное колесо, которое докручивается при прокрутке, и ответ на главный вопрос посетителя: что есть в наличии и когда можно забрать.

Главное — каталог, устроенный как у больших шинных магазинов: 34 позиции шин одиннадцати марок и 1 182 диска двадцати четырёх марок. Фильтры по сегменту, сезону, марке, размеру и диаметру считаются на сервере, у каждой позиции — своя страница товара с характеристиками и расшифровкой индексов нагрузки и скорости; у шин — три ступени оптовой цены, у дисков — цена за штуку, за комплект и оптом от 20 штук. Подбор по автомобилю (марка, модель, поколение) оставляет только заводские размеры шин и диски с подходящей разболтовкой, центральным отверстием и вылетом. За витриной — рабочие инструменты владельца: прайс правится в таблице и публикуется на сайт за секунду, заявки приходят в CRM и в Telegram с кнопками статусов, из заявки в один клик собирается коммерческое предложение в PDF, а постоянные покупатели заказывают через кабинет партнёра со своей скидкой.

Позже владелец выбрал название-«зонтик», которое подходит и торговле, и сервису, — «Зелёная дорога». Ребрендинг занял один день: новое имя во всех текстах, изумрудная палитра вместо янтарной, значки и превью ссылок, админка и бланк коммерческого предложения, переезд на новый домен. Логотип владелец выбрал из пяти вариантов: лист, по жилке которого идёт дорога, и в пару к нему знак-печать в виде шины. Знаки, цвета, шрифты и правила их использования собраны в брендбук.

Возможности

01

Каталог шин и дисков с подбором по авто

Марка, модель и поколение автомобиля — каталог оставляет заводские размеры шин и диски с нужной разболтовкой, отверстием и вылетом. Фильтры по сегменту, сезону, марке и размеру работают на сервере.

02

Страница на каждый товар

Фото модели, наличие на складе, цены по ступеням (паллета, партия, контейнер), расшифровка индексов: «91V — до 615 кг на шину, до 240 км/ч». Отдельная карта сайта для товаров — под поисковики.

03

Страницы под поиск

Раздел «по марке автомобиля»: 56 марок с таблицами заводских размеров шин и параметров дисков. У каждой подборки — список позиций, факты о разделе и вопросы-ответы. Всего в картах сайта 1 432 страницы.

04

Админка прайса

Таблица на все позиции: остатки, цены по ступеням, розница, импорт и экспорт Excel, резервные копии с восстановлением. Кнопка «Сохранить и опубликовать» — и цены на сайте обновлены без программиста.

05

Заявки, Telegram и источники

Каждая заявка — в CRM со статусами «новая → перезвонили → КП отправлено → сделка». Менеджеру приходит сообщение в Telegram с кнопками статусов; видно, откуда пришёл клиент — поисковик, реклама, метки. Защита от спама — скрытое поле и лимиты.

06

КП в PDF за минуту

Из заявки подтягиваются клиент и позиции подбора, цена ступени считается по объёму, доставка — по городу. Коммерческое предложение на одном листе A4 с фото шин — сразу в печать или PDF.

07

Кабинет партнёра

Постоянные оптовые покупатели входят в свой кабинет, видят прайс со своей скидкой и оформляют заказ — он падает менеджеру в Telegram и в список заказов.

08

Бренд и ребрендинг

Название, логотип, палитра и шрифты — с нуля. Смена имени прошла за день: логотип, значки, превью ссылок, админка и бланк КП собираются из одного исходника, поэтому новый знак разошёлся по всему сайту сразу.

Каталог, карточка товара и инструменты продаж

Стек технологий

Бренд и дизайн
Название и логотип с нуляРебрендинг и брендбукПалитра «асфальт и изумруд»Geologica + Onest + JetBrains MonoТёмная тема, адаптив под телефон
Frontend
Статика без фреймворкаSVG-колесо, нарисованное кодомGSAP + ScrollTriggerАнглийская версия
Каталог
Фильтры и счётчики на сервереПодбор по автомобилюСтраницы товаров и карта сайтаСтраницы марок авто и подборокФото моделей на белом фоне
Backend и админка
Node.js без зависимостейПрайс шин и дисков с резервными копиямиЗаявки и статусыКабинет партнёра со скидкамиГенератор КП в PDF
Интеграции
Telegram Bot API: заявки с кнопкамиИмпорт и экспорт ExcelКаталог поставщика по APInginx, HTTPS, лимиты на заявки

Результат

1 432
страницы в картах сайта: товары, подборки, марки автомобилей
1 182
диска 24 марок и 34 позиции шин 11 марок в каталоге
1 день
на ребрендинг: имя, палитра, значки и новый домен
1 клик
от заявки до коммерческого предложения в PDF

Хотите так же?

Соберём сайт, платформу или мобильное приложение под вашу задачу — быстро, под ключ и с личным кабинетом. Бесплатная оценка сроков и цены — обычно отвечаем в течение часа в рабочее время.

Обсудить проект