19 Incrível Sites Interativos para sua Inspiração

a tecnologia de hoje, os designers têm sido criativamente adicionar elementos interativos para sites bizarra e formas únicas, neste artigo, vamos mostrar-20 cool sites interativos que reunimos para só para você. Então pegue uma cadeira confortável, sente-se e vamos dar uma olhada em 20 sites interativos legais.,

Wava:

Wava é um blog de arte que se dedica a promover o trabalho de criativos visuais emergentes, o primeiro projeto do site que chamou a minha atenção foi a navegação.Explorar o site parece que você está indo para uma biblioteca ou olhando através de pastas em um arquivo.

mesmo quando você clicar em um perfil de um artista, ele não o leva para outra página tradicionalmente como outros sites, em vez disso, ele muda e o portfólio do artista começa a desaparecer, dando um bom efeito de transição.,

O lado interativo do web design é sutil, mas ao mesmo tempo aumenta a aparência profissional do próprio site com tweenings simples. Um excelente método quando se trata de organizar blogs individuais, é limpo e arrumado olhar faz Wava se destacar de outros sites de blogs.

guia de Natal polaco

Aprenda a tradição polaca do Natal com este site interactivo onde controla o Pai Natal e recolhe presentes que representam as tradições.,

O estilo do site um desenho animado infantil olhar para ele, usando formas simples para criar um estilo atraente.

o objetivo no site é controlar o Santa rolando ou usando as teclas de cursores para explorar e encontrar presentes para saber como a Polônia celebra as férias, cada vez que você coletar um item que despoleta uma animação do item pulando em seu trenó.

A animação do próprio Pai Natal é bastante cartunista quando ele puxa e empurra o trenó dependendo da direção que você tomar.,depois de recolher todos os factos sobre as férias, envia uma mensagem para ajudar a espalhar a consciência sobre as crianças que nunca passam o Natal com uma linha de Ajuda.

um site divertido com uma causa reconfortante para ajudar os infelizes durante as férias que é tudo sobre dar.

a linguagem da minha avó:

Este site ensina-lhe palavras de Marra, uma língua aborígene australiana que está lentamente a ser esquecida. Usando o seu microfone, você aprende a falar frases em marra a fim de progredir através do site.,à medida que você aprende mais sobre marra, você também aprende sobre a história e motivação por trás do site.

no final do site, você é levado para o mapa da Austrália, dando-lhe a opção de compartilhar a linguagem da mãe para ajudar a manter a língua viva.

Este site contém um método de interação que não é apenas envolvente, mas usa-o de tal forma que ajuda a suportar a causa. Com a combinação de interação, animação e estilo bonito, definitivamente vale a pena conferir.,

Nurture:

Nurture é uma agência que se concentra em branding digital e marketing, seu site mostra o que uma empresa de 22 homens pode fazer.

a forma como você navega através do site quando você se desloca para cima ou para baixo parece satisfatória quando você vê a animação construir a próxima página diante de seus próprios olhos, como um estágio se unindo.

a animação gráfica de movimento mais atraente no site é a partir da primeira página, onde a primeira coisa que você vê é uma animação complexa looped.

que representa cada etapa do fluxo de trabalho da empresa., Um web design criativo para uma empresa criativa.

30 peças, de 30 espécies:

30 peças, de 30 espécies constrói a consciência através da construção de trinta espécies ameaçadas de extinção, com 30 peças que podem formar cada animal por rolagem ou activar o site para percorrer cada animal.

Você pode então escolher um dos 30 animais e descobrir mais sobre a sua data de descoberta, história da sua população, um vídeo sobre o animal e um link que leva a outro site que tenta ajudar com a opção de convidá-lo para se juntar à causa.,se você é um fã de design gráfico e ajudar animais em extinção este site é o seu ramo com o seu estilo único e animação.

Tigre de Amur Center

