Los premios de diseño con Gutenberg – Automattic Design Awards

Publicada en Comunidad.

Como ya sabrás si eres un lector habitual de este blog, siempre recomendamos conocer las últimas tendencias en diseño y desarrollo de WordPress. Y es por ello que ya te contamos todo lo que necesitas saber sobre Gutenberg, el nuevo editor de WordPress o los 9 mejores plugins de bloques con los que puedes crear mejores diseños de tus páginas y entradas.

Y para premiar y dar visibilidad a aquellos que ya están trabajando con Gutenberg, Automattic, la empresa fundada por Matt Mullenweg, creador de WordPress, en 2018 celebró la primera edición de los Premios de Diseño de Automattic (en inglés, Automattic Design Awards).

Creo que te gustará saber un poco más acerca de quiénes fueron los ganadores y finalistas, incluso alguna curiosidad relacionada con el premio. Así que vamos a ello.

El premio

We wanted to show how design is thriving in the open-source web, from elegant front-end design to robust tools for creativity.

Alexis Lloyd – Automattic Design Award Blog

El objetivo de estos premios es el de mostrar cómo el diseño en webs de código abierto va prosperando, desde elegantes diseños de front-end hasta robustas herramientas para aumentar la creatividad.

Se ofrecen premios al ganador de cada una de las 3 categorías: mejor sitio (Best Site), mejor solución (Best Solution) y mejor estilo (Best Style). Y este año en particular se buscaba que los proyectos estuvieran preparados y adaptados a Gutenberg y además que mostraran lo siguiente:

  • Gran empatía con el usuario
  • Un diseño orientado al desarrollador
  • Una interfície de usuario (UX) sobresaliente
  • Atención a los detalles
  • Simplicidad
  • Un contenido que te quita el aliento

Como premio, Automattic dió a cada ganador un trofeo diseñado por el estudio de diseño Nervous System. Y consistía en un intrincado cubo de filigrana donde el logo de Automattic emerge de una estructura celular en cada lado. Los trofeos fueron impresos en 3D utilizando Sinterización Láser Selectiva en nailon blanco. La estructura se desarrolló con el software Corollaria.

Inspirada en sistemas biológicos, Corollaria juega con patrones adaptativos que responden a las condiciones ambientales. Puedes leer más sobre las técnicas algorítmicas utilizadas en esta entrada del blog de Corollaria. Y el siguiente video te muestra el proceso de generación del trofeo.

Generación del trofeo de Automattic Design Award.

Quedando el premio como en la siguiente imagen:

Trofeo del premio Automattic Design Awards 2018.
Trofeo del premio Automattic Design Awards 2018.

La convocatoria para presentar propuestas estuvo abierta hasta el 16 de noviembre del 2018 y la presentación de los ganadores se hizo pública en la WordCamp US del 2018.

El equipo del jurado de los Automattic Design Awards era de lujo, compuesto por profesionales con gran prestigio y reconomiento:

Ganadores y finalistas

Veamos ya, quiénes fueron los ganadores y finalistas en cada categoría.

Best Site

En la categoría de mejor sitio, se premia a aquel sitio web que ofrece experiencias bien pensadas, fáciles de usar y visualmente atractivas. Y la web ganadora de la categoría Best Site ha sido Kit diseñada por Peter van Grieken.

Sitio web de kit.nl
Sitio web de kit.nl

El jurado unánimemente consideró que esta web era la ganadora: sus colores vivos y el aspecto general son muy agradables. Un equipo de 2 personas realizó una integración de 7 sitios web en uno sin perder de vista qué se quería conseguir de la audiencia. Todo el sitio está diseñado y desarrollado en Gutenberg. Te recomiendo que le eches una ojeada, ya que seguro que te gustará.

En esta categoría hubo dos finalistas:

  • Level Level de Taeke Reijenga
    Sitio web de una agencia de WordPress con un diseño límpio y nítido.
  • Moundarren de Diane Collet
    Un diseño calmado que se ajusta a la temática del sitio: la poesía.

Best Solution

En la categoría de mejor solución se quiere dar reconocimiento a las herramientas que permiten a otros crear grandes sitios. El ganador en la categoría de Best Solution fue Block Gallery de Rich Tabor. Ya te hablé de este plugin cuando te comenté sobre los 9 mejores plugins de bloques de WordPress. El plugin Block Gallery te da tres nuevos bloques exclusivos para Gutenberg con los que puedes crear tres maneras distintas de visualizar galerías de imágenes.

Bloques del plugin de Block Gallery.
Bloques del plugin de Block Gallery.

En esta categoría, los dos finalistas fueron:

  • Atomic Blocks de Mike McAlistera
    Este plugin también fue uno de los plugins que te comentamos en la entrada anterior. Te ofrece 11 bloques adicionales a los que encuentras en Gutenberg por defecto como botones, testimonios, etc.
  • Create-guten-block de Ahmad Awais
    Create-guten-block es un dev-toolkit de configuración cero (#0CJS) para desarrollar bloques de Gutenberg en cuestión de minutos sin tener que configurar múltiples herramientas y entornos de desarrollo.

Best Style

Finalmente, en la categoría de mejor estilo se reconoce al sitio que tenga una forma estética fuerte y a su vez que sea completamente funcional. Se premian los sitios que son accesibles, atractivos y rápidos. El ganador en la categoría de Best Style ha sido Level Level, de Taeke Reijenga. El mismo que había sido finalista en la categoría de mejor sitio.

Sitio web de level-level.com
Sitio web de level-level.com

El equipo de Level presentó un sitio de Gutenberg con unos vídeos en los que a su vez explicaban todo su funcionamiento. Al ser una empresa especializada en accesibilidad, todas las pruebas que se realizaron para evaluar este aspecto tuvieron una puntuación máxima.

En esta categoría, los dos finalistas fueron:

  • Moundarren de Diane Collet
    Igual que en la categoría de mejor sitio, esta editorial francesa que lleva más de 30 años ofreciendo poesía china y japonesa a un público internacional, consiguió ser finalista en esta categoría por su accesibilidad.
  • Emergence Magazine de Emergence Magazine and Studio Airport
    La web se creo antes de que Gutenberg estuviera completo pero su diseño sirve como inspiración para explorar el potencial de distintas herramientas de desarrollo.

¡Felicidades!

Y ya sólo nos queda felicitar a todos los finalistas y ganadores de los premios. Nos consta que todos ellos mostraron su entusiasmo con el premio recibido en las redes sociales 🤗.

Imagen destacada de John Maeda en Twitter.

FlojaNo está malBienMuy bien¡Impecable! (2 votos, promedio: 4,50 de 5)
Cargando…

Deja un comentario

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.