Назад в портфолио

shinforce

ModXPHPJSCSSHTML5AJAXMySQLАдаптивная вёрсткаBootstrap

О проекте

# ShinForce.ru — Интернет-магазин автомобильных шин, дисков и автотоваров **URL:** https://www.shinforce.ru/ **Платформа:** MODX Revolution **Тип проекта:** Полнофункциональный интернет-магазин с каталогом товаров, сервисной составляющей и личными кабинетами для разных ролей пользователей --- ## О проекте ShinForce — крупный интернет-магазин «Колёса с доставкой», специализирующийся на продаже автомобильных шин, колёсных дисков, крепежа и сопутствующих автотоваров с доставкой по всей России. Проект объединяет в себе полноценную e-commerce-платформу и витрину сервисных услуг автоцентра, обеспечивая комплексное обслуживание автовладельцев — от подбора и покупки шин до их монтажа и сезонного хранения. --- ## Структура и архитектура сайта ### Товарный каталог Многоуровневый каталог с глубокой категоризацией товаров: - **Шины** — легковые, грузовые, индустриальные, мотошины. Карточки товаров содержат полные технические характеристики: типоразмер, индекс скорости и нагрузки, сезонность, бренд, специальные маркировки (XL, Run Flat, Acoustic и др.) - **Диски** — легковые и грузовые. Параметры: размерность, разболтовка, вылет (ET), ступичное отверстие, цвет/покрытие - **Крепёж** — колёсные болты, гайки, центровочные кольца, секретные болты - **Автотовары** — моторные масла, аккумуляторы, автозапчасти, автохимия, расходные материалы, датчики давления в шинах (TPMS) Каталог представлен ведущими мировыми брендами: **Pirelli, Continental, Michelin, Cordiant, КАМА**, Yokohama и другими. ### Сервисное направление Отдельный полноценный раздел услуг автосервиса: - Шиномонтаж (включая онлайн-запись) - Ошиповка зимних шин - Сезонное хранение шин - Ремонт и правка колёсных дисков - Заправка автомобильных кондиционеров - Заправка шин азотом Реализована страница **«Сервисные центры»** с информацией о точках обслуживания. ### Информационный блок для покупателя Развитый раздел «Покупателю» с детальными информационными страницами: - Инструкции по оформлению заказа и способам оплаты - Условия доставки по России - Гарантийная политика (на товары и на услуги — раздельно) - Возможность покупки в кредит - Оплата через Систему быстрых платежей (СБП) - Условия обмена и возврата - Публичная оферта и политики конфиденциальности / обработки cookies - Индивидуальный заказ и изготовление дисков по собственному дизайну - Раздел для оптовых клиентов ### Контентный раздел (блог) Раздел «Новости» с экспертными статьями: - Руководства по выбору шин - Материалы по безопасности и своевременной замене - Советы по уходу и эксплуатации --- ## Ключевая функциональность | Модуль | Реализация | |---|---| | **Каталог товаров** | Многоуровневая структура с карточками, техническими параметрами и фильтрацией по характеристикам | | **Корзина покупок** | Мини-корзина в хедере с live-обновлением суммы и количества; полная страница оформления заказа | | **Список избранного (Wishlist)** | Возможность сохранять товары в избранное для последующего сравнения и покупки | | **Подбор шин** | Специализированный инструмент подбора шин по параметрам автомобиля | | **Личный кабинет** | Многоролевая система: кабинет клиента, кабинет партнёра и кабинет менеджера — с разным набором функций | | **История заказов** | Отслеживание статусов и история всех оформленных заказов в ЛК | | **Управление заказами** | Менеджерский интерфейс для обработки заказов покупателей | | **Поиск по сайту** | Полнотекстовый поиск товаров с выводом на отдельную страницу результатов | | **Промо-слайдер** | Баннерная карусель на главной странице с акциями и спецпредложениями (скидки до 45%) | | **Секция «Популярные товары»** | Табовая навигация: «Хиты продаж» / «Новинки» с автоматической ротацией карточек | | **Партнёрские интеграции** | Разделы автострахования и ипотеки — партнёрские продукты | | **Шиномонтаж онлайн** | Онлайн-запись на шиномонтаж через сайт | | **Cookie Consent** | Уведомление об использовании cookies с ссылкой на политику обработки | --- ## Техническая реализация ### Платформа и стек - **CMS:** MODX Revolution — гибкая платформа с полным контролем над шаблонами, сниппетами и плагинами - **Frontend:** Адаптивная вёрстка на базе Bootstrap-фреймворка, кроссбраузерная совместимость - **Графика:** Формат WebP для изображений товаров — оптимизация загрузки и производительности - **Навигация:** Многоуровневое мега-меню (Mega Menu) с hover-раскрытием подкатегорий в десктопной версии и offcanvas-панелью для мобильных устройств - **E-commerce:** Каталожный функционал с корзиной, оформлением заказов, Wishlist и историей покупок ### Адаптивность и UX - Полностью адаптивный дизайн: десктоп, планшет, смартфон - Мобильное offcanvas-меню с полной навигационной структурой - Фиксированный хедер с быстрым доступом к корзине, избранному и личному кабинету - Верхний информационный бар с контактами, ссылками на доставку и гарантии ### Бизнес-логика - Многоролевая модель пользователей: **клиент → партнёр → менеджер** с разграничением доступа к разделам ЛК - Раздельные страницы заказов для покупателей и менеджеров - Интеграция с партнёрскими сервисами (страхование, кредитование) - Система индивидуальных заказов (нестандартные позиции и дизайнерские диски) - Отдельный функционал для оптовых покупателей --- ## Особенности проекта - **Масштабный каталог** с десятками тысяч позиций от ведущих мировых производителей - **Комплексная бизнес-модель** — сочетание онлайн-торговли и предоставления сервисных услуг в единой экосистеме - **Три уровня пользовательских ролей** — полноценный B2B/B2C функционал в рамках одного сайта - **Контент-маркетинг** — экспертный блог для повышения SEO-видимости и лояльности аудитории - **Мультисервисная модель** — от продажи товаров до бронирования услуг шиномонтажа онлайн - **Оптимизация производительности** — WebP-изображения, адаптивный контент, оптимизированная навигация --- ## Результат Создан полнофункциональный интернет-магазин на MODX Revolution, покрывающий полный цикл взаимодействия с клиентом: от **подбора и покупки** шин и дисков до **записи на шиномонтаж и сезонного хранения**. Многоролевая система личных кабинетов обеспечивает работу с тремя сегментами пользователей (клиенты, партнёры, менеджеры), а развитая каталожная часть с фильтрацией и инструментом подбора позволяет эффективно работать с обширным ассортиментом автомобильной продукции.