Proyectos Shopify y B2B

Handcrafted in Spain

Portal mayorista para Émolo, marca de joyería hecha a mano de Murcia, construido sobre el tema Prestige que ya usaba la tienda. El acceso lo decide una única condición de Liquid sobre customer.b2b? que leen todos los precios, badges de stock y botones de compra, de modo que un visitante sin sesión iniciada o un cliente sin empresa nunca recibe un precio en el HTML. Aun así, los compradores pueden ocultar sus propios precios en pantalla: la preferencia se guarda en localStorage y se aplica en el head, antes de que se pinte la página.

La tabla de pedido se renderiza en Liquid y la controla un custom element, con una fila por variante y stock en tiempo real. Sus selectores de cantidad se inicializan una sola vez desde /cart.js y se mantienen sincronizados con el evento cart:change del tema, así que una variante muestra la misma cantidad en la página de producto, en cada tarjeta de colección y en los resultados de búsqueda. Al enviar, se hace una única llamada a /cart/update.js con cantidades absolutas: un primer pedido, una ampliación y una reducción son la misma petición, y una línea rechazada deja el carrito intacto. Completan la tabla: galerías por variante desde un metafield, cambio entre vista de parrilla y de lista, búsqueda por referencia (SKU) que marca la fila coincidente, estado de stock en cada línea del carrito y un handler de pageshow que vuelve a leer el carrito cuando el navegador restaura la página desde la bfcache.

Timeless jewelry, Menorca 1998

Tienda mayorista para Vidal & Vidal, casa joyera menorquina, en Shopify Plus. El tema B2B nació como una exportación directa del tema Sleek de la tienda B2C, sin ninguna lógica B2B, así que el primer trabajo fue limpiar 29 plantillas huérfanas heredadas de esa exportación. Siete de ellas hacían referencia a vídeos que solo existen en la tienda B2C y rompían shopify theme dev; eliminarlas redujo la carpeta templates en un 75 %.

La tabla de pedido es la de Émolo llevada a otro tema: la misma lógica, con una capa de adaptación que sustituye los eventos de carrito de Prestige por el pub/sub y el section bundling de Sleek, y el mismo contrato de red que la lista de pedido rápido nativa de Sleek, así que el carrito lateral y la cabecera se actualizan sin código adicional. Cada fila muestra el stock, el precio mayorista junto al PVP, que sale de un metafield de tipo dinero de la variante, y una muestra de color resuelta desde un metaobject. A /cart/update.js solo se envían las filas que han cambiado, con cantidades absolutas y en una petición marcada como XHR para que Shopify valide el inventario. El total acumulado se formatea a partir de un importe de ejemplo renderizado con Liquid, así que coincide con la moneda de la sesión en todos los mercados. La compra está cerrada a cualquiera que no sea cliente mayorista.

Wellness backed by science

Portal de pedidos B2B para IVB Wellness Lab, un laboratorio español de suplementos presente en más de 3000 farmacias, construido sobre el tema Enterprise a partir de los diseños de la marca en Figma. Las farmacias compran por tramos de volumen, así que la lógica de tramos recorre la cabecera, la página de producto y el carrito: el tramo actual del comprador aparece en la navegación, y el siguiente se calcula en Liquid a partir de una configuración en un metafield de la tienda, de modo que el cliente cambia los umbrales sin publicar una nueva versión del tema.

La página de producto incluye una tabla de pedido multivariante cuyas filas también pueden ser productos hermanos enlazados mediante un metafield, con galerías por variante y un pie con los totales, y mantiene sincronizadas las secciones dependientes cuando una fila cambia de variante. Los badges de producto y los esquemas de color son metaobjects que el tema convierte en marcado y clases CSS, así que el merchandising se gestiona desde el admin. La compra está restringida a cuentas de empresa, las colecciones se abren en una vista de lista pensada para repetir pedidos, los badges de descuento redondean a la baja igual en todas partes, el PVP sale de un metafield y el carrito ofrece material promocional en un pop-up cuando el comprador va a pagar.

Improving Health Worldwide

Desarrollo de una plataforma de ecommerce B2B para una empresa biotecnológica española especializada en suplementos de hongos medicinales: precios mayoristas por tramos, un portal específico para profesionales y un filtrado de productos adaptado a profesionales sanitarios.

Implementación de Shopify B2B: visibilidad del catálogo según el segmento de cliente, páginas de producto optimizadas para el rendimiento con contenido multimedia de carga diferida, un doble flujo de compra B2C y B2B, y una arquitectura de información de producto pensada para profesionales sanitarios.

A RIDING LEGACY

Desarrollo en Shopify Plus de una plataforma internacional de catálogo B2B para un fabricante de cascos de moto, que da servicio a sus redes de distribuidores en varios mercados europeos.

Autenticación específica para distribuidores con lógica de precios por volumen, exportación del catálogo a PDF, tienda multiidioma mediante la integración con Shopify Markets y una arquitectura de colecciones a medida que soporta una gestión de variantes compleja.

TU PIEL ES NUESTRO UNIVERSO

Renovación a fondo en Shopify Plus de una tienda online de belleza, centrada en mejorar las Core Web Vitals, junto con nuevas funciones mayoristas B2B y un embudo de conversión rediseñado.

Trabajo en Shopify Plus: filtrado avanzado por facetas en las colecciones, un portal de clientes B2B con precios por tramos, un carrito lateral optimizado con carga diferida y una ficha de producto rediseñada.

