¿Cuándo fue la primera vez que visitaste Eurogamer? ¿Recuerdas cómo era? En los 25 años que lleva existiendo Eurogamer, ha tenido al menos seis revisiones de diseño importantes. Gracias a la maravillosa Wayback Machine de archive.org podemos realizar arqueología digital y revisar esos diseños para ver qué era lo que estaba de moda en el diseño web en ese momento, ya fuera el Verdana de 11 puntos a finales de los 90, las esquinas redondeadas a principios de los 2000 o la Proxima Nova que se puso de moda a principios de los 2000. Pero… ¿y si pudiéramos ir un paso más allá y, en lugar de mirar ejemplos congelados del pasado, disfrutar de cualquier artículo de Eurogamer que utilice una versión funcional de nuestros diseños más antiguos? Para celebrar el 25º aniversario de Eurogamer, ¡eso es exactamente lo que hemos hecho! Si estás usando la versión de escritorio del sitio, verás en la parte superior de la página un selector de temas, que te permite experimentar los artículos de Eurogamer tal y como se veían en varios puntos de la historia. ¿Quieres tener una idea de cómo se veía y se sentía el sitio en los primeros días del sitio? Pasa a la versión uno. ¿Quieres experimentar una versión más liviana, más colorida (y la mejor) de Eurogamer? ¡Pasa a la versión tres! Para aquellos de ustedes que se dedican al desarrollo web y sienten curiosidad por lo que está sucediendo bajo el capó, aquí hay una explicación rápida. Nos hemos inspirado en el «Jardín Zen CSS» y hemos producido diferentes temas CSS que rediseñan el sitio. Ninguno de los cambios de HTML entre versiones (lo cual fue una limitación que tuvimos que superar al recrear algunos de los diseños antiguos) y hemos usado algunos trucos ingeniosos como img::content para cambiar los logotipos sin tocar nada del marcado. Hemos tratado de recrear todos los diseños lo más fielmente posible. Puede que no sean perfectos en cuanto a píxeles, pero dan una idea del estilo que se usaba en ese momento. Y dado que la mayoría de estos diseños son anteriores a los teléfonos inteligentes modernos, notarás una falta de compatibilidad con dispositivos móviles. (¿Alguien recuerda la versión WAP de Eurogamer?) Muchas gracias a Erin Young por liderar la implementación, así como al resto de nuestro equipo de productos e ingeniería por las pruebas, los comentarios y el soporte. En cuanto a cómo y cuándo surgieron los diferentes diseños, aquí está mi cronología aproximada del diseño de Eurogamer. Versión uno: 1999-2000 La primera versión del sitio implementó el modo oscuro antes de que fuera genial. En ese momento, los monitores de 800×600 eran comunes y solo estaban disponibles las fuentes web principales, por lo que Verdana fue la fuente elegida. Los azules y amarillos pizarra brindan una paleta de contraste agradable. Tenga en cuenta el logotipo en cursiva y las ilustraciones que lo acompañan de Unreal Tournament. Un hermoso comienzo. Versión dos: 2000-2003 ¿Qué es negro, blanco y rojo por todas partes? El segundo diseño de Eurogamer. No es mi favorito: me da una vibra un poco seria, de periódico, pero los íconos de pixel art a la derecha le dan al sitio un cierto encanto. De memoria, esta versión tenía encabezados codificados por colores según el tipo de contenido o la plataforma sobre la que trataba el artículo. Me alegro de que el uso de «Trebuchet MS» como fuente de encabezado haya durado poco. Versión tres: 2003-2005 La versión más bonita de Eurogamer. Me encanta. Mira ese uso de buen gusto de Arial con un espaciado estrecho entre letras para los encabezados. Los dos puntos dobles en las migas de pan. Los grises y naranjas elegantes. El pixel art diseñado por expertos. La navegación principal gruesa. Absolutamente hermosa. Conocida internamente con cariño como la versión «charco de pis» debido a la extraña sombra amarilla que se encuentra debajo del globo en el logotipo. Versión cuatro: 2005-2011 Un período muy estable en términos de cambios de diseño: esta versión estuvo disponible durante seis años, lo cual es mucho tiempo en años de Internet. Esta es la versión del sitio en la que trabajó por primera vez gran parte del equipo actual de Eurogamer, incluido yo. En esta era, las esquinas redondeadas estaban de moda, pero la propiedad CSS border-radius no tenía un amplio soporte, por lo que muchas de las pequeñas esquinas redondeadas se creaban manualmente utilizando pequeñas imágenes espaciadoras, lo que era complicado de implementar. Este diseño utiliza mi variación favorita del azul de Eurogamer: código hexadecimal #0069F4. Y note la barra lateral que promociona «Eurogamers», nuestro intento de una red social para jugadores. Versión cinco: 2011-2018 Este diseño realmente tenía mucho que ofrecer. Lleno de pequeños detalles que son fáciles de pasar por alto, como fondos texturizados, bordes de doble borde y sombras insertadas. Los críticos podrían decir que tal vez un poco visualmente desestructurado y ruidoso. La versión más ancha del sitio hasta ahora: ¡1280 píxeles! – debido a que el tamaño promedio del monitor es cada vez más grande. También introdujo el uso de Proxima Nova como nuestra fuente principal, una elección que estaba muy de moda en esta era del diseño web. Versión seis – 2018-Presente El Eurogamer moderno y lo que estás viendo hoy. Debutó en 2018 y ya tiene seis años, ¡y probablemente necesite una actualización! Esta versión es visualmente más austera y tiene menos textura que las versiones anteriores del sitio. Diseñado para ser un poco más serio y maduro; recuerdo que discutimos ideas como «qué pasa con The Guardian, pero juegos» cuando trabajamos en él. Creado para facilitar el mantenimiento del sitio en las versiones móviles y de escritorio, utiliza Gibson como tipografía. En esta versión, el azul de Eurogamer se oscureció ligeramente para ayudar con los niveles de contraste de color. Ha sido un absoluto placer volver a visitar y recrear las antiguas versiones de Eurogamer, y personalmente no puedo esperar a ver qué otros diseños podremos volver a visitar en otros 25 años. Gracias a todos y cada uno de los que han participado en los diversos diseños de Eurogamer a lo largo de los años. Sin ningún orden en particular: Mark Kennedy, Martin Taylor, Karl Cox, Lucy Grimwood, Jacob Jones, Sam Hayes, Erin Young, Chris Ward y muchos más. ¡Prueba nuestro selector de temas y cuéntanos en los comentarios cuál es tu diseño favorito y por qué!