Ciudad Moto
Desarrollé con Next.js y TypeScript el sitio web de una concesionaria de motos: un catálogo de casi cien modelos que se actualiza subiendo fotos y lleva cada consulta a WhatsApp.
- Rol
- Desarrollador Web
Desde
2 mesesHasta
Punto de partida
Ciudad Moto vende en sus sucursales y por WhatsApp. La web tenía que mostrar todos los modelos, las promociones del mes y las condiciones de financiación, y actualizarse sin depender de un desarrollador cada vez que entra un modelo nuevo.
Qué hice
- Desarrollé el sitio con Next.js, React y TypeScript, a partir de un diseño trabajado en equipo.
- Armé el catálogo y las promociones para que se generen a partir de las carpetas de fotos: cada imagen se asocia a su marca y modelo por el nombre del archivo.
- Sumé búsqueda y filtros por marca.
- Conecté cada ficha con WhatsApp y con la solicitud de crédito.
- Generé páginas estáticas, metadatos y una entrada del sitemap por modelo para facilitar que los buscadores descubran y comprendan cada ficha.
Resultado
Un catálogo que crece agregando fotos, no escribiendo código, y un camino corto entre ver una moto y hablar con un vendedor. Está publicado en ciudadmoto.com.
Decisiones técnicas
Un catálogo que se arma solo
Antes de cada build, un script recorre las carpetas de imágenes por marca y modelo, normaliza los nombres, genera los slugs y escribe un manifiesto. Sumar una moto es subir sus fotos: la ficha, la URL y la entrada del sitemap aparecen solas.
Búsqueda en cualquier orden
La búsqueda separa lo que escribís en palabras y pide que todas aparezcan en la marca o el modelo, en cualquier orden: «gilera smash» y «smash gilera» encuentran la misma moto. Si no hay resultados, la página propone limpiar los filtros.
De la ficha a WhatsApp
Cada ficha abre una conversación de WhatsApp con el modelo ya escrito, y el pedido de crédito queda a un toque. El vendedor sabe de qué moto se habla desde el primer mensaje.
Stack
- Next.js
- Vercel
- TypeScript
- React
- Radix UI
- Framer Motion
- Tailwind CSS