Caso de estudio · Diseño editorial · Mercado de EE.UU.
La versión en inglés de Conduce Confiado: mismos datos, mismas páginas. En lugar de copiar el diseño, le dimos una identidad propia de revista editorial pensada para el lector de Estados Unidos, sin cambiar ninguna URL.
01 · El problema
Drivecalmly es Conduce Confiado en inglés: la misma presión de neumáticos para 612 modelos y los mismos artículos sobre fallas del auto y manejo. Pero compartía también la plantilla roja de siempre, con las marcas en un listado de nombres y la presión en una tabla de colores.
El desafíoHacer un sitio para el público de Estados Unidos que no fuera una copia de Conduce: la misma información, con una personalidad totalmente diferente.
02 · Contexto
03 · Qué hicimos
Antes de programar, un prototipo con datos reales para fijar el estilo de revista.
Un tema a medida, «Calmly», con portada, ficha de modelo, página de marca, secciones y artículos.
Salida como HTML estático y publicación el mismo día.
04 · Decisiones
Dirección
Conduce se ve como un tablero oscuro lleno de instrumentos; Drivecalmly, como una revista de papel claro con letras con serifa. Mismo contenido, dos estilos: el diseño se adapta a quien lo lee.
Descartamos: Traducir el tema de Conduce: era más rápido, pero el sitio no iba a tener carácter propio.
Arquitectura
Para leer las tablas viejas de presión usamos lo mismo que ya habíamos desarrollado para Conduce, y todo lo visual se hizo nuevo. Por eso se pudo rediseñar y publicar en un solo día.
Mercado
La presión se muestra en psi y con un toque cambia a bar o kPa. El neumático a escala calcula cuántas vueltas da por milla, en lugar de por kilómetro.
Imagen
Cada imagen venía de un origen distinto. Un filtro de CSS les baja el color, les da un tono cálido y un leve grano, sin editar ningún archivo; para cambiarlo alcanza con una línea.
Contenido
El resumen «In short» de cada artículo toma la descripción existente de la página. Descartamos agregar «Key takeaways»: el texto no los traía y crearlos habría sido inventar.
Accesibilidad
El neumático se va dibujando como si fuera un plano técnico. Quien tenga activado «reducir movimiento» lo ve terminado desde el principio.
05 · Mismo contenido, dos estilos
La presión y las direcciones son idénticas; el resto es completamente distinto.
Para quienes hablan español
Para el público de Estados Unidos
06 · Estilo de revista
Dos tipografías (Newsreader para leer, Public Sans para botones y menús) y pocos colores: papel, tinta, verde salvia y terracota.
07 · Proceso
Nada de copiar a Conduce: Drivecalmly iba a ser una revista de fondo claro.
La portada y la ficha del Audi A3, junto al índice de 74 marcas y 612 modelos.
Portada con buscador, ficha de modelo, página de marca, índice y secciones.
Encabezado de revista, resumen «In short», índice al costado, barra de avance y sugerencias «Keep reading».
Salida como HTML estático.
08 · Antes y después
Deslizá para comparar y elegí qué página ver.
09 · Resultados
10 · Tecnología
Hablemos
Le damos un diseño a la altura de lo que escribís, sin perder las posiciones que ya ganaste. Te respondemos dentro de las próximas 24 horas.