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.
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.
Minimal Monkey
Minimal Monkey
Web sencilla de Stephen Burgess que ofrece una experiencia de usuario mejorada para conocer los trabajos que realiza.
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.
2am Media
Agencia web de diseño con un menú que va ramificándose. Parece flash pero es javascript.
I Love ArtWalk
Web muy simpática con unos efectos de scrolling muy divertidos.
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!
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