en la tecnología actual, los diseñadores han estado agregando creativamente elementos interactivos a sitios web de maneras extrañas y únicas, en este artículo, mostraremos 20 sitios web interactivos geniales que hemos recopilado solo para ti. Así que toma una silla cómoda, siéntate y echemos un vistazo a 20 sitios web interactivos geniales.,

Wava:

Wava es un blog de arte que se dedica a promover el trabajo de creativos visuales emergentes, el primer diseño de la página web que me llamó la atención fue la navegación.

explorar el sitio web se siente como si estuvieras yendo a una biblioteca o mirando a través de carpetas en un archivador.

incluso cuando haces clic en un perfil de un artista, no te lleva a otra página tradicionalmente como otros sitios web, sino que cambia y el portafolio del artista comienza a desvanecerse, dando un agradable efecto de Transición.,

el lado interactivo del diseño web es sutil pero al mismo tiempo mejora la apariencia profesional del sitio web en sí con tweenings simples. Un excelente método cuando se trata de organizar blogs individuales, su aspecto ordenado y ordenado hace que Wava se destaque de otros sitios de blogs.

guía de Navidad polaca

aprende la tradición polaca de la Navidad con este sitio web interactivo donde controlas a Santa Claus y coleccionas regalos que representan las tradiciones.,

el estilo del sitio web un dibujo animado amigable para los niños lo mira, usando formas simples para crear un estilo atractivo.

el objetivo en el sitio web es controlar a Santa mediante el desplazamiento o el uso de las teclas de flecha para explorar y encontrar regalos para aprender acerca de cómo Polonia celebra el día de fiesta, cada vez que recoja un objeto se desencadena una animación del objeto saltando en su trineo.

La animación del propio Santa es bastante caricaturesca cuando tira y empuja el trineo dependiendo de la dirección que tome.,

una vez que recoja todos los datos sobre las vacaciones, envía un mensaje para ayudar a difundir la conciencia sobre los niños que nunca llegan a tener Navidad con una línea de ayuda.

un sitio web divertido con una causa conmovedora para ayudar a los desafortunados durante las vacaciones que se trata de dar.

La jerga de mi abuela:

Este sitio te enseña palabras de Marra, una lengua aborigen australiana que poco a poco se está olvidando. Usando su micrófono, aprenderá a hablar frases en marra para progresar a través del sitio web.,

a medida que aprendes más sobre marra, también aprendes sobre la historia y la motivación detrás del sitio web.

al final del sitio web, se le lleva al mapa de Australia, que le da la opción de compartir la jerga de la madre para ayudar a mantener el idioma vivo.

Este sitio tiene un método de interacción que no solo es atractivo, sino que lo utiliza de tal manera que ayuda a apoyar la causa. Con la combinación de interacción, animación y estilo hermoso, definitivamente vale la pena echarle un vistazo.,

Nurture:

Nurture es una agencia que se centra en la marca digital y el marketing, su sitio web muestra lo que una empresa de 22 hombres puede hacer.

la forma en que navega por el sitio web cuando se desplaza hacia arriba o hacia abajo se siente satisfactoria cuando ve la animación construir la siguiente página ante sus propios ojos, como un escenario que se une.

la animación gráfica de movimiento más atractiva en el sitio web es desde la primera página, donde lo primero que ves es una animación en bucle compleja.

que representa cada etapa del flujo de trabajo de la empresa., Un diseño web creativo para una empresa creativa.

30 piezas, 30 especies:

30 piezas, 30 especies crea conciencia al construir treinta especies en peligro de extinción con 30 piezas que pueden formar cada animal desplazándose o permitiendo que el sitio recorra cada animal.

a continuación, puede elegir uno de los 30 animales y obtener más información sobre su fecha de descubrimiento, la historia de su población, un video sobre el animal y un enlace que conduce a otro sitio web que intenta ayudar con la opción de invitarlo a unirse a la causa.,

Si eres un fanático del diseño gráfico y de ayudar a los animales en peligro de extinción, este sitio web es tu callejón con su estilo y animación únicos.

Amur Tiger Center

