Разработка корпоративного сайта «Стадар»

Клиент:ОАО «Стадар»
Проект:Сайт stadar.by
Год:2024
Разработка сайта
Индивидуальный дизайн
MODX

Представляем проект по проектированию, UI/UX-дизайну и комплексной веб-разработке официального сайта ОАО «Барановичский комбинат пищевых продуктов» — одного из старейших перерабатывающих предприятий Брестской области, развивающего популярный бренд бакалейной и консервированной продукции «Стадар».

Исходная проблема

Предыдущий сайт комбината не передавал современный товарный вид продукции бренда «Стадар», имел запутанную структуру каталога, объединяющего кардинально разные направления (бакалея, консервация, швейные изделия), и не соответствовал стандартам СТБ 2105 по инклюзивности. Требовалось создать легкий, гибкий и быстрый веб-ресурс с чистым кодом для эффективного b2b-сбыта.

О клиенте

ОАО «БКПП» — многопрофильное государственное предприятие, обеспечивающее полный цикл переработки сырья и фасовки готовой продукции. Комбинат является ключевым поставщиком растворимых кофейных напитков, цикория, киселей, а также овощной консервации для крупнейших торговых сетей Беларуси и стран СНГ. Кроме того, предприятие располагает уникальным вспомогательным швейным производством.

Детали проекта

Команда

Project Manager

Art Director

UX/UI Designer

Frontend Developer

Backend Developer x2

QA Engineer

Content Manager

Технологии
Figma PHP MODx JavaScript
Срок разработки
6 месяцев
Работа с клиентом
2024 - по сей день

Задачи

  1. Проектирование диверсифицированного каталога: Разработать логичную архитектуру для одновременного вывода продовольственных товаров и продукции швейного цеха.

  2. Разработка яркого b2c/b2b интерфейса: Создать современный дизайн, аппетитно презентующий бакалейную и консервную группы товаров «Стадар».

  3. Реализация языковых версий: Интегрировать полноценные локализации для расширения экспортного потенциала и работы с зарубежными дистрибьюторами.

  4. Обеспечение госкомплаенса РБ: Внедрить адаптивный модуль для слабовидящих, защищенные шлюзы электронных обращений и обязательные юридические разделы.

Цели

  1. Стимулирование оптового сбыта: Повысить конверсию сайта в прямые запросы от ритейлеров и оптовых b2b-закупщиков за счет структурированных товарных карточек.

  2. Повышение узнаваемости бренда «Стадар»: Сформировать сильный, запоминающийся цифровой образ торговой марки в розничном b2c-сегменте.

  3. Минимизация нагрузки на отдел продаж: Предоставить товароведам торговых сетей исчерпывающие спецификации товаров (вес, упаковка, сроки годности) прямо на сайте.

  4. Юридическая легитимность ресурса: Обеспечить полное соответствие Указу Президента РБ №60 в части безопасности данных и порядка обработки обращений граждан.

Загрузка live-превью сайта...

Этапы разработки сайта

Аналитика и проектирование структуры каталога

Проанализировали номенклатуру ОАО «БКПП». Разработали разветвленную структуру категорий, позволяющую b2b-заказчику в 2 клика переключаться между пищевым каталогом и ассортиментом швейной продукции.

UI/UX Дизайн и визуальное позиционирование в Figma

Создали сочную визуальную концепцию с использованием теплых оттенков, подчеркивающих натуральность продуктов «Стадар». Отрисовали интерфейсы карточек товаров, новостных хабов и макеты специальной версии для слабовидящих.

Кастомная верстка и программирование на MODX

Перенесли макеты в адаптивный HTML-код. На базе MODX настроили кастомные поля (TV-параметры) и чанки для вывода подробных технических спецификаций продукции, исключив любую избыточную нагрузку на сервер.

SEO-подготовка, комплаенс-тест и релиз

