El problema real
Strike llegó con logo, identidad y packaging resueltos, pero sin tienda. Partiendo de eso como referencia diseñé el tema, lo implementé y lo personalicé, y desde entonces le doy mantenimiento.
El catálogo son ocho líneas de producto, entre cartuchos, pre-rolls, flores, gomitas, vapes desechables y dabs, y cada una tiene sus propias cepas y tamaños de empaque. Si cada línea lleva su propio filtrado, son ocho implementaciones que se desincronizan en el primer cambio, así que construí uno solo, reutilizable, y conecté todas las líneas a él. Sobre esa base va la cuadrícula de productos con búsqueda y paginación.
Lo que saca a esta tienda de lo estándar es la parte regulatoria. Cada producto necesita su Certificado de Análisis visible, verificable y al día: el documento de laboratorio que dice qué contiene realmente. Eso no es un campo que se agrega al final, es un sistema que hay que mantener. Cada producto lleva su COA enlazado y descargable, en una cuadrícula dedicada para que alguien verifique los resultados antes de comprar.
La misma regulación terminó decidiendo la plataforma. Las pasarelas de pago tratan esta categoría de producto de forma distinta, y las que funcionan no encajan en el flujo de checkout de Shopify. Así que la tienda está migrando a WordPress con WooCommerce, y ese rediseño lo hice completo antes de tocar código: unas cuarenta pantallas, con cuenta de cliente, carrito, checkout, el canal mayorista y las páginas de políticas, no solo la portada.
De ahí salió un sistema de diseño en theme.json, con la paleta, tres familias tipográficas y una escala de tamaños por breakpoint, más un documento que mapea cada sección a su bloque o patrón exacto de Gutenberg. La regla que me puse fue usar los bloques nativos en su presentación por defecto y ajustar solo color y tipografía vía tokens, reservando bloques propios para lo que no tiene equivalente nativo. Cuesta más al principio y evita entregar un tema que después nadie pueda mantener.
La migración trajo además un requerimiento nuevo: un canal mayorista. Quien se registra queda pendiente de aprobación, y una vez aprobado ve precios de mayorista y productos que no existen para el resto de los visitantes.
Tecnologías
- Plataformas: Shopify, WordPress con WooCommerce (migración en curso)
- Lenguajes: Liquid, PHP, HTML, CSS, JavaScript
- Framework / CMS: Shopify OS 2.0, secciones, metafields; WordPress FSE, Gutenberg, theme.json, ACF
- Áreas de enfoque: Diseño e implementación de tema, arquitectura de catálogo, documentación de cumplimiento, acceso mayorista, migración de plataforma
