Un sitio de concepto para un concesionario de coches de alto rendimiento

Cliente

Rogue Sport Cars

Año

2025

Un sitio de concepto para un concesionario de coches de alto rendimiento

ROGUE es un concepto de iniciativa propia para un concesionario de coches de alto rendimiento. Le di a la fotografía la mayor parte de la pantalla y mantuve la interfaz discreta a su alrededor: fondos oscuros, una tipografía de pantalla ancha y el naranja solo en los botones y los contadores en vivo. Es largo a propósito: la sección principal, la gama actual, las especificaciones, las reseñas y, por último, la reserva de la prueba de conducción.

Alcance del trabajo

Web Design
UI Design
Concept
Figma
Landing Page

Hero

La sección principal (hero) cede casi toda la pantalla al coche y mantiene la interfaz fuera de su camino. Una tipografía de pantalla ancha, una sola línea de texto y un único botón naranja, con la navegación, el idioma y el teléfono relegados a una fina barra superior. Esto establece la regla que sigue el resto de esta página de destino de automoción: el producto es la interfaz, y la interfaz de usuario solo aparece cuando tiene algo que hacer.

Más allá del asfalto

Un bloque de declaración breve ubicado entre dos secciones de producto, diseñado para ralentizar el desplazamiento por un momento. El diseño se inspira en la prensa escrita, con una imagen desplazada, un marco rojo y una columna de texto que transmite la promesa de la marca en lugar de una especificación. En una página de destino larga, estas pausas realizan un trabajo real, ya que le dan a la vista un lugar donde descansar antes de la siguiente tanda de fotografías.

Últimas novedades

La selección actual presentada como un carrusel horizontal, con cada coche recortado sobre un fondo plano para que la fila se lea como un único objeto en lugar de tres tarjetas independientes. Cada modelo enlaza directamente con su ficha técnica. Este es el primer punto de conversión real de la página, por lo que la interfaz se mantiene deliberadamente sencilla: mirar, comparar, hacer clic.

Marcas seleccionadas

Dos trabajos en una sola pantalla. Primero, las marcas que comercializa el concesionario, dispuestas como una simple fila de logotipos que genera credibilidad sin adornos. Luego, un montaje destacado con puntos interactivos colocados sobre la carrocería, para que el visitante explore el coche en lugar de leer una lista. Esos puntos interactivos son la pieza que más interacción requiere de todo el diseño de la interfaz de usuario y la parte que compensa un desplazamiento lento.

Especificaciones

Las cifras de rendimiento se muestran como números de gran tamaño con las unidades en un texto de menor grosor, junto a fotografías en primer plano de las piezas que describen esos números. Los compradores de este segmento comparan los datos antes de comparar las marcas, por lo que el diseño permite encontrarlos de un vistazo en lugar de enterrarlos en una tabla. La galería de abajo reutiliza los mismos encuadres, lo que mantiene la sección visualmente cohesionada.

Desata el rendimiento

El descanso más suave en una página que, de lo contrario, estaría dominada por el producto. Un retrato del fundador, dos párrafos cortos sobre la parte de servicios del negocio y una cita destacada de gran tamaño dispuesta sobre las imágenes. Es el único lugar en la maquetación donde se permite que el texto se superponga a la fotografía, y esa superposición es lo que hace que se lea como una declaración en lugar de un bloque de contenido más.

Reseñas

Las reseñas de los clientes se superponen sobre una toma nocturna de una carretera de montaña, con la calificación de Google en vivo y el recuento de reseñas situados debajo. Colocar la tarjeta de testimonio encima de la fotografía real evita que parezca un widget integrado en la página. El contenido de confianza está colocado aquí a propósito, inmediatamente antes de la sección de reservas, que es donde suele surgir la indecisión.

Ubicación y reserva

Un mapa interactivo, la dirección y el horario de apertura de la sala de exposición, y la única acción hacia la que se ha ido construyendo toda la página de destino: reservar una cita. La sala de exposición privada se muestra sin dirección a propósito, como parte del posicionamiento. Cada elemento de esta pantalla existe para cerrar la visita más que para informar.

Página completa

La página de destino completa, desde la cabecera hasta el pie de página, para que el ritmo se lea como una sola pieza: producto, pausa, producto, prueba, acción. Ver un sitio con un desplazamiento largo de principio a fin es la única forma honesta de juzgar si mantiene la atención, razón por la cual guardo una exportación de longitud completa de cada proyecto de diseño web junto con las secciones individuales.

¿Quieres saber más?

Reserva una llamada gratuita conmigo

¿Quieres saber más?

Reserva una llamada gratuita conmigo