Zubr - маркетплейс оптовой мясной продукции

Путь клиента

Оптовый покупатель

1. Приходит с конкретной задачей. Менеджер HoReCa или закупщик розничной сети попадает на платформу в поиске определённой категории мяса - курица, говядина или утка. Главная страница сразу выводит нужный раздел каталога без лишних переходов.
2. Просматривает структурированный каталог. Товары организованы по типу и происхождению (белорусский производитель, локальные дистрибьюторы). Каждая карточка показывает тип разделки, формат упаковки и температурный режим - охлаждённое или замороженное. Никакой неоднозначности, не нужно звонить за характеристиками.
3. Читает о гарантиях качества. Отдельный раздел рассказывает о цепочке поставок: животные выращены без антибиотиков под наблюдением нутрициолога, вся документация предоставляется поставщиком. Покупатель проникается доверием ещё до контакта.
4. Оставляет оптовую заявку за 90 секунд. Форма заявки собирает имя, телефон и интересующий товар. Менеджер получает уведомление в WhatsApp и отвечает в течение 5 минут в рабочее время - гарантия, опубликованная на сайте.
5. Получает индивидуальное коммерческое предложение. Команда обсуждает объём, ассортимент и график поставок. Далее - договор и предоплата, затем производство, контроль качества и доставка на склад или в точку продажи покупателя.

Контент-менеджер (внутренний)

1. Входит в CMS Umbraco. Бэк-офис разделён по ролям - редакторы каталога, редакторы страниц и администраторы работают в своих разделах без риска пересечений.
2. Добавляет или обновляет товар. Структурированная форма обеспечивает единообразие данных - категория, тип разделки, происхождение, сертификаты. Никакого произвольного HTML; каждое поле типизировано.
3. Публикует мгновенно. Изменение распространяется через GraphQL на фронтенд Next.js. Индексный движок подхватывает обновление и заново прогревает кеш; страница отражает новые данные за секунды без полной пересборки.

До и после

Метрики

Ключевые архитектурные решения

• Headless CMS (Umbraco + .NET Core). Контент моделируется как типизированные документы - никакого произвольного HTML в бэк-офисе. Редакторы работают в структурированной форме; разработчики получают чистый API.
• Слой данных GraphQL. Фронтенд запрашивает только нужные для страницы поля. Единая унифицированная схема покрывает товары, категории, страницы и настройки - без разрастания REST-эндпоинтов.
• Индексный движок + кеширование запросов. Все GraphQL-запросы на фронтенде проходят через индексную службу, которая кеширует ответы в памяти. Инвалидация кеша срабатывает автоматически при событиях публикации в CMS - устаревший контент никогда не отдаётся.
• React SSR через Next.js. Страницы рендерятся на сервере при первой загрузке для мгновенной отрисовки и корректной SEO-индексации. Клиентская навигация обрабатывается виртуальным DOM React - без полной перезагрузки страниц, с нулевой видимой задержкой между маршрутами.