Hace unos días hicimos un pequeño repaso de las tendencias más llamativas del último año dentro del diseño web y hoy vamos a ver cómo se han aplicado todos estos rasgos a los sitios de diferentes empresas, organismos y artistas de la mano de Awwwards, una página web que otorga menciones a las páginas más atractivas e inspiradoras cada año. Si visitáis su web descubriréis una enorme cantidad de webs muy creativas y que os servirán de inspiración a la hora de trabajar.
A continuación os presentamos un análisis de diez de las mejores páginas web más inspiradoras que nos ha regalado el año 2015:
En ella encontramos un diseño plano, minimalista y muy digerible. Se trata de un diseño parallax en el que se divide la pantalla por la mitad y en la que el background del fondo responde a los movimientos del ratón. Presenta colores claros, llamativos y un scroll profundo que nos irá desvelando cada una de las páginas en que se divide la web. Además ofrece la posibilidad de navegar a través de un menú clásico si es que lo preferimos y para ello no tenemos más que pulsar en el botón del área izquierda superior.
Presenta un diseño donde la presencia de las imágenes y fotografías tiene mucho peso. Ofrece diferentes modalidades de display para navegar por los contenidos y una gran cantidad de elementos presentan animaciones sencillas como el logotipo que se muestra en forma positiva y negativa. Además se utilizan fuentes en modalidad negrita y los botones son sonoros. El conjunto resulta minimalista, de vanguardia y atrayente.
Tremendamente sencilla y atractiva. Presenta un fondo con colores planos y suaves donde se muestra un objeto que gira sobre sí mismo a medida que deslizamos el cursor por la pantalla. Además, cada vez que hacemos clic cambia el color del fondo y el objeto convirtiéndolo en algo bastante curioso y con un toque retro fantástico. Sin lugar a dudas tesoros traídos desde la década de los ochenta, mitificados y homenajeados con mucha elegancia.
Una propuesta formal pero al mismo tiempo juvenil que hace uso del minimalismo y el uso de la doble exposición para mostrar sus contenidos presentando también ciertas pinceladas retro. Su fondo cambia cada vez que actualizamos la página principal con diferentes formas, personajes, peinados y objetos como moldes.
El ejemplo de la agencia Epic es quizá algo más recargado pero no menos elegante. En él se hace uso de animaciones y vídeos para llenar los backgrounds y se utilizan transiciones de volteado para pasar por los contenidos de la web. Casi como si se tratase de un catálogo que va exponiendo sus mejores obras la pantalla se divide en dos mitades muy bien diferenciadas.
Tremendamente psicodélica es la propuesta de Cartelle que utiliza como backgrounds diferentes vídeos que se intercambian cada vez que hacemos clic sobre el botón izquierdo de nuestro mouse y que al mismo tiempo nos conduce por cada una de sus secciones. La mayor parte de nuestro espacio se ve impregnada de imágenes escandalosas y llamativas: Chupachups, senos, plátanos, cerezas… Y como lema: Una exploración romántica por las perversiones de la era digital. Sin duda magnífica y destacable, original. ¡Tienes que verla!
La página web de esta productora presenta un acabado limpio y elegante en el que predomina la imagen y el vídeo. Las transiciones al pasar de una categoría a otra son muy atractivas y la página principal está impregnada de una combinación refinada de negro y blanco.
La web de Benjamin Guedj presenta un diseño en parallax que va desvelando sus secciones con unas combinaciones de color, tipografías e imágenes muy armoniosas. Su diseño es plano, sencillo, ágil y dinámico.
http://www.mediamonks.com/work
Si la comparamos con el resto de páginas que hemos citado, esta puede resultarnos algo más tradicional. Como cabecera encontramos un vídeo con el logotipo de la empresa y deslizamientos verticales para presentar los contenidos con cada transición.
Este estudio se nos presenta con diferentes personajes de lo más extraños y un fondo plano. Resulta bastante original y divertida.
Por último en este ejemplo podemos ver un diseño funcional, claro y preciso que nos permitirá deambular por sus contenidos haciendo scroll y con apariencia en modalidad lazy. Un estilo que resulta muy buena opción si tratamos de ofrecer una amplia variedad de contenidos de una forma dinámica, clara y limpia.