Rodera
seminuevos, todo a la vista
Resumen
Un sitio editorial de seminuevos con azul, tipografía de mayor peso y fichas completas. Precio, historial y financiación comparten la misma jerarquía visual.
Nada se guarda para la llamada
Rodera es un sitio conceptual para un concesionario de seminuevos ficticio. Su premisa es sencilla: el precio, el historial y lo que cuesta financiar el coche deben estar visibles antes de pedir una visita.
El proyecto reúne dirección de arte, diseño de interfaz y desarrollo frontend en la portada, el catálogo, las fichas de vehículo, garantía, financiación, tasación y contacto. El concesionario y el inventario son contenido de demostración; no representan un encargo comercial ni vehículos a la venta.
Más carácter, sin convertirse en un salón de lujo
El azul eléctrico sustituye las superficies oscuras. Blanco y azul claro mantienen la página abierta, mientras Geist utiliza pesos definidos: 700 para titulares, 650 para subtítulos y 400 para lectura. Las cifras tabulares dan un ritmo constante a precios y especificaciones.
La navegación rediseñada, las secciones numeradas y los filetes finos llevan el mismo lenguaje de la portada a cada vehículo. La fotografía sigue ligada al modelo que muestra: no se añaden interiores ajenos ni ángulos generados para aparentar una galería completa.
El sistema detrás de las fichas
Siete láminas de diseño: paleta, tipografía, composición, componentes, información, fotografía y movimiento. Junto a los tres estudios de interfaz forman una presentación 70/30 centrada en diseño.
La ficha sigue el orden de una decisión
El detalle pasa de la fotografía y la oferta completa a las especificaciones, el historial declarado, la financiación y la garantía. Los partes y el mantenimiento usan el mismo peso y color; no son alertas, notas al pie ni contenido escondido en un acordeón.
La calculadora tiene espacio propio en lugar de una columna estrecha. Entrada, plazo, cuota, TAE, intereses y total permanecen conectados. Catálogo y calculadora utilizan la misma fórmula, de modo que la simulación inicial coincide con la oferta de demostración publicada en la ficha.
La misma información, a cualquier escala
Las composiciones amplias separan fotografía y oferta. En móvil, el contenido pasa a una columna de lectura, manteniendo controles y condiciones dentro del flujo. El catálogo guarda los filtros en la URL y la ficha conserva el desglose inicial de financiación sin JavaScript.
GSAP aporta entradas locales, revelado fotográfico y secuencias de scroll con alternativas de movimiento reducido. El sitio conceptual publicado completa la presentación; el caso no atribuye mejoras de conversión ni resultados comerciales medidos.
Una jerarquía. Dos escalas.
Estudios de composición en inglés basados en el código rediseñado. Las pantallas no se superponen; estas láminas estáticas no certifican el funcionamiento interactivo ni responsive.
Presentación final
Entorno de estudio creado con IA e interfaces en inglés compuestas a partir del proyecto. Se conservan las fotografías originales, la tipografía y los datos de demostración.
Resultado navegable
Rodera
