Proyectos
60 Pet Shop Miami – Plataforma E-commerce Moderna
60 Pet Shop Miami necesitaba una tienda online para una tienda de mascotas local que estaba ampliando su operación más allá del local físico. La experiencia debía cubrir descubrimiento de productos, carrito, checkout, contenido bilingüe y los datos operativos que ya administraba Shopify.
El proyecto usa una tienda headless para mantener una experiencia ligera y adaptada a la marca local, mientras Shopify conserva la responsabilidad del catálogo, inventario, carrito y checkout. El modelo de contenido también permite copy y metadata SEO localizada.
La tienda combina un frontend de React y Vite con la Storefront API de Shopify. Incluye exploración de productos, búsqueda y filtros, estado del carrito, entrega al checkout, layouts responsivos, contenido bilingüe y metadata localizada.
Las tarjetas de producto muestran imágenes, descripciones, variantes y disponibilidad desde Shopify. El carrito permite cambiar cantidades y pasar al checkout mediante la Storefront API, con estados de carga y vacío claros en móvil.
El sitio incluye captura de correo, puntos de contacto, contenido estructurado de productos y páginas responsivas. La capa de contenido mantiene etiquetas en inglés y español para la tienda y la información de apoyo.
Shopify permanece como fuente del catálogo y los pedidos. El frontend consume la Storefront API en lugar de duplicar los datos de productos o inventario, separando la experiencia del cliente de la administración del comercio.
El frontend usa React, TypeScript y Vite. Shopify proporciona la Storefront API, el catálogo, el carrito y los servicios de checkout. La implementación también usa CSS responsivo, contenido localizado, metadata SEO y herramientas de despliegue para el entorno de alojamiento de la tienda.