Webs adaptables e interactivas en WordPress

Publicada en WordPress.

Mira nuestro vídeo

Existe una versión mejor de tu web

Comparte este artículo

Hace poco más de un mes, Matt Mullenweg, fundador de WordPress, ya anunció que el futuro de WordPress está en los diseños de webs adaptables (en inglés responsive design) e interactivos. Así que ya os podéis olvidar de intentar diseñar webs de WordPress puramente estáticas.

El diseño web adaptable (responsive) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario, es decir, a los distintos dispositivos desde los que accede a la web. Esta técnica fue difundida por Ethan Marcotte. Podéis encontrar una traducción de Antonio Rigó aquí.

Si hablamos de diseño web interactivo nos referimos al arreglo de gráficos, texto, vídeos, fotos, ilustraciones, animación, imágenes en 3D, realidad virtual y otros medios en una web interactiva, que permita al usuario tener una experiencia personalizada con la misma. El diseño gráfico y la usabilidad son las claves en cualquier diseño de una web interactiva.

Y si os pensabais que con WordPress sólo podíais diseñar blogs estáticos, a continuación os muestro algunos sitios web de WordPress interactivos bastante impresionantes. Algunos incluyen algún efecto de desplazamiento diferencial (parallax scrolling) y otros incluyen presentaciones de vídeo y música.

¡Espero que os gusten!

To Young to Wed
Web de UNFPA (The United Nations Population Fund) que defiende los derechos de las niñas a casarse y tener hijos en edad adulta con imágenes muy bonitas y efectos de scrolling interesantes.

Toyoungtowed

Whiteboard
Web de empresa que en el que impresiona el efecto borroso que crean del sitio web en cuanto reduces el navegador a tamaño móvil.

Whiteboard
Minimal Monkey

Minimal Monkey
Web sencilla de Stephen Burgess que ofrece una experiencia de usuario mejorada para conocer los trabajos que realiza.

MinimalMonkey

Life In My Shoes
Web de la campaña multiplataforma que promueve la empatía hacia las personas con HIV en Reino Unido entendiendo cómo son sus vidas en sus zapatos. Claramente causa el efecto buscado.

LifeInMyShoes

2am Media
Agencia web de diseño con un menú que va ramificándose. Parece flash pero es javascript.

2am

I Love ArtWalk
Web muy simpática con unos efectos de scrolling muy divertidos.
iloveartwalk

Galeria de arte de Olszanka
Esta web de una artista polaca os la he dejado adrede para el final. Tiene un nivel de interactividad y efectos especiales visuales y de sonido realmente impresionantes.¡No os la podéis perder!
Olszanska

Las web mencionadas las he encontrado navegando por varias web de internet y especialmente en:
http://bestwebgallery.com
http://www.awwwards.com

Imagen destacada de rawpixel en Unsplash.

Deja una respuesta

No publicaremos tu correo electrónico. Los campos obligatorios están marcados con: •

He leído y acepto la Política de privacidad de Nelio Software

Al marcar la casilla de aceptación estás dando tu legítimo consentimiento para que tu información personal se almacene en SiteGround y sea usada por Nelio Software con el propósito único de publicar aquí este comentario. Contáctanos para corregir, limitar, eliminar o acceder a tu información.