Nuevo T‑Roc: una web concept para presentar el modelo

Ver la web concept del Nuevo T‑Roc en marcha

Un concept car, pero en web

Las marcas de coches presentan concept cars: prototipos que nadie ha encargado y que enseñan una idea. Este proyecto nace igual.

Nos preguntamos cómo sería presentar el Nuevo T‑Roc en una sola pantalla: girarlo, cambiarle el color, pasar de una versión a otra y mirar dentro. Sin menús largos ni pasos de configurador.

Es una propuesta de diseño, no un encargo: ni Volkswagen ni ningún concesionario nos la pidieron. Volkswagen y T‑Roc son marcas de sus titulares. Las imágenes y los datos proceden de volkswagen.es y se usan solo para mostrar el concepto.

El Nuevo T‑Roc en una pantalla

La segunda generación del T‑Roc llega con 11 cm más de longitud, hasta 475 litros de maletero y faros IQ.LIGHT Matrix LED. Todos sus motores son automáticos y llevan etiqueta ECO.

La web lo resume todo en la primera pantalla:

• Tres acabados: Match, Style y R‑Line.
• Once versiones: motores eTSI mild hybrid (con una pequeña batería de apoyo), TSI Hybrid autorrecargable y, en R‑Line, un 2.0 de 204 CV con tracción 4Motion.
• Precio, potencia, consumo y emisiones de cada versión, tomados del configurador de volkswagen.es en octubre de 2026.

Las flechas pasan de una versión a otra. Las versiones vecinas asoman a los lados, cada una con su color, para que se entienda que hay más.

Un giro 360° que se puede controlar

Volkswagen enseña el coche con 36 imágenes tomadas alrededor de él, una cada 10 grados. La web las usa de dos formas:

• Paisaje: las imágenes originales, con su escena. El coche se arrastra con el dedo o con el ratón, como en la web de la marca.
• Estudio: el coche recortado sobre fondo gris, al estilo de una presentación de producto. Aquí se gira con flechas: el coche avanza a velocidad constante y se para siempre en un ángulo limpio, como el frontal, el lateral o la trasera.

Al cambiar de color, el título y el resplandor del fondo toman el tono de la carrocería.

Colores e interiores reales

La web solo ofrece lo que ofrece la marca. Fuera tiene seis colores, con el precio de la pintura metalizada. Dentro no hay colores inventados: cada acabado enseña sus tapizados reales.

• Match: Negro Soul con tela «T‑Roc».
• Style: microfibra en Negro Soul o en Gris Mistral.
• R‑Line: Negro Soul con tela «R‑Line» y asientos deportivos.

Pensada para el móvil

En el móvil, el coche ocupa todo el ancho y los controles quedan al alcance del pulgar. Cada color se carga solo cuando lo eliges, para no gastar datos de más.

La web no usa cookies ni herramientas de seguimiento. La tipografía se sirve desde la propia web, sin llamadas a servicios externos.

Gama de colores

Un panel claro y limpio sobre un fondo casi negro, con el azul profundo de la marca en los botones. El acento cambia con el color del coche.

• Noche#070B14Fondo de la página
• Gris claro#ECEDF0Paneles y escenario
• Azul profundo#001E50Botones y elementos activos
• Azul acción#0040C5Enlaces y estados de foco
• Rojo Otoñal#B4471FAcento: cambia con la carrocería
• Verde Millet#1F5230Llamada final a Millet Studio

Tipografía

Plus Jakarta Sans, de fina a extragruesa. Títulos grandes y compactos para el nombre del modelo y el precio, y textos claros en las fichas de datos.

En cifras

• 36 imágenes por color en el giro con paisaje y 26 en el de estudio.
• 6 colores, 11 versiones y 3 acabados.
• 4 tapizados, los que ofrece Volkswagen en cada acabado.

¿Una web así para tu negocio?

Hacemos webs a medida en una semana y propuestas como esta para agencias que quieren presentar ideas a sus clientes: lo tienes en el plan para agencias. Más trabajos en el portfolio.