Como eram os 32 sites populares

Não é nenhum segredo que as tendências de design de sites (e as melhores práticas) mudaram drasticamente desde o surgimento da Internet. Refletir sobre sites nostálgicos e compará-los com seus equivalentes atuais é uma excelente maneira de entender por que atualizar seu site é tão necessário.

Com a ajuda do Wayback Machine, podemos ver como eram nossos sites favoritos no passado. Se você está planejando um redesenho de site e precisa de alguma inspiração, ou se gosta de refletir sobre sites nostálgicos, reunimos 32 sites para examinar.

1) Google

Embora o Google basicamente mantenha sua marca com seu logotipo colorido e espaços em branco na página inicial, existem outros aspectos do site que parecem totalmente diferentes hoje. Na década de 1990, o Google tinha ofertas exclusivas abaixo da barra de pesquisa. Hoje, a empresa está empenhada em criar uma página inicial personalizada para os usuários marcando seus sites visitados com frequência.

A Apple sempre adota uma abordagem centrada no produto em sua página inicial. Mesmo em 2001, você notará que os itens da empresa eram o foco principal do site. Em 2022, a Apple opta por manter a marca mínima, mas distinta. Ele apresenta apenas um produto para fazer o foco central da página inicial. A página inicial atual também é uma prova de uma cópia atraente; em apenas três adjetivos, a Apple pinta um quadro completo de por que você deve comprar um iPad.

Em 2000, o site da Microsoft era desajeitado e complicado demais. A abundância de palavras no site e a falta de espaço em branco tornavam a experiência do usuário avassaladora. Hoje, o site da Microsoft segue o exemplo da Apple e se concentra em seus produtos. O site, como resultado, é menos estonteante e mais digerível para os visitantes.

Era uma vez, o Mashable tinha um fundo gradiente - para não mencionar uma séria falta de imagens. Agora, o site equilibra visual com texto. A marca da empresa também não ocupa mais o centro das atenções e se concentra em histórias em destaque.

Em 2006, o mundo da tecnologia e do marketing estava fortemente focado em sobreviver e ter sucesso em um mundo web 2.0. Pequenas empresas estavam surgindo em todo o mundo, e o site da HubSpot estava focado em mostrar como o produto poderia agregar valor para essas empresas. Hoje, a HubSpot ainda atende a pequenas empresas, mas também a empresas de médio e grande porte. Agora, nosso site se concentra mais no produto e apresenta muito mais cores do que inicialmente.

O BuzzFeed foi criado para ajudar os usuários a encontrar suas coisas favoritas, incluindo filmes, música, moda, ideias e tecnologia. O site ainda consegue isso com uma abordagem mais visual e interativa. Hoje, o site equilibra imagens e texto de forma mais perfeita, mas a sensação geral do site ainda está intacta.

Em 2000, Bill Clinton era o presidente dos Estados Unidos, Al Gore era o vice-presidente, e o site da Casa Branca tinha uma aparência muito diferente. Então, o site apresentava uma fonte de script no estilo Declaração da Independência e não enfatizava imagens - ou narrativa, considerando que o texto apenas dava as boas-vindas aos visitantes da página. Ao visitar o site hoje, você notará uma imagem grande e uma cópia que se concentra nas iniciativas atuais. Também adoramos como o site atualizado se concentra na acessibilidade com opções para alterar o contraste e o tamanho do texto.

Embora o site do TED de 2003 ainda pareça desatualizado pelos padrões de hoje, ele estava à frente de seu tempo, com a maior parte da página inicial apresentando conteúdo visual. Em 2022, o site ainda apresenta várias imagens, mas também equilibra a cópia - e há apenas uma imagem principal acima da dobra. A sensação geral do site hoje é menos apertada e opressiva do que nos anos anteriores.

No início dos anos 2000, a página inicial do Skype apresentava várias cores e carecia de hierarquia. (E quem sabia que a plataforma de videochamada já teve um logotipo vermelho?) Hoje, a Microsoft é dona do Skype, e este último segue a aparência da organização maior. O site apresenta espaço em branco, excelente hierarquia visual e oferece uma imagem atraente do produto em ação.

Em 2000, o site da AOL tinha uma variedade de cores que não eram coesas, fazendo com que o site parecesse confuso. Hoje, o site apresenta espaço em branco suficiente para equilibrar a quantidade de cópias e imagens que possui. Também gostamos da nova fonte do site, pois é visualmente atraente e fácil de ler.

Ask Jeeves renomeado como Ask. Em 2000, o site carecia de espaços em branco e apresentava um personagem - parte da marca exclusiva do site. Desde que abandonou a segunda metade do nome, não há mais um personagem na página inicial do site. Hoje, o site parece muito mais um site de notícias ou publicação do que uma plataforma para tirar dúvidas e obter respostas rápidas.

