Portafolio / Captación y contenido local
Nadie busca un trámite. Busca salir del problema.
Quien llega a este sitio acaba de recibir un comparendo, descubrió un embargo sobre su carro o no sabe si el traspaso que firmó quedó bien. Está asustado y con prisa, que es la peor combinación para tomar una decisión cara. Construimos un sitio que primero le explica su caso y solo después le ofrece hablar: 6 servicios, 22 artículos escritos sobre lo que la gente realmente busca, y cada botón abriendo un WhatsApp que ya sabe de qué venía a hablar.
01El encargo
Una categoría donde abunda el tramitador.
El trámite vehicular en Colombia se resuelve, casi siempre, por recomendación: alguien conoce a alguien que «le mueve eso». Es un mercado con mucha informalidad, donde el cliente no sabe distinguir a un asesor serio de quien va a cobrarle por gestionar algo que él mismo podía hacer gratis. La desconfianza es el estado por defecto.
El encargo fue construir la presencia digital de una asesoría que trabaja al revés: revisa el caso antes de cobrar, explica las alternativas y dice cuándo no vale la pena contratar a nadie. Eso obliga a un sitio que educa primero — y que no promete resultados, porque el resultado no depende de la asesoría sino del organismo de tránsito.
Lo que el sitio tenía que hacer
- 01Explicar trámites complejos en lenguaje llano
- 02Cubrir Medellín y el Valle de Aburrá
- 03Captar por intención de búsqueda, no por marca
- 04Llevar a una conversación humana, no a un formulario
- 05No prometer un resultado que no controla
- 06Operar sin backend ni base de datos
Nuestro rol
Arquitectura del sitio, sistema visual, desarrollo en Astro, modelo de contenido con validación de esquema, redacción y estructura editorial, SEO técnico y local, instrumentación de analítica con consentimiento, y automatización del despliegue con verificación de enlaces.
02Las decisiones
Tres cosas que este sitio deliberadamente no hace.
La arquitectura se definió por sustracción. Cada pieza que no se construyó es una pieza que no hay que mantener, no se puede romper y no se puede filtrar — y en este negocio eso importa más que una función de más.
Generación estática, y ya.
Astro compila a HTML, CSS y JavaScript, y el hosting solo sirve archivos planos. No hay base de datos, ni API, ni sesiones, ni SSR. La superficie de ataque de un sitio que solo entrega archivos es de otro orden.
Los datos no pasan por nosotros.
El formulario de contacto no hace POST a ningún lado: arma el mensaje en el navegador y lo entrega a WhatsApp. El nombre, el municipio y la descripción del caso viajan a la conversación, no a un servidor nuestro. No hay nada que custodiar.
El resultado no lo decide el sitio.
Un comparendo se anula o no según la autoridad competente. El copy dice eso en cada servicio. Prometer resultados sería vender mejor y ser el mismo tramitador del que el cliente quiere diferenciarse.
03La regla
Lo que decidió el tono de todo el sitio.
Explicar antes de cobrar.
El titular de la página de multas no dice «pagamos tu comparendo». Dice que recibir un comparendo no significa que debas pagarlo de inmediato sin revisar tus opciones. Es información que le sirve al lector aunque no contrate — y ese es exactamente el punto.
Cada servicio y cada artículo llevan la misma estructura: qué te pasó, qué alternativas existen, qué requisitos hay, qué plazos corren y cuándo conviene pedir orientación. La conversión no viene de presionar, viene de ser el sitio que le contestó la pregunta cuando estaba solo a las once de la noche.
ExplicarOrientarConversar
04Sistema visual
Papel y tinta, con un verde que solo actúa.
Fondo base de todo el sitio
- HEX
- #FAFAF9
- RGB
- 250 · 250 · 249
Bandas alternas que separan secciones
- HEX
- #F3EFE9
- RGB
- 243 · 239 · 233
Titulares y las dos bandas oscuras
- HEX
- #0F172A
- RGB
- 15 · 23 · 42
Texto secundario y notas al pie
- HEX
- #475569
- RGB
- 71 · 85 · 105
El botón de WhatsApp y nada más
- HEX
- #0D9488
- RGB
- 13 · 148 · 136
Fondo de los avisos y los estados suaves
- HEX
- #F0FDFA
- RGB
- 240 · 253 · 250
05Tipografía
Tres familias, servidas desde el propio dominio.
DM Sans
Aa Bb Cc — 0123456789
Medium 500 · SemiBold 600 · Bold 700
Inter
Aa Bb Cc — 0123456789
Regular 400 · Medium 500 · SemiBold 600
Lora
Aa Bb Cc — 0123456789
Regular 400 · Medium 500 · Itálica
Tu trámite de tránsito, revisado con claridad.
clamp(34–56) · -2% · 700Orientación clara para cada trámite
clamp(28–40) · -1% · 700Levantamiento de embargos y limitaciones
clamp(18–22) · 0 · 600Revisamos el estado de tu multa, las alternativas disponibles y los pasos que puedes seguir según tu caso.
16 / 27 · 0 · 400Antes de pagar, firmar o iniciar el trámite, confirma qué documentos y pasos necesitas.
15 / 26 · 0 · 400 · serif06La conversión
Del botón a un WhatsApp que ya sabe de qué va.
No hay un solo enlace de WhatsApp escrito a mano en el sitio. Todos se construyen desde una función que recibe el servicio, el origen del clic y el tipo de solicitud, y devuelve un mensaje ya redactado. Cambiar el número o el saludo se hace una vez y viaja a los trece botones de la portada.
site.ts
Teléfono, horarios y mensajesAstro
Páginas y componenteswhatsapp.ts
Constructor de enlacestracking.ts
Eventos sin dato personalConsent Mode v2
Medir solo si aceptaWhatsApp
La conversación real
- 01
Llega por una pregunta
El visitante no busca la marca: busca «cómo impugnar una fotodetección en Medellín». Cada artículo y cada servicio está escrito sobre una de esas búsquedas concretas.
- 02
Lee antes de decidir
Explicación, requisitos, pasos, plazos y preguntas frecuentes. La página resuelve la duda aunque el lector nunca escriba, que es lo que hace que escriba.
- 03
Encuentra el botón donde está mirando
Header, hero, tarjeta de servicio, cuerpo del artículo, contacto y una barra fija en móvil. No hay que buscar cómo contactar: el punto de conversión acompaña la lectura.
- 04
El mensaje se arma solo
El constructor toma el servicio y el origen, sanea el número, codifica el texto y devuelve el enlace. Quien abre WhatsApp encuentra el mensaje escrito: no tiene que explicar desde cero lo que acaba de leer.
- 05
Se registra el clic, no la persona
Los eventos guardan la página, la posición del botón y el servicio. Nunca la placa, la cédula, el nombre ni el texto del formulario. Y solo se envían si el visitante aceptó el banner.
- 06
Contesta un humano
Ahí termina el trabajo del sitio. La calificación del caso, la viabilidad y el presupuesto los decide la asesoría hablando, que es como se decide de verdad en esta categoría.
6 servicios · 22 artículos · Medellín · Itagüí · Envigado · Sabaneta · Bello
07SEO local y contenido
Veintidós artículos que empiezan por el problema.
El blog no está para publicar: está para interceptar la búsqueda antes que la competencia. Cada pieza se planteó como el eslabón de una cadena — problema concreto, artículo que lo explica, servicio relacionado, conversación.
Los títulos son preguntas reales.
Diferencia entre comparendo, fotomulta y fotodetección; descuentos del 50 % y del 25 %; qué pasa si vendiste un carro con multas pendientes; cómo se levanta un embargo por impuestos. Son las búsquedas que hace alguien con el problema encima.
Datos estructurados en cada plantilla.
Verificado uno por uno en producción: la portada sirve WebSite · ProfessionalService · FAQPage · HowTo; cada servicio, FAQPage · HowTo; cada artículo, Article · FAQPage. Las preguntas frecuentes salen del mismo texto que lee la persona.
Cobertura sin inventar una dirección.
El sitio declara Medellín, Itagüí, Envigado, Sabaneta, Bello y el Área Metropolitana, y el mapa muestra la ciudad como zona general. No se publicó una dirección física porque el negocio no la tenía confirmada, y un dato falso en SEO local se paga caro.
08Las piezas
El sitio en producción, tal como se recorre.
«Tu trámite de tránsito, revisado con claridad» sobre la foto de una fotodetección real de la ciudad. Al lado, el sello de consulta inicial sin costo; debajo, la advertencia serif que aparece antes de cada consejo del sitio.
Cada tarjeta abre con el problema del lector —«recibiste un comparendo», «vas a comprar o vender un vehículo»— y no con el nombre del servicio. Dos salidas por tarjeta: leer más, o consultar ya.
La única banda a sangre en tinta de la portada, con el proceso explicado en pasos. Es donde se responde la pregunta que frena la consulta: qué pasa exactamente después de escribir.
Migas de pan, el problema explicado en un párrafo que empieza por lo que el lector teme, dos acciones y la lista de en qué se le puede orientar. La misma plantilla sirve los seis servicios.
El bloque que alimenta el FAQPage de la portada. Está escrito para que el buscador lo pueda levantar entero y para que la persona no tenga que escribir a preguntar lo obvio.
Medellín y el Valle de Aburrá, con el mapa como zona de cobertura y no como dirección. La honestidad de este bloque es una decisión de SEO local, no de modestia.
Veintidós artículos con portada, categoría y fecha. El contenido propio es estático e indexable; el widget externo de artículos vive aparte, abajo, y se oculta solo si no carga.
Autor, fecha, categoría y una imagen de portada precargada como recurso LCP. Debajo, la estructura de siempre: qué es, cómo se pide, cuánto cuesta, preguntas frecuentes y el servicio relacionado.
El formulario que no guarda nada: reúne nombre, servicio, municipio y descripción en el navegador y los entrega a WhatsApp. Sin POST, sin base de datos, sin dato que custodiar.
Analytics no arranca hasta que alguien acepta. Los cuatro permisos —analítica, publicidad, datos de usuario y personalización— entran denegados por defecto, y solo el analítico se activa al aceptar.
La mayoría de estas consultas se hacen desde el celular, muchas veces con el comparendo en la mano. La barra de contacto queda fija abajo y el primer pantallazo ya trae la acción principal.
09El trabajo
Lo que hay publicado.
Cifras del entregable, comprobadas contra el sitio en producción el 25 de agosto de 2026: el sitemap se recorrió URL por URL y la verificación de enlaces corre en cada despliegue.
- 36
- URLs en el sitemap, todas sirviendo 200
- 22
- Artículos con esquema de contenido validado
- 840
- Referencias internas verificadas en cada build
- 0
- Hojas de estilo externas: el CSS va en línea
10Build y despliegue
Publicar no debería dar miedo.
El sitio se despliega solo al empujar a la rama principal, pero no se despliega si algo está mal. Hay tres compuertas antes de que un archivo toque el servidor, y ninguna depende de que alguien se acuerde de revisarla.
Astro compila o no se sube nada.
GitHub Actions instala con npm ci, compila y comprueba que exista el índice generado. Si el build no produce 37 páginas y su punto de entrada, el flujo se detiene ahí.
Ochocientas cuarenta referencias.
Antes de tocar el hosting se recorren todas las referencias internas del build. En la última verificación: 840 revisadas, 0 rotas. Un enlace muerto en un sitio de trámites es una consulta perdida.
Solo sube el resultado.
El contenido compilado se sincroniza por SSH contra la raíz pública, con las credenciales fuera del repositorio. Nunca suben el código fuente, las dependencias ni la documentación interna.
11El estado
En el aire, y con la lista de lo que sigue.
tramitestransitomedellin.com está en producción. Las 36 URLs del sitemap responden 200, la 404 personalizada devuelve un 404 de verdad, el documento declara es-CO, no hay una sola hoja de estilos externa y las tres tipografías se sirven desde el propio dominio: cero peticiones a Google Fonts en la primera carga.
Lo que sigue está escrito: confirmar razón social y dirección para cerrar las páginas legales con su responsable, revisar con un experto el contenido de impuestos vehiculares, conectar Search Console y definir las conversiones en la analítica. Y una tarea que no termina nunca en esta categoría: revisar las fechas y las cifras de los artículos cada vez que cambia un descuento o una tarifa.
Cómo está construido
- 01Astro con generación estática, sin SSR
- 02TypeScript en modo estricto
- 03Contenido en Markdown validado con Zod
- 04CSS propio, en línea en cada documento
- 05DM Sans, Inter y Lora autoalojadas
- 06Google Analytics 4 con Consent Mode v2
- 07GitHub Actions y sincronización por SSH
- 08Hostinger sirviendo archivos planos
Qué no afirma este caso
No hay cifras de tráfico, consultas, conversión ni posiciones. El sitio mide con consentimiento y esos datos son del cliente; además, el proyecto entero se construyó sobre no prometer lo que no se controla, y eso vale también para su propio caso de estudio.
Sigue el trabajo
Cuando la duda da miedo, gana el sitio que la resuelve — no el que la aprovecha.
Trámites, salud, legal, seguros: en las categorías donde el cliente llega asustado, explicar de más es la estrategia comercial. El que contesta la pregunta gratis es el que recibe la llamada.
Cuéntanos tu proyecto