Sublimax - Catálogo Público y Carrito por WhatsApp

E-commerce de autoservicio con ficha olfativa interactiva, PWA offline y checkout directo a WhatsApp

Angular TypeScript Tailwind CSS Laravel PostgreSQL Cloudinary PWA CI/CD

Resumen

Canal público de e-commerce para Sublimax: permite a los clientes explorar el catálogo de perfumería y personalización textil DTF en tiempo real, consultar fichas olfativas interactivas y armar pedidos con carrito local que se envían directamente a WhatsApp sin requerir registro ni backend propio para el carrito.

Desafío

Ofrecer una experiencia de compra rápida, de alta conversión y sin fricción para el mercado venezolano, protegiendo los datos sensibles de inventario y costos del ERP Subladmin, con soporte offline y tiempos de carga instantáneos en dispositivos móviles.

Solución

Frontend en Angular con Standalone Components, Signals y Tailwind CSS, conectado a la API de Subladmin con endpoints públicos seguros (/api/catalogo-publico/**) que topan el stock a 10 unidades y excluyen costos y SKUs. Incorpora un carrito 100% en localStorage con revalidación de precio y disponibilidad al momento de generar el mensaje estructurado para WhatsApp. Incluye fichas olfativas con pirámide de notas porcentuales, marcas de agua automáticas con el logo de Sublimax procesadas en Cloudinary, telemetría de comercio electrónico con Google Analytics 4 (funnel completo), PWA con caché offline vía Service Worker, y una arquitectura AIO / GEO y SEO integral con Schema.org JSON-LD (Product, Offer, OnlineStore, FAQPage), sitemap dinámico con imágenes y protocolo llms.txt para visibilidad en ChatGPT Search y Perplexity.

Resultados

En producción en Vercel (sublimaxcatalogo.vercel.app), canal oficial de venta digital de Sublimax con visualizaciones constantes y pedidos cerrados por WhatsApp con alta tasa de conversión.

Pipeline CI/CD y Automatización

Integración Continua (CI)

Comparte el pipeline de CI de Subladmin (mismo repo): los 766 tests de backend y 654 de frontend deben pasar antes de compilar y desplegar.

Despliegue Continuo (CD)

Se despliega junto con el panel admin desde el mismo workflow: al pasar el gate de tests, el job de CI publica el build directo a la red Edge de Vercel vía su CLI. El auto-deploy nativo de Vercel está desactivado.

Volver al portfolio Ver demo