autônoma organização não-comercial estabelecida para a preservação do tigre de Amur população, este site educa-lo com fatos sobre o tigre de Amur, que é a condição da população e mostrar os projetos que a organização está fazendo para ajudar a preservar o tigres de Amur como você rolar e ver o conteúdo desdobrar-se.,uma seção do site chamada sobre Amur Tiger é ilustrada por belas pinturas animadas como um livro de histórias em movimento.

para usuários mais jovens, há uma página de mini-jogo onde você joga às escondidas com um grupo de animais de desenho animado, um jogo divertido e educativo para ajudar as crianças a entender o tigre Amur.

no geral, o site está bem configurado com o objetivo de proteger animais magníficos.,

Mapstd:

Um jogo de defesa de torre onde você pode escolher para defender em qualquer lugar do mundo usando o Google maps, ele joga como um tradicional jogo de defesa de torre onde você pode colocar cores diferentes pinos para defender sua base dos inimigos de entrada e sobreviver por enquanto você pode, quando as probabilidades estão lentamente contra você com cada rodada.

pode alterar o layout do mapa para o layout tradicional do Google maps, satélite ou água colorida, pessoalmente o layout aquarela parece o mais divertido de jogar.,

é uma diversão pouco tempo e com o mundo inteiro para jogar em você tem muitas escolhas para jogar e defender.

Despertar:

Um site engraçado que começa com um mini-jogo onde o objetivo é despertar o seu navegador da web usando arquivos como música alta ou jogando um arquivo de imagem de um chinelo em seu rosto antes que o tempo se esgote, o site foi criado para promover a animação para ajudar a levar o site para a vida.,

a animação de cada arquivo com o qual você interage torna a experiência bastante divertida quando você vê a reação do navegador web e tenta voltar a dormir.

definitivamente vale a pena visitar o site e tentar acordar o navegador.

Noisli:

Este é um bom site para uso se tiver problemas para se concentrar no trabalho ou tentando relaxar, estilo simples, mas super personalizável.

O estilo não é o mais complicado porque o próprio site não é suposto ser.,

Os símbolos de cada Áudio para escolher dá a ideia de qual será o som, e com os seus mostradores ajustáveis, você pode criar a atmosfera certa para você ajudar a focar sua mente no trabalho ou até mesmo relaxar após o trabalho.

Inside Abbey Road:

Usando o recurso de vista de rua do Google map, Inside Abbey Road permite-lhe percorrer uma viagem virtual em, bem, os famosos Abbey Road Studios, claro.,para aqueles que você não pode fisicamente ir visitá-lo através de cada sala e aprender 86 anos de história, explorando através do estúdio você descobre orquestras e músicos que usaram o estúdio para a gravação. Dando-lhe a liberdade de olhar livremente ao redor de todos os quartos de cada andar, ouvindo os comentários e descobrindo curiosidades interessantes.

MARKETING DIGITAL BOOTCAMP

Saiba mais sobre a nossa indústria focada curso:

VER CURSO

Você se sentir como se você está lá., Vale a pena verificar se você está interessado no estúdio Abbey Road ou se você está interessado no que Londres tem para oferecer você deve definitivamente verificar este site.

Kolmården Zoo:

Kolmården é uma grande floresta que separa as províncias Suecas de Södermanland e Östergötland.,

mover-se em diferentes áreas do zoológico permite-lhe descobrir sobre todos os animais que eles têm na reserva, bem como outras atrações como montanhas-russas e um parque infantil.

é fácil de navegar e é divertido de olhar com o seu estilo Sims esque com a combinação de fotos do zoológico.

elementos Envato:

Now for something a little bit more on graphic design, this is Envato Elements.

um site que tem uma grande coleção de temas, fotos, fontes e gráficos para ajudar o público a obter seus produtos/serviços lá fora.,

A interação do site é baseada no movimento do mouse e onde ele paira.

no topo da página inicial, a primeira coisa que você vê são imagens de cartões de visita, sites e outros anúncios com ativos que foram usados a partir de elementos Envato quando você paira seu mouse sobre um deles ele sai do resto.,

