En los últimos años Internet ha dado un cambio espectacular, y la red ha quedado irreconocible. Muchas han sido las razones, como el avance tecnológico y unas conexiones más rápidas que hacen posible unas webs que hace unos años ni siquiera habrían podido cargar antes de que el usuario cerrase la pestaña. Pero más allá de las posibilidades tecnológicas, lo que más ha cambiado de la red es que nuestra forma de navegar. Y eso se debe a la popularización de dos cosas: los smartphones y las redes sociales.

Hoy el tráfico móvil ya supera al de escritorio. Esto implica que ya no vale que nuestra página “se vea bien” en el móvil, sino que por defecto la web debe ser mobile. Muchos ya habréis oído eso de “mobile first”.

El otro aspecto que ha cambiado nuestra forma de navegar es que ahora accedemos a buena parte del contenido desde las redes sociales. Antes, íbamos a la web que nos interesaba, mirábamos las últimas entradas y si alguna nos llamaba la atención, hacíamos clic en el enlace. Ahora no, ahora entramos directamente desde los enlaces sociales, sobre todo desde Facebook.

Os cuento todo esto porque tiene un impacto directo sobre el diseño de los blogs, especialmente de la home. Antes, su importancia era tal que los riesgos que se podían tomar eran pocos. Hoy es mucho mayor. Muchos de nuestros visitantes habituales ni la verán, además que la cultura digital de los internautas ha crecido, por lo que ya no necesitan que todos los blogs sean iguales para no perderse.

A continuación te dejo diez blogs mejor diseñados que reflejan todo esto que te cuento.

500px →

Un blog sobre fotografía debe dar un peso importante a la imagen y el de 500px lo hace de forma espectacular, con una instantánea en gran calidad ocupando toda la cabecera de la web. El resto del diseño es bastante minimalista, sin elementos que puedan frenar la carga de las imágenes y facilitando su adaptación a móvil.

Fubiz →

Con una gran imagen de cabecera que invita a sentarte, lo realmente llamativo de este blog es el “creativity finder” (o buscador de creatividad, en castellano), que a partir de unos simples parámetros como tus intereses o profesión te permite personalizar el contenido mostrado. Una forma de que todo visitante tenga la sensación de estar viviendo una experiencia única.

Design-Milk →

Lo más interesante de este blog -que cuenta con un diseño bastante tradicional a la hora de destacar y mostrar los post- es la barra lateral del interior de cada entrada. Allí muestra, con una gran imagen que llama la atención, los posts más populares de la categoría que se está leyendo. Una gran forma de redirigir el tráfico en el interior del blog.

Microsoft Story Labs →

Microsoft puede haber perdido la hegemonía tecnológica que tenía hace unos años ante el empuje de Apple y Google, pero eso ha conseguido que dé lo mejor de sí misma. No solo en productos, también a nivel de diseño. Su blog sigue unas líneas de diseño muy similares. Necesitada de imprimir “vida” a su marca, ha creado un blog en el que cada publicación tiene una maquetación diferente y con una cantidad importante de animaciones. Un ejemplo de cómo transmitir la personalidad de tu marca a través de tu blog.

Help Scout →

A veces lo más sencillo es también lo más efectivo. El artículo destacado ocupa buena parte de la cabecera, con una ilustración con colores planos y vivos. Debajo, una colorida rejilla muestra el resto de publicaciones. Además de ser un diseño que entra por los ojos, facilita también su adaptación a móviles.

The design Blog →

Normalmente, asociamos la palabra blog a entradas principalmente de texto, pero en este caso el dominador absoluto es la imagen. Mientras que la mayoría de homes muestran una sola foto por post, en este caso se nos muestra alrededor de una decena. Todas con una total coherencia visual y limitando el texto para el cierre, actuando como separador entre post y post.

Amsterdam Dance Event →

El fondo negro, en combinación con los colores vivos de algunas de las fotografías que encabezan las entradas transmiten en esta home la atmósfera de las fiestas nocturnas. La imagen tiene tanta importancia en este post que muchas de ellas no llevan a ninguna entrada -solo son fotos- y permite la reproducción de vídeos desde la misma página principal.

Airbnb →

Airbnb es una plataforma nacida en el entorno smartphone y eso se transmite en su blog, incluso en la versión de escritorio, que tiene algunos elementos propios de una web móvil, como el menú lateral que se abre al pulsar sobre un botón tipo hamburguesa. La predominancia de la imagen es total, hasta el punto que para ver el título de los artículos tienes que pasar el cursor sobre la fotografía.

Adidas StellaSport →

Muchas veces podemos pensar que solo puedes lucir en diseño si eres un blog “grande”, pero Adidas nos demostró con este Tumblr que el microblogging también puede cuidarse visualmente, combinando ilustración, fotografía y animaciones.

Mashable →

Si mashable se ha convertido en una de las publicaciones más importantes de tecnología y entretenimiento no es solo por sus muy buenas publicaciones, también a su diseño. Debajo de una gran cabecera y su cabecera llamativa, se encuentran tres columnas que ofrecen al lector noticias con tres aproximaciones distintas: lo último publicado, lo más compartido y lo que está ganando popularidad rápidamente. Su adaptación a móvil no muestra las tres columnas de forma simultánea, pero permite moverte entre ellas con un simple “swipe” lateral del dedo.

Espero que este post os sirva para ver las distintas formas en las que se puede diseñar un blog funcional y a la vez que llame la atención por ser diferente, incluso de forma que transmita los valores de tu marca.

¡Hasta la próxima!