Registro de entrega
Fecha del registro: 30 de octubre de 2025. La tecnología y las capturas describen la versión entregada según quedó documentada en esta fecha. Cualquier observación de rendimiento corresponde al mismo registro puntual. El sitio enlazado puede incluir cambios posteriores realizados por el cliente u otros proveedores.Contexto del negocio
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.
Problema
Los clientes necesitaban una forma más fácil de encontrar productos y comprar en línea sin perder el contacto directo por teléfono y WhatsApp propio de una tienda de barrio. La experiencia también debía permitir recogida, entrega local y envío.
Restricciones
Shopify debía seguir siendo la fuente de los productos, el inventario, el carrito y el checkout. La capa orientada al cliente tenía que funcionar en móvil y escritorio, presentar el catálogo con claridad y conservar el contenido bilingüe sin duplicar las operaciones de comercio.
Decisión
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.
Experiencia entregada
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.
Tienda y carrito
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.
Comunicación con clientes
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.
Operación
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.
Verificación pública
Queríamos una tienda en línea que facilitara encontrar nuestros productos y que a la vez conservara el servicio personal de una tienda de mascotas de barrio. Alejandro organizó el catálogo por tipo de mascota, agregó búsqueda de productos y filtros de precios, y creó una experiencia de compra sencilla para recoger pedidos, recibir entrega local y envíos. Los clientes pueden comprar en línea o comunicarse directamente con nosotros por teléfono o WhatsApp. El sitio web ahora apoya ambos lados de nuestro negocio: la comodidad de ordenar en línea y la relación local que nuestros clientes valoran.Jossie, 60 Pet Shop Miami
Propiedad y soporte
Fui responsable de la arquitectura de la tienda, la implementación en React, la integración con Shopify Storefront API, el descubrimiento responsivo de productos, la experiencia del carrito y la entrega al checkout representados en esta entrega. Mantener Shopify como fuente operativa separa la administración continua del catálogo y los pedidos del frontend personalizado para clientes.
Tecnología
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.