Zubr — Marketplace mayorista de productos cárnicos

Recorrido del cliente

Comprador mayorista

1. Llega con una necesidad específica. Un gerente de HoReCa o un comprador de cadena minorista aterriza en la plataforma buscando una categoría concreta de carne — pollo, res o pato. La página de inicio muestra de inmediato la sección de catálogo correcta sin desvíos.
2. Explora un catálogo estructurado. Los productos están organizados por tipo y origen (productor bielorruso, distribuidores locales). Cada tarjeta muestra el tipo de corte, el formato de empaque y el régimen de temperatura — refrigerado o congelado. Sin ambigüedad, sin necesidad de llamar para conocer las especificaciones.
3. Lee sobre las garantías de calidad. Una sección dedicada explica la cadena de suministro: animales criados sin antibióticos bajo supervisión de un nutricionista, toda la documentación proporcionada por el proveedor. El comprador genera confianza antes de cualquier contacto.
4. Envía una consulta al por mayor en 90 segundos. El formulario de consulta recoge nombre, teléfono e interés de producto. El gerente recibe un aviso por WhatsApp y responde en un plazo de 5 minutos en horario laboral — una garantía publicada en el sitio.
5. Recibe una oferta comercial a medida. El equipo discute volumen, surtido y calendario de entrega. Le sigue un contrato y un anticipo, luego producción, control de calidad y entrega al almacén o punto de venta del comprador.

Gestor de contenido (interno)

1. Inicia sesión en el CMS Umbraco. El back office está separado por roles — editores de catálogo, editores de páginas y administradores operan en sus propias secciones sin riesgo de contaminación cruzada.
2. Añade o actualiza un producto. Un formulario estructurado impone datos consistentes — categoría, tipo de corte, origen, certificados. Sin HTML libre; cada campo está tipado.
3. Publica al instante. El cambio se propaga vía GraphQL al frontend de Next.js. El motor de índice recoge la actualización y recalienta la caché; la página refleja los nuevos datos en segundos sin una reconstrucción completa.

Antes y después

Métricas

Puntos clave de la arquitectura

• CMS headless (Umbraco + .NET Core). El contenido se modela como documentos tipados — sin HTML libre en el back office. Los editores trabajan en un formulario estructurado; los desarrolladores consumen una API limpia.
• Capa de datos GraphQL. El frontend consulta solo los campos que necesita por página. Un único esquema unificado cubre productos, categorías, páginas y ajustes — sin proliferación de endpoints REST.
• Motor de índice + caché de solicitudes. Todas las consultas GraphQL en el frontend pasan por un servicio de índice que cachea las respuestas en memoria. La invalidación de caché se dispara automáticamente en los eventos de publicación del CMS — nunca se sirve contenido obsoleto.
• React SSR vía Next.js. Las páginas se renderizan en el servidor en la primera carga para un pintado instantáneo y una indexación SEO correcta. La navegación del lado del cliente la gestiona el DOM virtual de React — sin recargas de página completas, con latencia visible cero entre rutas.