una organización autónoma no comercial establecida para preservar la población de tigres de Amur, este sitio web lo educa con hechos sobre el tigre de Amur, Cuál es la condición en la que se encuentra la población y muestra los proyectos que la organización está haciendo para ayudar a preservar los tigres de Amur mientras se desplaza y ve el contenido desplegarse.,

una sección del sitio web llamada About Amur Tiger está ilustrada por hermosas pinturas animadas como un libro de cuentos en movimiento.

para los usuarios más jóvenes, hay una página de minijuegos donde juegas al escondite con un grupo de animales de dibujos animados, un juego divertido y educativo para ayudar a los niños a entender el tigre de Amur.

En general, el sitio web está bien configurado con el objetivo de proteger a los magníficos animales.,

Mapstd:

Un juego de defensa de torres donde puedes elegir dónde defenderte en cualquier parte del mundo usando Google maps, juega como un juego tradicional de defensa de torres donde colocas Pines de diferentes colores para defender tu base de los enemigos entrantes y sobrevivir el mayor tiempo posible cuando las probabilidades están lentamente en tu contra con cada ronda.

Puede cambiar el diseño del mapa al diseño tradicional de Google maps, por satélite o de color agua, personalmente el diseño de acuarela se ve más divertido para jugar.,

es un pequeño desperdicio de tiempo divertido y con todo el mundo para jugar tienes muchas opciones para jugar y defender.

Wake it Up:

un sitio web divertido que comienza con un mini-juego donde el objetivo es despertar su navegador Web mediante el uso de archivos como música a todo volumen o lanzar un archivo de imagen de una zapatilla en su cara antes de que acabe el tiempo, el sitio web fue creado para promover la animación para ayudar a dar vida al sitio web.,

la animación para cada archivo con el que interactúa hace que la experiencia sea bastante divertida cuando ve la reacción del navegador web e intenta volver a dormir.

definitivamente vale la pena visitar el sitio web y tratar de despertar el navegador.

Noisli:

Este es un buen sitio web para usar si usted dificultad para concentrarse en el trabajo o tratando de relajarse, estilo simple pero super personalizable.

el estilo no es el más complicado porque el sitio web en sí no se supone que sea.,

los símbolos de cada audio para elegir dan la idea de lo que será el sonido, y con sus diales ajustables, puede crear la atmósfera adecuada para ayudar a enfocar su mente en el trabajo o incluso relajarse después del trabajo.

Inside Abbey Road:

utilizando la función street view de Google map, Inside Abbey Road te permite realizar un viaje virtual en los famosos estudios de Abbey Road, por supuesto.,

para aquellos que físicamente no puedes ir a visitarte a través de cada habitación y aprender 86 años de historia, explorando a través del estudio descubrirás orquestas y músicos que han utilizado el estudio para grabar. Le da la libertad de mirar libremente alrededor de todas las habitaciones de cada piso escuchando los comentarios y descubriendo curiosidades interesantes.

Usted se siente como si usted está allí., Vale la pena echarle un vistazo si está interesado en el Abbey Road Studio o si está interesado en lo que Londres tiene para ofrecer, definitivamente debe visitar este sitio web.

Kolmården Zoo:

Kolmården es un gran bosque que separa las provincias suecas de Södermanland y Östergötland, su sitio web presenta un renderizado 3D de la vista para mostrar lo que pueden ofrecer a los visitantes.,

moverse por diferentes áreas del zoológico le permite conocer todos los animales que tienen en la reserva, así como otras atracciones como montañas rusas y un parque de juegos para niños.

es fácil de navegar y divertido de ver con su estilo Sims esque con la combinación de fotos del zoo.

Envato Elements:

ahora para algo un poco más sobre diseño gráfico, Este es Envato Elements.

un sitio web que tiene una gran colección de temas, fotos, fuentes y gráficos para ayudar a la audiencia a obtener sus productos/servicios.,

la interacción del sitio web se basa en el movimiento del ratón y donde se cierne.

en la parte superior de la página de inicio, lo primero que ves son capturas de pantalla de tarjetas de visita, sitios web y otros anuncios con activos que se utilizaron de Envato Elements cuando pasas el mouse sobre uno de ellos, aparece del resto.,