outra pequena interacção fixe está no fundo da página na secção de transferências ilimitadas de uma assinatura, existe um pequeno conjunto de imagens em segundo plano e quando você move o seu rato à sua volta eles também movem a base na direcção em que o seu rato vai.

estes são sutis, mas em muitos casos, menos ou mais, e estes pequenos detalhes dão destaque a este site.

Big Drop:

Big Drop é uma agência de design web que se concentra em tornar cada projeto único e pessoal para seus clientes., À medida que você desloca para baixo a página inicial você começa a ver imagens na tela com squash e stretches.

outras pequenas interações são as miniaturas do trabalho anterior da agência, quando você move o mouse sobre a carteira, você pode ver as miniaturas se movem dentro de sua moldura.

mas o que torna este site especial é quando você olha para o topo da página e vê um botão que diz pedir uma citação, quando você paira sobre o botão que balança de lado para lado.

Como um conjunto de blinders, você puxa para baixo no botão e revela um formulário de contato para solicitar uma citação.,

esta é uma forma bastante criativa de usar a animação e implementá-la em um web design.

Vento e Palavras:

Para aqueles que são fãs da popular série da HBO ” Game of Thrones; Vento e Palavras é um site que registra todos os diálogos interações entre todo o elenco da primeira 6 estações, bem como a gravação de quantas palavras foram usadas e quais palavras foram usadas mais em cada temporada.

O design e a interação são intrigantes, por exemplo, cada temporada tem um anel de personagens e com o anel é uma teia de interações entre cada personagem.,

à medida que você percorre cada linha, você vê quantas linhas de diálogo foram trocadas entre um personagem para outro, você também pode olhar para os altos e baixos de cada personagem a partir de cada temporada.

Se você está interessado em scripts e diálogo de um programa de tv popular, eu sugeriria dar uma olhada nisso.,

Irreal Missão:

O Irreal Missão permite que você jogue um espaço de simulação de voo e fazer diferentes tarefas semelhantes Bop ou Simon Diz; seguir uma sequência de botões para clicar para avançar para o próximo nível, que, em seguida, torna-se progressivamente mais difícil.com as interações de diálogo entre o herói e o vilão torna o site cómico, o design e o estilo lembram-me muito dos filmes de ficção científica dos anos 80.,

Preto Negativo:

web de Outra agência de design que oferece uma experiência única em UX, arrastando todo o site para a esquerda e para a direita para ver o conteúdo que você vê lindamente as páginas, cada uma com estilos únicos e interações, apresentando o trabalho passado.

não há muito a dizer, mas é criativo e bonito de se olhar e você deve visitar este site.,

(Onu)traficadas:

para ampliar a sensibilização sobre tráfico de seres humanos na Índia, o Bharat Yatra criou esta história interativa onde você faz escolhas para salvar um personagem do tráfico e nesta história, ele mostra como você pode nem sempre com êxito salvar alguém.

de certa forma, isto resume o quão cruel algumas partes do mundo podem ser, e é por isso que você deve dar uma olhada neste site e compartilhar com seus entes queridos.

Chekhov:

“o conhecimento não tem valor a menos que o ponha em prática.,”

uma vez dito por Anton Chekhov; um famoso dramaturgo e escritor de contos da Rússia, Este site comemora o escritor, oferecendo um questionário para o usuário.uma vez terminado o questionário, os resultados dar-lhe-ão um personagem de uma das histórias de Chekhov que mais se assemelha a si, com base nas suas respostas, o website até oferece ao Utilizador uma audição para a sua selecção.

combinado com este e seu estilo de arte colorido este site vale a pena explorar, para o quiz, conhecer o escritor e seus personagens.havia algum site interativo que tenhamos perdido?, Deixe-nos saber, quem sabe, nós poderíamos adicioná-lo em nosso próximo artigo o futuro.

MARKETING DIGITAL BOOTCAMP

Saiba mais sobre a nossa indústria focada curso:

VER CURSO

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *