Recursos interativos, um design pulcro e uma boa dose de espetáculo visual é o resultado do uso de HTML5.
A estas alturas, HTML5 é um termo amplamente difundido e familiar no campo da tecnologia, mas nem sempre se tem em mente o que permite fazer e quais são os resultados de seu uso. Então, vamos mostrar 10 exemplos de sites com HTML5, que usam a linguagem para fornecer uma imagem atrativa e uma boa usabilidade. Às pautas inovadoras e design unem-se em recursos como os tours virtuais que enriquecem a experiência web.
Os Awwwards, que premiam sites de todo o mundo por suas qualidades de design e desenvolvimento, não podiam deixar de notar o HTML5. O reconhecimento que supõem esses prêmios afeta a dezenas e centenas de projetos web, dentre os que selecionamos 10 que brilham por suas capacidades de HTML5.
Exposição virtual ao forte Boyard
Esta web para promover o turismo e divulgar o conhecimento sobre o Forte Boyard (localizado em uma ilha perto de La Rochelle, França) oferece um tour virtual pelo edifício. A espectacularidade das imagens faz com que pareça um vídeo, quando na verdade é uma animação contida na web.
Projeto para uma loja online
O comércio eletrônico é o setor ao que apela o site danielladraper.com, que vende acessórios de vestuário artesanais. A cuidadosa organização de produtos e a limpeza do projeto chamam a atenção, bem como a elegância em transições e adaptabilidade das imagens, dependendo da tela na qual você navega.
Razões interativas para deixar de fumar
Este site oferece um guia interativo do processo da respiração e o prejuízo que fumar causa no pulmão. O HTML5 ajuda a apresentar a informação sob a forma de jogo educativo.
A teatralidade do esporte
‘Future of football’ é o slogan que se pode ler no site do time da Universidade de Oregon logo ao entrar. Apoiado por transições rápidas, o site vai apresentando diferentes telas que têm uma aparência própria de um menu de videogame.
Bem-vindo ao mundo da Lexus
A marca de carros Lexus criou um site sofisticado em que mostra as qualidades de seus veículos detalhe a detalhe. Ele é baseado em um design parallax com transições muito visuais que apelam para a espetacularidade.
HTML5 e gamificação
A página do McDonald’s no Reino Unido criou uma campanha que conta para a difusão com um jogo on-line inserido na web. Trata-se de uma rota interminável estilo Runaway.
O museu de Mario
A seguinte proposta também está relacionada com videogames. Trata-se de um ambiente interativo que tem ao famoso personagem da Nintendo como peça central, permitindo ao usuário explorar a seu mundo com profundidade.
Entre a ilustração e a música
Outros sites com HTML5 que obtiveram o reconhecimento dos Awwwards é a do grupo canadense de rock indie The Strumbellas. Seu design é simples, visualmente atraente e dá a sensação de ocupar toda a tela.
Uma colagem de roupas
A marca de roupa Banana Café apresenta um site com um design que se parece mais com uma colagem de títulos, caixas e imagens. Mas depois de um minuto navegando no site, a organização fica clara e destaca as formas de mostrar os detalhes.
Cada esporte tem seu espaço
A página do Canal Satélite na França também usou as possibilidades do HTML5 para fornecer informações enriquecidas sobre esportes. Recursos de vídeo são complementados por um design sofisticado.