Comemore as diferentes eras de design da Eurogamer com nosso seletor de temas!

Quando foi a primeira vez que você visitou o Eurogamer? Você se lembra de como era?

Nos 25 anos em que a Eurogamer existe, ela teve pelo menos seis grandes revisões de design. Graças ao maravilhoso archive.org’s Máquina Wayback podemos realizar arqueologia digital e revisitar esses designs para ver o que estava na moda em web design na época – seja o Verdana de 11 pontos no final dos anos 90, cantos arredondados no início dos anos 2000 ou o Proxima Nova se tornando moda no início dos anos 1920.

Mas… e se pudéssemos ir um passo além – e em vez de olhar para exemplos congelados do passado – aproveitar qualquer artigo da Eurogamer usando uma versão funcional de nossos designs mais antigos?

Para comemorar o 25º aniversário da Eurogamer, foi exatamente isso que fizemos!

Se você estiver usando a versão desktop do site, notará no topo da página um alternador de temas, que permite que você experimente os artigos do Eurogamer conforme eles eram apresentados em vários momentos da história.

Quer ter uma ideia de como o site parecia e era nos primeiros dias do site? Mude para a versão um. Quer experimentar uma versão mais leve, mais colorida (e a melhor de todas) do Eurogamer? Mude para a versão três!

Para aqueles que se interessam por desenvolvimento web e estão curiosos sobre o que está acontecendo por baixo dos panos, aqui vai uma explicação rápida. Nós nos inspiramos no “CSS Zen Garden” e produzimos diferentes temas CSS que remodelam o site. Nenhuma das mudanças de HTML entre as versões – o que era uma limitação sobre a qual tivemos que ser criativos ao recriar alguns dos layouts antigos! – e usamos alguns truques legais como img::content para alterar os logotipos sem alterar nenhuma marcação.

Tentamos recriar todos os designs o mais próximo possível. Eles podem não ser perfeitos em pixels, mas dão uma ideia do estilo que estava em uso na época. E como a maioria desses designs é anterior aos smartphones modernos, você notará uma falta de suporte móvel! (Alguém se lembra do WAP versão do Eurogamer?!)

Um grande agradecimento a Erin Young por liderar a implementação, bem como ao restante da nossa equipe de produtos e engenharia pelos testes, feedback e suporte.

Quanto a como e quando os diferentes designs surgiram, aqui está meu cronograma aproximado de design no Eurogamer.

---

Versão um – 1999-2000

A primeira versão do site implementou o modo escuro antes que ele se tornasse popular.

Na época, monitores de 800×600 eram comuns, e apenas fontes web básicas estavam disponíveis, então Verdana era a fonte escolhida. Azul-ardósia e amarelo fornecem uma paleta de contraste agradável. Observe o logotipo em itálico e a arte que o acompanha do Unreal Tournament. Um belo começo.

---

Versão dois – 2000-2003

O que é preto, branco e vermelho por toda parte? Segundo design da Eurogamer.

Não é meu favorito – estou sentindo uma vibe um pouco séria, de jornal, mas os ícones de pixel-art à direita dão ao site um certo charme. De memória, esta versão tinha cabeçalhos codificados por cores dependendo do tipo de conteúdo ou plataforma sobre a qual o artigo era? Estou feliz que o uso de “Trebuchet MS” como fonte de manchete tenha durado pouco.

---

Versão três – 2003-2005

A versão mais bonita do Eurogamer. Eu adoro.

Veja o uso de bom gosto da Arial com espaçamento apertado entre letras para cabeçalhos. Os dois pontos duplos nas migalhas de pão. Os cinzas e laranjas elegantes. A pixel art habilmente projetada. A navegação primária robusta. Absolutamente deslumbrante. Carinhosamente chamada internamente de versão “poça de xixi” devido à estranha sombra amarela que fica abaixo do globo no logotipo.

---

Versão quatro – 2005-2011

Um período muito estável em termos de mudanças de design – esta versão esteve por aí por seis anos, o que é muito tempo em anos de internet. Esta é a versão do site em que boa parte da equipe atual da Eurogamer trabalhou primeiro – eu incluso.

Nessa época, cantos arredondados estavam na moda – mas a propriedade CSS border-radius não era amplamente suportada, então muitos dos pequenos cantos arredondados eram criados manualmente usando pequenas imagens espaçadoras, o que era complicado de implementar. Este design usa minha variação favorita do azul Eurogamer – código hexadecimal #0069F4. E observe a barra lateral promovendo “Eurogamers” – nossa tentativa de uma rede social para jogadores.

---

Versão cinco – 2011-2018

Esse design realmente tinha muito a seu favor.

Cheio de pequenos detalhes que são fáceis de perder, como fundos texturizados, bordas duplas e sombras inseridas. Os críticos podem dizer que talvez seja um pouco visualmente desestruturado e barulhento? A versão mais ampla do site até agora – 1280 pixels! – devido ao tamanho médio do monitor ficar maior. Ele também introduziu o uso de Proxima Nova como nossa fonte principal – uma escolha que estava muito na moda nesta era do web design.

---

Versão seis – 2018-Presente

Eurogamer moderno, e o que você está vendo hoje. Ele estreou em 2018, e agora tem seis anos – e provavelmente precisa de uma atualização!

Esta versão é mais austera visualmente e menos texturizada do que as versões anteriores do site. Projetado para ser um pouco mais sério e maduro – lembro-me de nós discutindo ideias como “wot if The Guardian, but games” quando trabalhávamos nele. Construído para facilitar a manutenção do site em versões para dispositivos móveis e desktop, ele usa Gibson como fonte. Nesta versão, o azul Eurogamer foi ligeiramente escurecido para ajudar com os níveis de contraste de cores.

---

Foi um prazer enorme revisitar e recriar as versões antigas do Eurogamer – e eu, pessoalmente, mal posso esperar para ver que outros designs poderemos revisitar daqui a 25 anos.

Obrigado a todos e a todos que estiveram envolvidos nos vários designs da Eurogamer ao longo dos anos. Sem nenhuma ordem específica: Mark Kennedy, Martin Taylor, Karl Cox, Lucy Grimwood, Jacob Jones, Sam Hayes, Erin Young, Chris Ward – e muitos outros.

Experimente nosso seletor de temas e diga nos comentários qual é seu design favorito e por quê!