Saltar al contenido

04Caso de estudio · 2026

Geely Guadalajara Sitio web para asesor automotriz en Guadalajara

El sitio propio de un asesor Geely: el auto gira 360° en cada color y cada botón termina en una conversación.

Industria
Venta automotriz
Nuestro rol
Diseño, ingeniería, curaduría de contenido y despliegue
Duración
En desarrollo activo desde agosto de 2026
Sitio en vivo
ergeely.com

01 Resumen

Catálogo completo, estudio de color en 360°, comparador, simulador de financiamiento y prueba de manejo para un asesor de una agencia autorizada en Guadalajara. Un sitio cargado de imagen que aun así abre rápido en un teléfono.

02 El cambio

Antes

  • Cada pregunta, una conversación manual
  • Un micrositio oficial, sin relación con un asesor
  • Prospectos sin estructura en un hilo de chat

Ahora

  • Un catálogo y unos precios que él controla
  • El auto gira 360° en cada color oficial
  • Cada solicitud llega con el modelo ya escrito

03 Cómo funciona

  1. 01

    Explora

    El lineup completo, filtrado por gasolina, híbrido o eléctrico.

  2. 02

    Gira y elige color

    Exterior en 360° e interior panorámico, versión por versión.

  3. 03

    Compara y simula

    Modelos lado a lado y la mensualidad calculada al momento.

  4. 04

    Escribe

    WhatsApp o prueba de manejo, con el modelo ya incluido.

04 Lo que importa

Lo que lo distingue

  1. Un estudio de color en 360°

    Cada modelo gira sobre la fotografía oficial, ángulo por ángulo y en cada color. Cambiar de color conserva el ángulo en el que estaba el auto.

  2. Desplazar y arrastrar, sin pelearse

    El desplazamiento gira el auto; arrastrarlo suma un ajuste que sobrevive y regresa con suavidad. Funciona con teclado y respeta el movimiento reducido.

  3. Pesado en imagen, ligero al abrir

    El material se recodifica, se sirve desde la nube y se carga solo al acercarse. Un giro completo pesa lo que una sola fotografía.

  4. Por confirmar, nunca inventado

    Cada especificación y cada precio se rastrea hasta su fuente oficial. Lo que no está confirmado se muestra así, en lugar de afirmarse.

05 Alcance

Servicios

  • Estudio de color en 360°
  • Catálogo con versiones y precios
  • Comparador de modelos
  • Simulador de financiamiento
  • Reserva de prueba de manejo
  • Vista panorámica del interior
  • WhatsApp con el modelo ya escrito
  • SEO local y datos estructurados

Tecnología

  • React 19
  • TypeScript
  • TanStack Start
  • Tailwind CSS
  • Motion
  • PostgreSQL
  • Zod
  • Playwright
La versión largaPara quien quiere el detalle técnico completo.

Qué construimos

Erick Rivera es asesor comercial en Geely Galerías, una agencia autorizada en la zona metropolitana de Guadalajara. Antes, quien quería comprar le escribía por WhatsApp o pasaba por el micrositio oficial de la agencia, que no ofrece ninguna relación con un asesor. Cada pregunta, de precio, versiones, financiamiento o prueba de manejo, era una conversación manual, y los prospectos llegaban sin estructura a un hilo de chat.

Construimos su sitio propio. No es el sitio oficial de la marca: es el de un asesor independiente, con un catálogo y unos precios que él controla. El visitante recorre el lineup, lo filtra por tipo de energía, y en cada modelo gira el exterior en 360° en todos los colores oficiales, entra al interior en una vista panorámica, elige versión con su precio, revisa la ficha técnica completa y las preguntas frecuentes.

Alrededor están las herramientas para decidir: un comparador lado a lado, un simulador de mensualidades con solicitud de cotización y una reserva de prueba de manejo que llega ya con el modelo que el visitante estaba viendo. Cada enlace de WhatsApp sale con el modelo y la versión escritos en el mensaje, y los formularios validan y guardan cada solicitud de forma estructurada.

Historia técnica

La pieza que distingue al sitio es el estudio de color en 360°. Cada modelo gira sobre la fotografía oficial del fabricante, ángulo por ángulo y en cada color. El conjunto original pesaba demasiado para publicarse tal cual, así que un proceso de construcción lo recodifica a un formato moderno en dos anchos y carga cada giro solo cuando el visitante se acerca a él. El resultado es un giro que en escritorio pesa lo que una sola fotografía.

Lo delicado fue la interacción: dos entradas que no debían pelearse. El desplazamiento de la página gira el auto, y arrastrarlo suma un ajuste manual que sobrevive al desplazamiento y regresa con suavidad cuando el visitante suelta. Cambiar de color conserva el ángulo en el que estaba. Funciona con teclado, respeta la preferencia de movimiento reducido, y una batería de pruebas automatizadas recorre cada color de cada modelo.

Un sitio así vive de su material: imágenes, video y folletos en cantidad. Todo eso se sacó del paquete que se despliega y se sirve desde almacenamiento en la nube con una red de distribución, mediante un proceso de carga y verificación escrito para poder repetirse. El paquete quedó en una fracción mínima de su tamaño. El catálogo, en cambio, no vive en la base de datos: son archivos de contenido tipados que viajan con el código, y por eso las páginas de modelo abren al instante. La base de datos guarda solo lo que es del negocio: las solicitudes.

Hay una disciplina poco común en los datos: cada especificación y cada precio se puede rastrear hasta su fuente oficial, y lo que no está confirmado se le muestra al visitante como "por confirmar", en lugar de afirmarse. En un sitio que vende autos, eso es confianza. El rendimiento se mide, no se supone, y el acceso a los datos se decide por rol: el público solo puede leer el catálogo y enviar una solicitud.

Contacto

¿Tu operación ya no cabe en Excel?

Cuéntanos cómo vendes, cotizas y das servicio hoy. Te decimos qué construiríamos y en qué orden.

hola@gridarco.com+52 442 219 6350

Hablemos