Web KGM SsangYong

Poderosamente coreana

Mockup del sitio rediseñado de SsangYong Colombia en escritorio y móvil

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.

Pantallas relevantes

Inicio con el Actyon Torres, página de flotas, tienda de repuestos y landing de cotización del Rexton.

Responsive

En móvil: inicio con el Tivoli Turbo, desempeño del Tivoli XLV, página del Korando y flotas.

Desplácese hacia arriba