Клиентский проект
Zubr — маркетплейс оптовой мясной продукции
Технологии
Next.jsReact.NET CoreUmbracoGraphQLTypeScript
Ссылки
Услуги
- →Фронтенд на Next.js с React SSR
- →Бэкенд-API на .NET Core
- →Headless CMS на Umbraco
- →Проектирование и интеграция схемы GraphQL
- →Индексный движок с кешированием на уровне запросов
- →Каталог товаров и сценарий заявок
Результаты
- ✓Структурированный оптовый каталог с карточками товаров, категориями и характеристиками
- ✓WhatsApp-first сценарий заявок с гарантированным SLA по ответу
- ✓Бэк-офис на headless CMS — типизированное редактирование контента без разработчика
- ✓Стек GraphQL + индексный движок — почти нулевое воспринимаемое время загрузки
- ✓React SSR — мгновенная первая отрисовка, бесшовная клиентская навигация
Путь клиента
Оптовый покупатель
- Приходит с конкретной задачей. Менеджер HoReCa или закупщик розничной сети попадает на платформу в поиске определённой категории мяса — курица, говядина или утка. Главная страница сразу выводит нужный раздел каталога без лишних переходов.
- Просматривает структурированный каталог. Товары организованы по типу и происхождению (белорусский производитель, локальные дистрибьюторы). Каждая карточка показывает тип разделки, формат упаковки и температурный режим — охлаждённое или замороженное. Никакой неоднозначности, не нужно звонить за характеристиками.
- Читает о гарантиях качества. Отдельный раздел рассказывает о цепочке поставок: животные выращены без антибиотиков под наблюдением нутрициолога, вся документация предоставляется поставщиком. Покупатель проникается доверием ещё до контакта.
- Оставляет оптовую заявку за 90 секунд. Форма заявки собирает имя, телефон и интересующий товар. Менеджер получает уведомление в WhatsApp и отвечает в течение 5 минут в рабочее время — гарантия, опубликованная на сайте.
- Получает индивидуальное коммерческое предложение. Команда обсуждает объём, ассортимент и график поставок. Далее — договор и предоплата, затем производство, контроль качества и доставка на склад или в точку продажи покупателя.
Контент-менеджер (внутренний)
- Входит в CMS Umbraco. Бэк-офис разделён по ролям — редакторы каталога, редакторы страниц и администраторы работают в своих разделах без риска пересечений.
- Добавляет или обновляет товар. Структурированная форма обеспечивает единообразие данных — категория, тип разделки, происхождение, сертификаты. Никакого произвольного HTML; каждое поле типизировано.
- Публикует мгновенно. Изменение распространяется через GraphQL на фронтенд Next.js. Индексный движок подхватывает обновление и заново прогревает кеш; страница отражает новые данные за секунды без полной пересборки.
До и после
| До | После |
|---|---|
| ✗ Покупатели искали поставщиков через холодные звонки и отраслевые справочники — дни исследований на каждую партию | ✓ Структурированный каталог с категориями, происхождением и упаковкой — покупатель находит нужный товар менее чем за 2 минуты |
| ✗ Характеристики товара доступны только после звонка менеджеру по продажам | ✓ Каждая карточка товара показывает тип разделки, формат, температурный режим и сертификаты — звонок для квалификации не нужен |
| ✗ Никаких подтверждений качества — покупатели верили заявлениям поставщика на слово | ✓ История цепочки поставок, гарантия отсутствия антибиотиков и наблюдение нутрициолога опубликованы на сайте |
| ✗ Формы заявок с окном ответа в 48 часов | ✓ WhatsApp-first сценарий с гарантированным ответом за 5 минут в рабочее время |
| ✗ Статичный HTML-сайт с медленным обновлением страниц и без CMS — правки требовали разработчика | ✓ Headless CMS Umbraco + GraphQL + React SSR: контент обновляется за секунды, страницы грузятся почти мгновенно |
| ✗ Без кеширования на уровне индекса — каждый запрос шёл на исходный сервер | ✓ Все GraphQL-запросы кешируются на уровне индексного движка; повторные визиты отдаются из памяти |
Метрики
<5 мин
гарантированный ответ в WhatsApp в рабочее время
7 дней
срок доставки от заказа до склада
80K+
тонн птицы производит партнёрская ферма ежегодно
4
категории товаров: курица, говядина, утка, готовая продукция
~0 мс
воспринимаемое время навигации — SSR + кешированные GraphQL-запросы
10+
лет компания работает на оптовом мясном рынке
Ключевые архитектурные решения
- Headless CMS (Umbraco + .NET Core). Контент моделируется как типизированные документы — никакого произвольного HTML в бэк-офисе. Редакторы работают в структурированной форме; разработчики получают чистый API.
- Слой данных GraphQL. Фронтенд запрашивает только нужные для страницы поля. Единая унифицированная схема покрывает товары, категории, страницы и настройки — без разрастания REST-эндпоинтов.
- Индексный движок + кеширование запросов. Все GraphQL-запросы на фронтенде проходят через индексную службу, которая кеширует ответы в памяти. Инвалидация кеша срабатывает автоматически при событиях публикации в CMS — устаревший контент никогда не отдаётся.
- React SSR через Next.js. Страницы рендерятся на сервере при первой загрузке для мгновенной отрисовки и корректной SEO-индексации. Клиентская навигация обрабатывается виртуальным DOM React — без полной перезагрузки страниц, с нулевой видимой задержкой между маршрутами.
Открыт для работы по контракту
Я доступен для работы по контракту. Если у вас есть интересная идея проекта — запишитесь на звонок через Calendly.
Записаться на 30-минутный звонок