Caso de estudio
ZCOO
- Papel
- Arquitectura frontend e interfaz
- Producto
- Frontend para e-commerce
Nuevo frontend para ZCOO sobre la tienda WooCommerce que ya utilizaba el negocio.
- Astro
- React
- Three.js
- WooCommerce
El proyecto
ZCOO es una tienda de pastillas de freno para moto. El catálogo, los productos y la operación comercial ya vivían en WooCommerce, pero la interfaz pública necesitaba un cambio para presentar la marca, explorar el catálogo y llegar a la compra.
El encargo era sustituir el frontend sin migrar el catálogo ni la compra a otra plataforma.
Mi trabajo
- Construí el nuevo frontend público de ZCOO.
- Implementé la interfaz y los flujos de exploración y compra.
- Lo conecté con el WooCommerce existente.
- Desarrollé recursos interactivos y visuales con React y Three.js.
Mantener WooCommerce, cambiar el frontend
Mantuve WooCommerce para el catálogo y la compra. Así pude construir una interfaz nueva sin cambiar los procesos que ya utilizaba el negocio.
Astro entrega la mayor parte de la interfaz con poco JavaScript inicial. Usé React y Three.js solo en las partes que necesitaban interacción o gráficos 3D.
La interfaz que construí
- Frontend construido con Astro.
- Componentes interactivos con React.
- Recursos visuales 3D con Three.js.
- WooCommerce como catálogo y base de la operación comercial.
- Interfaz adaptable a móvil y escritorio.
Ver el proyecto
ZCOO mantiene su catálogo y su compra en WooCommerce. El nuevo frontend presenta la marca y lleva al usuario hasta esos flujos.