Lembre-se dos bons velhos tempos de ir ao Blockbuster para escolher o seu filme e fazer alguns lanches? Temos certeza. O que faltava em hierarquia ao site da Blockbuster de 1996, sobrava em personalidade. Hoje, o site da Blockbuster está fora de serviço - e apresenta uma nota atrevida de que a empresa está trabalhando para rebobinar seu filme.

Vamos dar à Coca-Cola: sua marca é atemporal. O site da Coca-Cola de 2000 não parece muito ruim em comparação com muitos dos sites desatualizados desta lista. A marca entendeu a importância do conteúdo visual e da simplicidade em 2000, e ainda hoje. Em 2022, seu site se concentra mais em imagens e apresenta menos vermelho do que no passado, mas ainda parece coeso com o restante de sua marca.

O site da Pepsi em 2000 era confuso, carecia de hierarquia visual e tinha muita coisa acontecendo. Hoje, somos grandes fãs da nostálgica homepage da Pepsi. Ele apresenta uma fonte fácil de ler, e o site não parece muito confuso. A empresa também mudou seu menu para o topo da página e reduziu quantas guias existem, o que é muito melhor do ponto de vista da experiência do usuário.

Embora o site da Macy's 2000 não esteja em conformidade com os padrões atuais, apreciamos a coesão das cores. Curiosamente, os produtos não estão na vanguarda do site nostálgico da Macy's. Hoje, porém, o site da Macy's conta uma história extremamente diferente. O site possui um menu bem organizado e uma excelente hierarquia visual.

Em 1999, o site da Amazon tinha muito texto, o que o tornava estonteante de se olhar. O menu vertical também era confuso e difícil de digerir. Hoje, o menu da Amazon aparece no topo da página, e o site parece significativamente menos impressionante, apesar de ainda anunciar vários produtos.

Em 1999, o site do Yahoo concentrava-se principalmente em texto e não apresentava imagens. Hoje, uma história bem diferente é contada quando você visita o site da plataforma. Como o Yahoo é um site de notícias, há imagens para acompanhar cada história, além de um resumo do que você pode esperar ao ler o artigo. Também somos fãs da coluna de tendências no lado direito do site, pois facilita aos usuários entender rapidamente o que há nas notícias.

Em sua infância, o Tumblr se referia aos blogs como Tumblelogs e tinha um site centrado em texto. Hoje, se você visitar o Tumblr sem estar logado, verá um painel simulado que mostra aos visitantes como seria o deles se eles criassem uma conta. O site do Tumblr de hoje também é significativamente mais focado em imagens.

Lembra quando o Pinterest era apenas para convidados? Como você pode ver na captura de tela do site Pinterest de 2010, a plataforma tinha um logotipo completamente diferente e uma aparência menos elegante. Se você visitar o Pinterest hoje, poderá criar uma conta instantaneamente - sem necessidade de solicitação. Além disso, a plataforma apresenta uma imagem ao vivo que muda e carrega rapidamente. A cópia é simples, mas atraente.

Em 2005, o Reddit era todo sobre texto. O Reddit ainda é mais focado em texto do que a maioria dos sites modernos. No entanto, apresenta um equilíbrio de imagens. Gostamos de como a fonte que o Reddit usa hoje ainda é semi-nostálgica, mas é mais fácil de ler do que no passado. O site também é mais atraente visualmente, pois se parece mais com um site de notícias.

Você provavelmente está começando a perceber um tema neste ponto: os sites dos anos anteriores eram focados em texto. A Barnes & Noble não é exceção. Em 2000, a livraria tinha um menu vertical denso e visualmente desagradável. As imagens demoravam muito para carregar - se é que demoravam. Há também uma falta de hierarquia visual, por isso é difícil para os visitantes decidirem onde procurar. Hoje, o site da empresa é significativamente mais digerível. Ele equilibra espaços em branco com imagens e texto, e os designers limparam o menu.

Vamos entregá-lo a Dunkin ': eles permaneceram fiéis ao seu esquema de cores exclusivo por décadas. Esta captura de tela do site deles nos anos 2000 é uma das nossas favoritas nesta lista. É chocantemente minimalista e apresenta uma imagem que não era padrão para a época. Hoje, a Dunkin' tem bastante espaço em branco, apresenta uma marca coesa e equilibra os gráficos com a cópia. O site também possui um menu fácil de seguir e inclui as impressionantes cores rosa e laranja da empresa.

