Корпоративный сайт ОАО «Белшина»
О клиенте
ОАО «Белшина» — промышленный гигант белорусской нефтехимической отрасли. Предприятие включает в себя три крупных шинных завода (крупногабаритных, сверхкрупногабаритных и массовых шин) и поставляет высокотехнологичную продукцию на конвейеры таких мировых автопроизводителей, как БЕЛАЗ, МАЗ, МТЗ, МЗКТ, а также осуществляет экспорт в десятки стран СНГ и дальнего зарубежья.
Детали проекта
Менеджер проектов
Арт директор
Дизайнер х2
Бэкенд программист х2
Фронтенд программист
Тестировщик
Контент-менеджер
Задачи
Интеллектуальная сегментация каталога: Структурировать сложнейшую номенклатуру продукции (от легковых массовых шин до уникальных сверхкрупногабаритных шин для карьерных самосвалов).
Разработка умного UX-подбора: Создать интуитивно понятные фильтры для быстрого поиска шин по марке автомобиля, типоразмеру и сезонности.
Глобальное сбытовое позиционирование: Интегрировать разветвленную дилерскую сеть «Где купить» с логичным распределением по странам (Беларусь, СНГ, мир).
Соблюдение инклюзивных стандартов: Разработать и адаптировать полноценный интерфейс для слабовидящих пользователей (Accessibility Mode).
Цели
Стимулирование оптового и розничного спроса: Повысить конверсию сайта в коммерческие запросы за счет внедрения сквозных конверсионных форм обратной связи и удобной структуры каталога.
Цифровая мультиязычность: Реализовать полноценную экосистему на четырех языках (RU | BY | EN | 中文) для прямого взаимодействия с международными партнерами, включая Азиатский регион.
Защита корпоративной репутации: Организовать прозрачные разделы электронных обращений граждан, условий для потребителей и раскрытия обязательной информации предприятия в строгом соответствии с законодательством Республики Беларусь.
Разгрузка отделов реализации: Снизить количество типовых входящих звонков в отдел сбыта благодаря исчерпывающим карточкам товаров со всеми ГОСТами и техническими допусками.
Исходная проблема
Предыдущая версия сайта функционировала как стандартный каталог, который не отражал масштабы модернизации заводов, усложнял оптовые b2b-закупки и не давал розничным клиентам удобных цифровых инструментов для быстрого подбора шин под конкретные климатические и технические условия. Возникла необходимость в создании глобального, мультиязычного портала с глубокой b2b/b2c-логикой.
Этапы разработки сайта
Аналитика, аудит и проектирование
Провели исследование целевой аудитории (от розничных водителей до b2b-снабженцев карьерных предприятий). На основе данных аудита перепроектировали информационную архитектуру сайта, разработав сквозной путь пользователя от первого клика до поиска ближайшей точки продаж дилера.
UI/UX Дизайн и работа с брендбуком
Создали визуальную концепцию, строго соответствующую обновленному брендбуку ОАО «Белшина». Спроектировали гибкий UI-kit, уникальные иконки для категорий транспорта и детально проработали адаптивные интерфейсы. Отдельное внимание уделили проектированию контрастных макетов для режима слабовидящих.
Frontend-верстка и интеграция с Laravel
Перенесли интерфейсы в чистый адаптивный код. Разработали кастомную архитектуру базы данных на Laravel, распределив шины по пяти глобальным каталогам. Реализовали JavaScript-логику для модуля «Подбор шин» и настроили серверное кэширование средствами фреймворка для мгновенного отклика системы.
Тестирование, SEO-подготовка и запуск
Провели комплексный QA-аудит (стресс-тесты форм, валидация адаптивности на разных типах экранов). Интегрировали полную SEO-оптимизацию, настроили теги мультиязычности, наполнили страницы техническими характеристиками каждой модели шин и произвели безопасный релиз сайта.
Детальный разбор структуры интерфейсов и UX/UI решений
Дизайн сайта сочетает в себе монументальность крупного производства и высокую функциональность цифрового сервиса. Основная палитра бренда (включающая корпоративные цвета «Белшина») гармонирует с чистым белым фоном, концентрируя внимание на продукте.
Загрузка live-превью сайта...
Главная страница — Навигационный Хаб
Первый экран сразу задает фокус на главном b2c/b2b-инструменте — интерактивной панели «Подбор шин». Ниже расположены пять масштабных плиточных блоков-категорий, визуализирующих ключевые направления производства. На страницу также интегрированы промо-видео завода, карта дилерской сети и блок оперативных новостей (участие в форумах Innoprom, TNF 2026 и др.).
Режим доступности (Accessibility Mode)
В соответствии со стандартами государственных интернет-ресурсов, спроектирован продвинутый модуль для слабовидящих. Панель позволяет менять размер шрифта, межбуквенное расстояние и мгновенно переключать цветовую схему сайта, сохраняя при этом полную работоспособность интерактивного каталога шин.
Пять специализированных каталогов продукции
Интерфейс каталога разделен на независимые технологические хабы:
Легковые и легкогрузовые автомобили.
Грузовые автомобили и автобусы.
Тракторы и сельскохозяйственные машины.
Индустриальная, строительно-дорожная и подъемно-транспортная техника.
Карьерная техника (сверхкрупногабаритные шины).
Карточка каждого товара содержит детальное макро-фото протектора, развернутую таблицу параметров (индексы нагрузки, скорости, слойность, геометрические размеры) и точные артикулы.
Модули «Где купить» и «Электронные обращения»
Где купить: Реализована удобная система поиска точек продаж с фильтрацией по регионам и типам шин (опт/розница).
Электронные обращения: Спроектированы защищенные формы отправки официационных запросов для граждан и юридических лиц, соответствующие нормативно-правовым актам РБ.
Поисковое продвижение и SEO-оптимизация (Best Practices)
Для удержания лидерства в поисковой выдаче Google и Яндекс по миллионным запросам («купить шины Белшина», «каталог грузовых шин») реализованы следующие SEO-решения:
Языковая разметка hreflang
Настроена сквозная связка четырех языковых версий (RU, BY, EN, ZH), что исключает дубликаты и позволяет поисковикам корректно ранжировать сайт в разных географических регионах.
Семантические ЧПУ-адреса и иерархия заголовков
Карточки шин генерируют человекопонятные URL, а теги <h1>-<h3> распределены строго по SEO-структуре (например, «Шина Белшина Artmotion [Размер]»).
Микроразметка Schema.org
Внедрена разметка Product для всех карточек шин (поисковые роботы сразу видят характеристики в сниппете) и Organization для точной привязки контактов завода (г. Бобруйск, Минское шоссе, 4).
Оптимизация Core Web Vitals на Laravel
Благодаря отсутствию избыточного кода тяжелых CMS и кастомному кэшированию запросов к базе данных, сайт отдает страницы поисковым роботам за доли секунды, что гарантирует высокие позиции в зеленой зоне Google PageSpeed.
Результат
Инновационный цифровой бренд
ОАО «Белшина» получило передовой международный веб-ресурс, эффективно представляющий бренд на рынках СНГ, Азии и дальнего зарубежья.
Автоматизация подбора
Внедрение умного фильтра шин снизило количество ошибок при b2c/b2b-выборе продукции и повысило лояльность к бренду.
Оптимизация b2b-сбыта
Разделение дилерских сетей и интеграция чистых контактов отдела реализации (+375 (225) 41-12-21) ускорили процесс совершения крупных оптовых сделок.
Максимальное быстродействие
Специфический движок на Laravel обеспечил высокую скорость работы сайта даже при одновременном поиске шин тысячами пользователей.