Разработка сайта для мясной фабрики «Александров»

Мясная фабрика «Александров» — крупный белорусский холдинг, объединяющий высокотехнологичное производство, собственную лабораторию и торговый дом.

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

• Создать сайт-витрину для презентации продукции мясокомбината на международном B2B-рынке.
• Разработать уникальный дизайн, ориентированный на восприятие китайских оптовых клиентов.
• Реализовать мультиязычность и адаптацию сайта для разных регионов.
• Сформировать доверительный имидж компании и представить ассортимент продукции.
• Обеспечить техническую поддержку и дальнейшее развитие сайта.

Цвета с учетом китайской аудитории

Первым этапом мы изучили визуальные предпочтения китайской аудитории. Для нее характерны яркие и контрастные цвета с символическим значением: красный ассоциируется с удачей и успехом, золотой — с престижем и богатством, синий — с доверием.

Так как компания производит говядину, основным цветом сайта выбрали красный, он одновременно соответствует культурным ассоциациям и напрямую связан с продуктом.

Динамика и визуальное доверие

Интересный факт: красный цвет постепенно теряет популярность среди китайской молодежи — его чаще считают заезженным, тогда как старшее поколение по-прежнему воспринимает его положительно.

Для китайской аудитории важна динамика интерфейса: статичные страницы часто воспринимаются как устаревшие. Поэтому в дизайне использовали анимационные элементы:

• автопроигрывание видео на главном экране;
• движение изображений и инфографики;
• слайдер с историей компании;
• выезжающий текст;
• изменение цветов и появление теней при наведении.

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

Отзывы партнеров

На сайте выделили отдельный раздел с отзывами китайских партнеров — это усиливает доверие и демонстрирует надежность компании.

Помимо изучения особенностей китайской аудитории, мы проанализировали сайты 160 мясных фабрик из Аргентины, Бразилии, Австралии и США. Это помогло определить лучшие практики отрасли и сделать сайт заказчика визуально и функционально сильнее конкурентов.

Горизонтальная прокрутка

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

Каталог в виде быка

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

Пользователь наводит курсор на часть туши — подсвечивается красным, нажимает — открывается список продукции, нажимает на продукт — открывается карточка

Техническая реализация

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

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

Отдельные URL для языковых версий

На сайте реализована форма обратной связи — заявки потенциальных партнеров отправляются напрямую на корпоративную почту компании.

Навигация построена поэкранно с использованием FullPage.js. Вместо привычной вертикальной прокрутки пользователь перемещается между полноэкранными секциями, которые переключаются как слайды или страницы книги.

Тестирование и запуск

Особое внимание уделили тестированию адаптивности сайта — горизонтальная прокрутка и анимации должны были корректно отображаться на всех устройствах. 

Также мы добились быстрой загрузки сайта, несмотря на обилие визуальных эффектов. Для этого оптимизировали все анимации — это снизило нагрузку на сервер.

Почтовые настройки и обработка заявок

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

Спустя год ситуация повторилась. Тестирование показало, что заявки отправляются, но не принимаются почтовым сервером клиента. Решением стала смена e-mail — после этого все запросы стали приходить стабильно.

Во время тестирования сайт начал получать реальные заявки, что подтвердило работоспособность системы.

Рост заявок и поддержка проекта

После запуска сайта увеличилось количество заявок от зарубежных партнеров — из Китая, Узбекистана, Казахстана, Азербайджана и Армении. Это стало заметно уже на этапе проверки работы формы обратной связи.

Клиент остался доволен результатом. Сейчас проект находится на технической поддержке: мы обновляем CMS Bitrix и помогаем заказчику с техническими вопросами.