otra pequeña interacción genial está cerca de la parte inferior de la página en la sección de descargas ilimitadas de una suscripción, hay un pequeño grupo de imágenes en el fondo y cuando mueve el ratón alrededor de ellas también se mueven en la dirección en que va el ratón.

Estos son sutiles pero en muchos casos, menos o más, y estos pequeños detalles hacen que este sitio web destaque.

Big Drop:

Big Drop es una agencia de diseño web que se centra en hacer que cada diseño sea único y personal para sus clientes., A medida que te desplazas hacia abajo en la página de inicio, puedes ver imágenes en la pantalla con squash y stretches.

otras pequeñas interacciones son las miniaturas del trabajo anterior de la agencia, cuando mueve el mouse sobre la cartera puede ver que las miniaturas se desplazan dentro de su marco.

pero lo que hace que este sitio web sea especial es cuando miras en la parte superior de la página y ves un botón que dice solicitar una cotización, cuando pasas el cursor sobre el botón, se mueve de un lado a otro.

como un conjunto de anteojeras, pulsas el botón y revelas un formulario de contacto para solicitar un presupuesto.,

Esta es una forma bastante creativa de usar la animación e implementarla en un diseño web.

Wind and Words:

para aquellos que son fans del popular juego de tronos de HBO; Wind and Words es un sitio web que registra todas las interacciones de diálogo entre todo el elenco de las primeras 6 temporadas, así como la grabación de cuántas palabras se utilizaron y qué palabras se utilizaron más en cada temporada.

el diseño y la interacción son intrigantes, por ejemplo, cada temporada tiene un anillo de personajes y con el anillo son una red de interacciones entre cada personaje.,

al pasar el cursor sobre cada línea, verá cuántas líneas de diálogo se intercambiaron entre un personaje y otro, también puede ver los altibajos de cada personaje de cada temporada.

si estás interesado en guiones y diálogos de un popular programa de televisión, te sugeriría darle un vistazo a esto.,

Unreal Mission:

La Misión Unreal te permite jugar una simulación de vuelo espacial y hacer diferentes tareas similares a Bop It o Simon Says; sigue una secuencia de botones para hacer clic con el fin de proceder al siguiente nivel, que luego se vuelve progresivamente más difícil.

con las interacciones de diálogo entre el héroe y el villano hace que el sitio web sea cómico, el diseño y el estilo me recuerdan mucho a las películas de ciencia ficción de los 80.

no arruinaré el final, dejaré que lo averigües por ti mismo.,

Black Negative:

otra agencia de diseño web que ofrece una experiencia única en UX, arrastrando todo el sitio web hacia la izquierda y la derecha para ver el contenido que ves páginas bellamente diseñadas, cada una con estilos e interacciones únicos, mostrando trabajos anteriores.

no hay mucho que decir, pero es creativo y bonito a la vista y usted debe visitar este sitio.,

(Un)trafficked:

con el fin de difundir la conciencia sobre la trata de personas en la India, Bharat Yatra creó esta historia interactiva donde se toman decisiones para salvar a un personaje de la trata y en esta historia se muestra cómo no siempre se puede salvar a alguien con éxito.

en cierto modo, esto resume lo cruel que algunas partes del mundo pueden ser, por lo que debe echar un vistazo a este sitio y compartir con sus seres queridos.

Chéjov:

» El conocimiento no tiene valor a menos que lo ponga en práctica.,»

dicho Una vez por Anton Chekhov; un famoso dramaturgo y escritor de cuentos de Rusia, Este sitio web conmemora al escritor ofreciendo un cuestionario al usuario.

una vez que termine el cuestionario, los resultados le darán un personaje de una de las historias de Chéjov que mejor se asemeja a usted en función de sus respuestas, el sitio web incluso ofrece al usuario una audición para su casting.

combinado con esto y su colorido estilo de arte, vale la pena explorar este sitio web, para el concurso, conociendo al escritor y sus personajes.

¿hubo algún sitio web interactivo que nos hayamos perdido?, Háganos saber, quién sabe, podríamos añadirlo en nuestro próximo artículo el futuro.