Repuestos Alto
Catálogo LED y estimados 3D para una tienda de repuestos; todo termina en WhatsApp
- Sector
- Venta de repuestos automotrices
- Ubicación
- Pérez Zeledón, Costa Rica
- Año
- 2026
- Rol
- Diseño · Desarrollo · SEO · Video
Punto de partida
Repuestos Alto es una tienda de repuestos automotrices en San Isidro de El General, Pérez Zeledón. Su propia página de historia ubica el inicio del negocio en 1988. Además de repuestos y servicios para el vehículo, vende luces ALTO LED y opera ALTO 3D, un servicio que imprime réplicas de piezas automotrices.
Construimos su sitio en español: un catálogo LED, un formulario de estimado para piezas impresas en 3D, una página de marca para proveedores y un CMS con el que el personal puede editar el contenido. El catálogo tiene 28 productos y una búsqueda. No hay carrito. El catálogo, las páginas de producto y el estimado terminan en un mensaje de WhatsApp con los datos completos.
Lo que construimos
Catálogo LED con búsqueda tolerante
La búsqueda cubre los 28 productos e ignora tildes, mayúsculas y guiones, así que «pod5-954» y «POD5 954» dan el mismo resultado. El código exacto sale primero. Los filtros por tipo muestran su cantidad y cada vista filtrada tiene su propio enlace para compartir.
Una página por cada producto
Cada página muestra fotos, características y tabla de especificaciones, y 19 de las 28 incluyen videos de YouTube. El botón de WhatsApp lleva el nombre del producto en el mensaje. Cada página trae además datos de producto en el formato que leen los buscadores.
Formulario de estimado para piezas 3D
El cliente indica tamaño, uso, resistencia, acabado y cantidad. El formulario sugiere un material según las respuestas, muestra una cifra aproximada y pasa cada elección a WhatsApp. El formulario en sí no envía nada a un servidor.
Contenido que el personal edita
Los mensajes de portada, productos LED, categorías, logos de marcas, servicios y preguntas frecuentes vienen de Sanity, un CMS que se usa sin programar. Incluye una guía en español para el personal y una ruta de webhook firmada para refrescar la caché tras publicar.
Video promocional de 21.7 segundos
Escribimos el video como código con Remotion y lo generamos en dos formatos: 1080p horizontal para pantallas grandes y vertical para celulares. La página de inicio muestra la versión que corresponde y nada se reproduce hasta que alguien presiona play.
Manual de marca para aliados
Una página ofrece cuatro archivos de logo para descargar, además de siete colores de marca, dos tipografías y cinco reglas de uso correcto. Está pensada para los proveedores y aliados de la tienda.
Resultados
- productos LED, cada uno con su página y datos de producto
- 28
- páginas con el botón de WhatsApp y los datos de ubicación de la tienda
- 40/40
- 39 de 40 páginas desde caché, sin consultar el CMS en cada visita
- Prearmadas
- para portada, productos, servicios y preguntas, con guía en español
- CMS
- de video promocional, en versión horizontal y vertical
- 21.7 s
Galería
Tecnología
- Next.js
- React
- TypeScript
- Sanity
- Three.js
- Remotion
- Vercel
