Web KGM SsangYong
Poderosamente coreana
Contexto
SsangYong Colombia, hoy «SsangYong es KGM», comercializa SUV y pickups en el país. Su sitio presenta el portafolio de vehículos, recibe solicitudes de cotización y test drive, y conecta con la red de concesionarios, la postventa y la tienda de repuestos.
🖌️ Figma
🖥️ WordPress
🏗️ Elementor
📊 Google Tag Manager
Tipo de proyecto
Diseño web
Rol
UX/UI y diseño web
Resultado
- Sitio rediseñado y publicado, con rutas claras hacia la cotización y el test drive.
- Formularios integrados al CRM y medición con Google Tag Manager.
- Administración y mantenimiento continuos del sitio.
El reto
Rediseñar el sitio de SsangYong Colombia para hacerlo más atractivo, adaptarlo a todos los dispositivos y mejorar funciones como la medición del tráfico y la recepción de formularios. Las condiciones:
- Presentar un portafolio amplio de SUV y pickups, cada modelo con su ficha técnica y su equipamiento de seguridad.
- Atender a públicos distintos: compradores particulares, empresas con flotas y clientes de postventa.
- Convertir las visitas en solicitudes de cotización y test drive que lleguen al CRM.
Objetivo
- Una navegación clara y un contenido organizado para encontrar la información rápido.
- Una experiencia fluida en móvil.
- Un sitio más rápido y con buenas prácticas de SEO.
- Formularios integrados al CRM y medición con Google Tag Manager.
Mi rol
Trabajé en el rediseño como diseñador web en Processoft, donde también me encargo de la administración y el mantenimiento del sitio:
- UX/UI: propuestas de diseño en Figma.
- Diseño web: construcción de las páginas en WordPress con Elementor.
- Optimización: velocidad de carga, imágenes y recursos optimizados y buenas prácticas de SEO.
- Marketing digital: trabajo con el equipo de marketing en la captación de leads y la medición.
Decisiones clave
- El vehículo como protagonista: cada modelo abre con su fotografía, su eslogan y el acceso a la ficha técnica, con el equipamiento de seguridad visible desde el primer pantallazo.
- La acción siempre a mano: una barra fija con Test Drive, Contacto/Cotizar y Concesionarios, más acceso directo a WhatsApp.
- Formularios cortos junto al vehículo: en las landing de modelo, «¡Cotiza la tuya!» pide solo nombre, correo, celular y ubicación.
- Una ruta para cada público: una página de flotas con los beneficios de ventas corporativas, y accesos a postventa y a la tienda de repuestos para clientes actuales.
- Fotografía sin sacrificar velocidad: un sitio con tantas imágenes necesita recursos optimizados para cargar rápido en móvil.
Solución
- Inicio: modelos destacados, equipamiento de seguridad y la sección «Nuestros modelos».
- Páginas de modelo: Actyon Torres, Rexton, Tivoli y Korando, con ficha técnica, desempeño y llamados a conocer más o cotizar.
- Landing de cotización: formulario junto al vehículo, con aceptación de la política de datos.
- Flotas: beneficios corporativos (atención personalizada, descuentos exclusivos y portafolio completo) y un carrusel de camionetas.
- Repuestos: tienda con búsqueda por placa, VIN, referencia o línea.
- Móvil: menú compacto, barra de acciones fija y WhatsApp.
Resultados
- El sitio rediseñado se publicó con rutas claras hacia la cotización y el test drive, en escritorio y en móvil.
- Los formularios quedaron integrados al CRM para automatizar las solicitudes de vehículos.
- La medición con Google Tag Manager permite seguir los eventos clave y decidir con datos.
- El sitio sigue evolucionando: me encargo de su administración y mantenimiento.
Aprendizajes
- En un sitio automotriz el vehículo vende: la jerarquía visual debe dejar hablar a la fotografía y a la ficha, con la acción siempre cerca.
- Un sitio con varios públicos (compradores, flotas y postventa) necesita rutas separadas para no saturar la navegación.
- Un sitio que lanza modelos y campañas con frecuencia necesita bloques reutilizables para crear nuevas landing sin empezar de cero.
Responsive
En móvil: inicio con el Tivoli Turbo, desempeño del Tivoli XLV, página del Korando y flotas.







