Vamos a ensuciarnos las manos con algo de diseño formado por bloques, en inglés, «masonry layout». Descubriremos en qué consiste, por qué es eficaz para algunas grandes marcas, por qué deberías considerar incorporarlo a tu propia web, y qué temas WordPress te pueden ayudar a conseguir un diseño de página con el estilo al cual a partir de ahora nos referiremos como estilo masonry.
Primera pregunta: ¿Qué es «Masonry Grid»?
Una retícula formada por bloques o masonry grid, es un diseño de página que contiene elementos de distintos tamaños. Su nombre fue acuñado por Dave DeSandro, creador de la librería JavaScript Masonry publicada en 2019. En el sitio web de masonry, este tipo de retícula se describe como «si un albañil dispusiese piedras en un muro». Ya sabes, algo como esto:
Pero en lugar de piedras y ladrillos, colocas todos tus brillantes trabajos, tus proyectos, tus fotos o lo que sea:
¿Por qué funciona tan bien este tipo de diseño?
Las retículas estilo masonry resultan familiares y organizan el contenido de una forma muy comprensible para los usuarios («user-friendly»). El contenido se puede organizar bajo ciertos criterios o categorías, de esta forma es muy fácil navegar, filtrar y ver el contenido sin que resulte aburrido.
Es un formato habitual en la plataforma de blogging Tumblr. Aquí tienes un ejemplo de Coca-Cola, una de las grandes marcas que usa un diseño estilo masonry grid en Tumblr:
La red social empleada como recurso de inspiración Pinterest también usa un diseño en forma de retícula para organizar gran cantidad de contenido. Aquí tienes un ejemplo del perfil de Rayt en Pinterest, que cuenta con casi seis millones de seguidores:
Por qué este diseño funciona tan bien en webs de portafolios
Los diseños tipo masonry grid son especialmente útiles para webs con portafolios personales. Si eres un diseñador o un artista, esta es una buena fórmula para exponer tus proyectos y proporcionar una presentación visual de los trabajos que hayas realizado. Si eres un escritor, puedes usar este tipo de retícula para presentar historias o publicar trabajo. Si eres un fotógrafo, mostrar tus fotografías y crear una galería en la que se pueda hacer una búsqueda según el tipo de fotografía es algo muy útil. Yo he creado sitios WordPress con retículas masonry para presentar y comentar mis proyectos paralelos, diseños de newsletters, planificaciones de eventos, y mucho más.
Siguientes pasos: Selecciona el tema WordPress adecuado
Aunque tanto Tumblr como Pinterest tienen un estilo de retícula masonry, no son la opción más indicada para exponer tu portafolio; su naturaleza como plataforma social y de blogging lo complica y añade elementos que están fuera de tu control. Sin embargo, al un sitio con WordPress para crear y mostrar tu portafolio tendrás todo bajo tu control, desde tu propio dominio (por ej. tunombre.com) hasta las elecciones relativas a los formatos y estilos. Además, usar WordPress te proporciona la libertad de crear un sitio web tan sencillo o complicado como quieras.
A continuación te presentamos una selección de 20 temas WordPress con excelentes diseños de página con retículas masonry:
1. Atmosphere – Tema WordPress para audaz portafolio online
Precio: 75$
Este tema WordPress tiene un diseño fresco para crear un portafolio contemporáneo y de limpia apariencia. Ofrece múltiples opciones para que presentes la página del portafolio como más te guste, con o sin espacio entre la imagen de cada proyecto, con distintos números de columnas, efectos «hover», filtros para distintas categorías de portafolio, etc.
El diseño de las páginas individuales para cada proyecto también es simple y diáfano. Podrás mostrar las imágenes de cada proyecto en forma de galería, slider, o mediante imágenes estáticas maquetadas a tu gusto.
2. Yvette – Tema WordPress para audaz portafolio online
Precio: 75$
Yvette es uno de mis temas preferidos, tanto para un portafolio como para una tienda online. Tiene un diseño sencillo, rabiosamente atrevido sin perder la elegancia gracias al cuidado puesto por sus creadores en todos los detalles. Por ejemplo, la selección de combinaciones tipográficas, la exquisita maquetación del diseño de cada una de las páginas preconfiguradas, en especial el equilibrio entre los espacios en blanco y el resto de elementos.
Dentro de la variedad de páginas preconstruidas que te proporciona este tema para que lances rápidamente tu sitio, encontrarás distintas opciones de diseño para el portafolio, página de listado de productos, página para productos individuales, un blog, página para presentar a tu equipo, página de error, de contacto y muchas más.
Este tema sería sin duda una de mis primeras opciones para un portafolio.
2. Penumbra – Tema WordPress para portafolio y casos de estudio
Precio: 79$
Penumbra es un tema WordPress para crear un cautivador portafolio online, válido tanto para un diseñador freelance como para agencias que deseen presentar sus proyectos y casos de estudio en el campo del diseño, el branding, o las campañas publicitarias.
Viene con dos versiones para la apariencia de la interfaz, una en tonos oscuros y otra en blanco y colores claros, para que puedas elegir aquella con la que más te identifiques a nivel personal.
Ofrece una amplia gama de diseños para el portafolio, por ejemplo:
- Galería estilo masonry
- Galería estilo feed de Pinterest
- Portafolio a pantalla dividida con desplazamiento vertical para pasar de un proyecto a otro.
- Portafolio con efecto parallax
- Portafolio estilo «metro»
No dejes de echar un vistazo a las demostraciones en vivo para comprobar la versatilidad de este tema WordPress para portafolios online. ¡Es genial!
3. Hygge
Precio: 34$
Hygge es un concepto danés que transmite confort y calidez, así es como quieres que se sientan los usuarios en tu web, ¿no?
4. Joker
Este es uno de los temas para fotografía mejor valorados de nuestro marketplace. Tiene álbumes estilo masonry y páginas para galerías, además también dispone de diseños de página que ocupan todo el ancho de pantalla.
Precio: 59$
5. Haar
Precio: 79$
Hemos guardado una de las mejores opciones para el final, Haar es un tema bello y creativo tema con multitud de distintos diseños y ejemplos de muestra para las páginas. Está creado por el autor de élite Edge-theme, y aunque todavía no ha vendido mucho, sin duda es una elección excepcional. Me encanta la forma en la que los sitios web a modo de muestra exponen ilustraciones e imágenes en duotonos o tritonos.
6. Werkstatt
Precio: 59$
Werkstatt es un tema para WordPress que aparece clasificado en muchas categorías, ya que se adapta a sitios web con múltiples necesidades. Tiene un sencillo portafolio de estilo masonry, pero si quieres cambiar, existen varios ejemplos de muestra increíbles, y también otros diseños alternativos para el propio sitio.
Algunos otros temas WordPress para portafolios estilo masonry:
- Onliest – VER MUESTRA – 49$
- Pofo – VER MUESTRA – 59$
Deja una respuesta