MAKE LIFE ELECTRIC

Desarrollo de una tienda B2B para un distribuidor español de recambios de patinetes y bicicletas eléctricas, con un carrito colaborativo en tiempo real mediante WebSockets, algo inédito hasta entonces en el entorno Shopify del cliente.

Funcionalidades a medida en Shopify B2B: sincronización en tiempo real del carrito entre varios usuarios con WebSockets, una parrilla de variantes responsive que gestiona una lógica de inventario compleja (unidades frente a cajas), gestión de cuentas de empresa y un portal de distribuidores con visibilidad de precios por tramos.

PASSION AND LIFESTYLE

Colaboración con la agencia Reduncle en un proyecto continuo de desarrollo Shopify para una marca de moda de Barcelona, con mejoras de UX y funcionalidades a medida para la tienda.

Se pusieron en producción una barra de anuncios con velocidad configurable, el añadido rápido desde las parrillas de colección con selección de talla integrada, un rediseño a medida del carrito lateral, la lógica automática de badges de agotado y una experiencia propia para la página de contraseña.

Quality fashion

Desarrollo integral de un tema a medida en Shopify Plus para una marca española de moda masculina premium, desde la arquitectura hasta el lanzamiento, con especial atención a las puntuaciones de rendimiento y a la preparación para mercados internacionales.

Tema a medida con puntuaciones de LCP y CLS optimizadas, filtrado de colecciones con actualización en vivo, modales dinámicos de guía de tallas, integración de lista de deseos y configuración de Shopify Markets para dar soporte multidivisa y multirregión.

Wear the tradition, carry the art

Desarrollo Shopify a medida para una marca española de ropa clásica, centrado en la mecánica de las campañas promocionales y en una narrativa de producto rica en contenido.

Se entregaron componentes de cuenta atrás para campañas de temporada, mensajes de descuento por pack, tarjetas de producto con varias imágenes al pasar el ratón y un módulo configurable de colección destacada para maquetaciones de estilo editorial.

Redefining Jewelry Brilliance

Personalización continua de Shopify y trabajo de UX para una marca de joyería contemporánea, a través de la agencia Reduncle, centrados en el descubrimiento de producto y los upsells en el carrito.

Se implementaron una parrilla de productos con scroll horizontal para colecciones con maquetación editorial, una ficha de producto personalizada con contenido multimedia propio de cada variante, la integración de upsells en el carrito y ajustes de UX orientados a optimizar la conversión.

SENSE OF TOUCH

Desarrollo y mantenimiento Shopify específicos para una marca consolidada de dermocosmética, a través de la agencia Reduncle, con funcionalidades para campañas de temporada, personalizaciones de apps y mejoras continuas en la web.

Modificaciones de temporada en el carrito para Black Friday, gestión de ofertas promocionales, personalización de apps para flujos de trabajo propios de la marca y correcciones de maquetación responsive para garantizar la coherencia en todo tipo de dispositivos.

Uniting mind, body, and planet

Desarrollo de mejoras funcionales y de UX para una marca sostenible de estilo de vida yoga, que agilizan el descubrimiento de producto y el flujo de compra en los puntos clave de conversión.

Añadido rápido al carrito desde las parrillas de colección, módulo de venta cruzada «Completa tu look» a medida, personalización de etiquetas de producto editables y ajustes en el carrito lateral para reducir la fricción en el proceso de compra.

PRODUCTO DE VERDAD. SIN INTERMEDIARIOS.

Desarrollo de una tienda Shopify totalmente personalizada para una marca emergente de venta directa al consumidor, siguiendo un sistema de diseño ya definido y con una experiencia coherente con la marca y orientada a la conversión.

Tema a medida con una maquetación fiel al diseño píxel a píxel, descubrimiento de producto mejorado con filtros personalizados, tipografía y sistema de color alineados con la marca, y un flujo de carrito y página de producto mobile-first.

Sunlight birds

Personalización continua de Shopify e integración de apps para un comercio de moda, con mejoras de funcionalidad concretas y una tienda más orientada a la conversión.

Modificaciones a medida del formulario de producto, etiquetado automático con badge de descuento para los artículos rebajados, integración de búsqueda inteligente, lógica de upsell en el carrito y personalización de apps de terceros para ajustarse a requisitos precisos de la marca.

Hair surgeons

Dirección, desde VRANDED Haus, del desarrollo Shopify continuo y de la estrategia técnica de una marca española premium de cuidado capilar, como su principal partner de desarrollo durante más de un año.

Auditorías técnicas semanales, un sistema de perfil de usuario a medida con historial de pedidos, instalaciones e integraciones de apps complejas, mecánicas promocionales y supervisión de paid media, con mejoras entregadas a lo largo de una colaboración recurrente de más de 12 meses.

Timeless Elegance

Desarrollo y mantenimiento Shopify continuos, desde VRANDED Haus, para una marca de estilo de vida de alta gama, sustituyendo suscripciones costosas a apps de terceros por soluciones internas, ligeras y hechas a medida.

Mantenimiento diario de la web, desarrollo de funcionalidades a medida y una estrategia de sustitución de apps que eliminó costes recurrentes de SaaS: componentes propios en Liquid y JavaScript para lista de deseos, productos vistos recientemente y lógica promocional.