Проверили формы электронных обращений на соответствие Закону РБ №300-З. Интегрировали микроразметку Schema.org, оптимизировали мета-теги под поисковые запросы, провели финальный тест на скорость загрузки и запустили сайт.

Главная страница — Витрина бренда

Первый экран с ходу знакомит посетителя с ключевыми направлениями комбината и флагманскими товарами бренда «Стадар». В шапку интегрирован быстрый выбор языковых версий (RU | BY | EN) и кнопка режима доступности. На странице последовательно расположены плиточные блоки основных категорий продукции, анонсы новинок, блок преимуществ предприятия и лента новостей о производственной жизни комбината.

Кастомная архитектура каталога

Интерфейс каталога четко разграничивает разнопрофильные направления ОАО «БКПП»:

  • Бакалейная группа (кофейные напитки, натуральный кофе, какао, цикорий, кисели).

  • Плодоовощные консервы (соусы, томатная паста, соки, нектары, варенье).

  • Швейное производство (постельное белье, спецодежда, рабочая одежда под заказ).

Продуктовая карточка товара

Каждая карточка (например, Напиток кофейный растворимый «Стадар») спроектирована как полноценное b2b-предложение. Закупщик видит качественное изображение упаковки, состав продукта, штрих-код, условия хранения, срок годности, а также логистические параметры: вес единицы товара, тип тары (стеклянная банка, ПЭТ-пакет) и количество штук в групповой упаковке.

Государственный комплаенс и защита данных

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

Поисковое продвижение и SEO-оптимизация (Best Practices)

  • Идеальная индексация на MODX: Благодаря чистой архитектуре CMF MODX и генерации ЧПУ-ссылок, каждая товарная позиция бренда «Стадар» получила чистый URL-адрес, что обеспечивает быстрое сканирование роботами Яндекс и Google.

  • Семантическая разметка и заголовки: Теги <h1>-<h3> распределены строго по SEO-правилам, привязывая названия товаров к поисковым паттернам закупщиков («купить цикорий оптом Беларусь»).

  • Микроразметка Schema.org: Внедрена разметка Product для всего каталога продовольственных товаров (технические параметры подтягиваются напрямую в сниппет) и Organization для точной привязки юридических контактов (г. Барановичи, ул. Куйбышева, 111).

  • Экстремальный PageSpeed: Отсутствие тяжелых плагинов и модулей, характерных для готовых CMS, позволило добиться мгновенного ответа сервера. Сайт загружается за доли секунды, что гарантирует высокие позиции в зеленой зоне Core Web Vitals.

Результат

Современный цифровой бренд

Барановичский комбинат пищевых продуктов получил стильный, легкий и технологичный сайт, успешно продвигающий торговую марку «Стадар» на внутреннем и внешнем рынках.

Четкая b2b-сегментация

Разделение каталогов бакалеи, консервации и швейного цеха упорядочило структуру сайта, сделав поиск узкоспециализированной информации удобным для разных категорий контрагентов.

Высокое быстродействие и чистота кода

Стек на MODX обеспечил молниеносную скорость загрузки страниц на смартфонах и десктопах, существенно улучшив поведенческие факторы и показатели SEO.

Юридическая чистота РБ

Интернет-ресурс полностью соответствует требованиям законодательства Республики Беларусь к сайтам организаций, имеет сертифицированную версию для слабовидящих и защищенные формы связи.

Хотите современный, юридически чистый и продающий сайт для вашего предприятия?

Мы специализируемся на веб-разработке для государственного и коммерческого секторов. Создаем быстрые, защищенные и конверсионные b2b/b2c порталы, полностью соответствующие законодательству Республики Беларусь на связке Figma ➔ MODX / Laravel / 1С-Битрикс / WordPress.

Смотрите другие наши кейсы

Защитите репутацию вашего предприятия и увеличьте продажи. Свяжитесь с нами прямо сейчас для бесплатной консультации!