Em 2000, a Starbucks acertou em algumas coisas: seu menu é direto e eles apresentavam imagens em seu site, embora não carregassem. (Psiu: esses plug-ins podem ajudar a garantir que seu conteúdo carregue rapidamente se você tiver uma página “pesada”, para que seu site evite um destino semelhante.) Você também notará o logotipo consistente. Em 2022, a Starbucks oferece sem esforço um toque de cor em seu site sem sobrecarregar os visitantes. O site apresenta a fonte da assinatura da Starbucks e inclui uma imagem promovendo uma colaboração recente com outra empresa. A imagem em si também parece estar na marca. Também queremos destacar a navegação esparsa, mas eficaz, da Starbucks na parte superior da página.

Para a época, o site do Walmart em 2002 teve bastante sucesso. Apresentava imagens e textos que ainda hoje dominam o site. Além disso, tinha uma hierarquia visual melhor do que alguns dos outros exemplos que investigamos. Semelhante ao Dunkin ', uma coisa que o Walmart faz incrivelmente bem é traduzir seu famoso esquema de cores para seu site. Em 2022, o site do Walmart tem muitas imagens e textos concisos que aprimoram os gráficos.

Também há muitas coisas que a Target acertou em 2004. Por um lado, a marca usou seu conhecido esquema de cores. O site também apresenta imagens e sua marca ainda é praticamente a mesma. Em 2022, o site da Target coloca uma ênfase muito maior nos recursos visuais do que no texto. A marca é mínima, mas eficaz, e o site apresenta um menu simples que se expande quando os visitantes clicam nele.

Estamos impressionados: embora o New York Times tenha reformulado seu site desde 2000, o site é notavelmente semelhante. Mesmo em 2000, descobrir para onde direcionar a atenção era fácil. O New York Times marca pontos importantes porque seu site de 2022 se assemelha a um jornal. Ele apresenta hierarquia visual, equilibra bem as imagens com a cópia e gostamos de como a fonte é distinta, mas fácil de ler.

Em 2008, o site de Lay era verde e apresentava um contraste de cores de texto muito ruim. Isso torna difícil para as pessoas lerem a cópia. Felizmente, o Lay's reformulou seu site desde então. Hoje, ainda é colorido, mas apresenta melhor contraste. Você também notará que o site tem muito do ilustre amarelo de Lay. O site de 2022 parece muito mais fiel à marca do que no passado.

Em 2001, o site do McDonald's apresentava fundo vermelho e texto amarelo, o que não era exatamente ideal para os leitores. Agora, o site do McDonald's é minimalista. Apresenta poucas cores além do amarelo característico da marca e oferece uma variedade de opções para os visitantes escolherem no menu. No entanto, o menu não é impressionante porque o restante do site é muito simples. A marca também usa sua fonte de assinatura para o site de 2022.

O site da Sephora no início dos anos 2000 apresentava um equilíbrio de imagens e texto. Para a época, era um exemplo de design de site atraente. Hoje, o site adere às tendências modernas de web design. Possui imagens grandes visualmente atraentes e inclui cópia direta.

Em 2005, a Netflix apresentava uma página inicial focada em imagens, bem diferente de hoje. Em 2022, a copy é a estrela do programa na página inicial da Netflix. A empresa também coloca de forma inteligente uma chamada à ação no centro, para que você forneça seu endereço de e-mail e comece. Tanto em 2004 quanto em 2022, o foco principal da homepage foi um call to action, o que é digno de nota. Gostamos da imagem de fundo, na qual o texto se sobrepõe, pois apresenta programas e filmes que você pode assistir com uma assinatura da Netflix.

No início dos anos 2000, havia uma falta de hierarquia no site do eBay, o que tornava complicado para os visitantes entender por onde começar. Isso também é prejudicial do ponto de vista da experiência do usuário. Isso mudou desde então, no entanto. Em 2022, o eBay tem um carrossel acima da dobra em seu site. Ele apresenta alguns produtos e promoções que a empresa está oferecendo atualmente. O site também apresenta mais espaços em branco do que no passado, e o menu é pareado por comparação.

Em 2006, o Burger King apresentou uma imagem principal em seu site. O menu também estava no topo do site, mas a fonte era difícil de ler. Em 2022, Hoje, o Burger King apresenta um fundo neutro e mantém o foco em seu imaginário. A cópia é esparsa, mas eficaz. Além disso, a empresa usa uma fonte que oferece um toque de personalidade e é legível.

Inspire-se no redesenho de sites desses sites nostálgicos

Se você está procurando inspiração para redesenhar seu site, dê uma olhada nesses sites nostálgicos para ter uma ideia de como você pode retrabalhar sua página de destino. Esses sites nostálgicos provam que, usando sua marca exclusiva, equilibrando imagens e texto e incluindo uma hierarquia visual clara, seu site ficará ótimo por muitos anos.

Nota do editor: esta postagem foi publicada originalmente em abril de 2014 e foi atualizada para maior abrangência.