FacilCar · Catálogo de taxis con cupo

Encuentra tu taxi con cupo, a un mensaje de distancia

Contexto

FácilCar es el catálogo de taxis usados con cupo financiados por Clave Financiera, la marca que reemplazó a Clave 2000 tras su rebranding. No es un e-commerce: cada pantalla busca que la persona contacte a un asesor por WhatsApp o deje sus datos en un formulario que llega al CRM.

🖌️ Figma

🖥️ WordPress headless

🏗️ Astro

⌨️ TypeScript

🎨 Tailwind CSS

✅ Zod

📊 Google Tag Manager

Tipo de proyecto

Diseño y desarrollo web

Rol

UX/UI, desarrollo front-end, CMS e integraciones

Resultado

En producción en catalogo.facilcar.com.co.
56 páginas generadas desde el inventario y 41 redirecciones 301 que conservan el posicionamiento.
Integración con el CRM verificada de punta a punta con un lead real.

El reto

Reemplazar un catálogo que ya funcionaba sin perder tráfico, leads ni posicionamiento. No era un lienzo en blanco:

Las URLs estaban indexadas y se compartían por WhatsApp; no podían romperse.
Google Ads y Search Console apuntaban a un dominio concreto con www.
El CRM de captación de Clave Financiera debía seguir funcionando igual.
El inventario rota constantemente y muchos vehículos no tienen fotos.

Objetivo

Un catálogo moderno, rápido y preparado para SEO que reemplazara al anterior sin perder autoridad.
Una experiencia pensada para móvil, donde está la mayoría del tráfico, enfocada en contactar al asesor.
Una arquitectura mantenible que separara la gestión del contenido de la presentación.
Conservar y mejorar las integraciones con el CRM y la analítica.

Mi rol

Trabajé en el proyecto de punta a punta:

UX/UI: experiencia y pantallas de inicio, catálogo, ficha del vehículo y sus estados.
Front-end: arquitectura de componentes y desarrollo completo en Astro, TypeScript y Tailwind CSS.
CMS: administración de WordPress como backend y campos de la REST API a medida para el frontend.
Integraciones: formulario conectado al CRM y medición con Google Tag Manager, GA4 y Google Ads.
SEO y publicación: metadatos, datos estructurados, redirecciones 301, despliegue y documentación técnica.

Decisiones clave

WordPress headless + Astro: el contenido ya se gestionaba en WordPress; separarlo del frontend permitió un sitio estático, rápido e indexable, sin un servidor de aplicación que mantener.
Validación de datos con Zod: con un inventario que cambia a diario, la publicación se detiene si un vehículo llega con datos inválidos. Es mejor no publicar que publicar algo roto.
Filtros en panel inferior en móvil: los mismos filtros son una columna en escritorio y un panel inferior en móvil, con el estado guardado en la URL para poder compartir una búsqueda.
La placa en la URL: muchos taxis comparten marca, línea, año y ciudad; la placa garantiza una dirección única y estable para cada ficha.
Sin fotos, sin imagen genérica: si un vehículo no tiene fotos, la ficha técnica ocupa el lugar de la galería y en móvil el precio y el contacto suben primero.

Solución

Inicio: buscador por ciudad, marca y línea, exploración por ciudad y oportunidades destacadas.
Catálogo: filtros por marca, línea, precio y año, orden de resultados y búsqueda guardada en la URL.
Ficha del vehículo: galería, precio, cuota inicial, contacto por WhatsApp, formulario y vehículos similares, con estados para vendido y sin fotos.
Herramientas internas: búsqueda por placa para el equipo y una página 404 que lleva de vuelta al catálogo.

Resultados

El catálogo está publicado y funcionando en catalogo.facilcar.com.co.
Al lanzamiento se generaron 56 páginas estáticas a partir del inventario real.
41 redirecciones 301 conservan los enlaces del catálogo anterior y su posicionamiento.
La integración con el CRM se verificó de punta a punta con un lead real.
Se corrigieron dos fallos del sitio anterior: el formulario confirmaba el envío ante cualquier respuesta y dejaba datos personales en la URL.

Aprendizajes

Separar el CMS del frontend da más control sobre el diseño y el rendimiento.
Validar los datos antes de publicar convierte los errores en avisos tempranos, no en páginas rotas.
Diseñar desde el inicio pensando en SEO, pauta, CRM e inventario exige decisiones conscientes y documentarlas.

Pantallas relevantes

Inicio con buscador, catálogo por ciudad con filtros, ficha del vehículo con contacto por WhatsApp y oportunidades destacadas.

Responsive

En móvil: buscador en el inicio, catálogo con botón Filtrar, filtros en un panel inferior y ficha con el precio primero.