Emeteca, una editorial independiente, necesitaba digitalizar su modelo de negocio con el desafío de centralizar dos canales de venta con lógicas opuestas en una sola plataforma: el cliente final (B2C), que busca una experiencia de descubrimiento, y el canal profesional (B2B – librerías y distribuidores), que exige eficiencia, rapidez y gestión de datos técnicos.
Enfoque y proceso de pensamiento
- Auditoría de UX Transaccional: Analicé el comportamiento de compra de ambos perfiles. Mientras el usuario particular valora la estética, calidad y el valor aportado por el producto, el B2B necesita herramientas de reposición rápida, stock disponible, vista catálogo y formas de pago alternativas. Mi enfoque fue diseñar una infraestructura que se adapte al usuario según su rol.
- Arquitectura de Información Segmentada: Proyecto un sistema de navegación que separa las experiencias. Implementé un flujo donde la complejidad técnica (descuentos por volumen, gestión de albaranes, pedidos por ISBN) solo aparece cuando para los usuarios profesionales, manteniendo la interfaz limpia para el usuario final.
- Diseño Sistémico y Modular: Construí una librería de componentes en Figma bajo principios de escalabilidad, conectando el diseño directamente con la lógica de maquetación web posterior. El diseño se concibió como un sistema preparado para absorber cientos de nuevas referencias y colecciones sin perder coherencia visual ni rendimiento técnico.
La Solución e implementación técnica
Construí una librería de componentes en Figma bajo principios de escalabilidad, conectando el diseño directamente con la lógica de maquetación web posterior. El diseño se concibió como un sistema preparado para que sea escalable y sin perder coherencia visual ni rendimiento técnico.
- Maquetación con HTML5, CSS3 y Wordpess: Diseñé una interfaz minimalista que respeta el legado cultural de la editorial. En lugar de depender de pesados maquetadores visuales que destruyen el rendimiento, intervine directamente el código utilizando HTML5 y CSS semántico para potenciar el maquetador nativo de WordPress y optimizar la jerarquía tipográfica, el rendimiento de carga (Core Web Vitals) y garantizar una adaptabilidad responsive milimétrica.
- Motor de Venta Híbrido y Lógica B2B: Configuré y extendí las capacidades de WooCommerce mediante la implementación de plugins técnicos de gestión de roles de usuario. Desarrollé una lógica de precios dinámica donde el sistema reconoce el rol del usuario (Librería, Distribuidor, Cliente Final) y aplica automáticamente tarifas especiales, condiciones fiscales específicas y precios PVP en tiempo real.
- Panel B2B Avanzado y Optimización de Consultas: Creé un área privada exclusiva para profesionales. Implementé un sistema de pedido rápido por SKU / ISBN que permite compras en lote mediante tablas dinámicas, además de pasarelas de descarga masiva de facturas y seguimiento de pedidos técnicos, eliminando la dependencia del correo electrónico para la gestión comercial.
Resultados y Valor Aportado
- Optimización Operativa: Automatización total del canal de ventas profesional, reduciendo las tareas administrativas manuales gracias a la gestión automatizada de roles y tarifas.
- Rendimiento y Autonomía: Una maquetación limpia y una selección precisa de plugins técnicos que garantizan un sitio web rápido, seguro y fácil de mantener para el equipo de la editorial.
- Consistencia e Infraestructura Escalable: Un sistema robusto capaz de gestionar un catálogo extenso con una arquitectura de datos limpia, demostrando que el buen diseño y el código eficiente van de la mano para escalar el prestigio de una marca al entorno digital.
