Resumen reunión Equipo de Diseño del 27/10/2020

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@paudegrafreak @aitormendez @acirujano

Tarea: rediseño de identidad de la Comunidad de WordPress España

En esta sesión estuvimos comentando la propuesta de @aitormendez, que se puede ver en este vídeo:

Ideas para la normalización de la aplicación del logotipo para WordPress España

Siguientes tareas

A partir de aquí, hemos decidido llevar a cabo las siguientes tareas:

  • Crear aplicaciones para redes sociales según tarjeta de Trello con encargo de @sacrajaimez y @pablo-moratinos.
  • Creación de documento multimedia de presentación de la marca a la Comunidad.

Próxima reunión

La siguiente reunión será el martes 3 a las 19:00 h. Empezaremos en Slack.

Resumen de las últimas reuniones del Equipo de Diseño

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@paudegrafreak @visanju @mariareinografico @juruicas @aitormendez @acirujano

Tarea: rediseño de identidad de la Comunidad de WordPress España

Estamos trabajando en aplicaciones de la marca para redes sociales.

Hay aportaciones de @paudegrafreak, @mariareinografico y @juruicas.

@mariareinografico propone un proyecto que tiene muy en cuenta la inclusión de todos los miembros de la comunidad, a través de la Historia del Arte española.

@paudegrafreak ha propuesto varias aplicaciones para Instagram y recogiendo la propuesta de @mariareinografico ha presentado algunas ideas de carrusel para la difusión de WordPress en España.

@juruicas ha trabajado en aplicaciones de la marca para Twitter y un sistema de carrusel para Instagram.

@aitormendez va a realizar ejercicios de aplicación de la marca con un grado de abstracción mayor, para probar cómo funciona en diferentes formatos y facilitar así el siguiente paso, de aplicación de la marca a formatos concretos.

Próxima reunión

La siguiente reunión será el martes 27 a las 19:00 h. Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 06/10/20

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@paudegrafreak @visanju @estelaris @mariareinografico @juruicas @acirujano

¡Bienvenido al equipo, Julián!

Cambio de hora

Estrenamos el nuevo horario para las reuniones: ahora quedamos los martes a las 19 hora de España Peninsular.

Tarea: rediseño de identidad de la Comunidad de WordPress España

Seguimos trabajando en la propuesta de marca para la Comunidad de WordPress España.

Tuvimos dudas sobre la accesibilidad del color propuesto, ya que no cumplía con la ratio de contraste suficiente y acudimos a uno de los expertos en Accesibilidad más reconocidos por la Comunidad: @visanju

En palabras del propio Vicent: «Los logotipos se salvan de las normas de contraste (…) Lo importante es que cuando se use el logotipo en el texto alternativo aparezca «Logotipo de WordPress España» o algo así. Cuando se use el símbolo para decorar al texto alternativo deberá estar vacío y comprobar que el lector de pantalla no lo anuncia.»

Es una gran ventaja para este equipo poder contar con voluntarios expertos en cada área. Gracias, Vicent.

Planificación

La siguiente tarea que nos hemos propuesto realizar es diseñar las aplicaciones para redes sociales, para ver cómo se comporta el logotipo.

@paudegrafreak nos estuvo enseñando algunas pruebas y @visanju tuvo la idea de crear una versión animada del logotipo, que se podrá usar, por ejemplo, en eventos, ¡fantástica aportación!

@estelaris nos dio algunos recursos y referencias de marcas de la Comunidad que vamos a tener muy en cuenta (en inglés):

Próxima reunión

La siguiente reunión será el martes 13 a las 19:00 h. Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 22/09/2020

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@aitormendez @mariareinografico @acirujano

Planificación de la nueva temporada

En esta reunión acordamos continuar con la tarea de rediseño de marca para la Comunidad de WordPress España:

  • Proyecto de marca y aplicaciones
  • Dossier de comunicación de la marca

Próxima reunión

La siguiente reunión será el martes 29 a las 20:00 h. Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 08/09/2020

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@aitormendez @mariareinografico @goiblas @paudegrafreak @acirujano

Arranca la nueva temporada

Esta primera reunión después de las vacaciones de agosto ha servido para retomar las reuniones del equipo y volver a vernos las caras.

@goiblas estuvo solo al principio de la reunión, antes de que llegara Pau. ¡Gracias por pasarte y bienvenido a las reuniones del equipo, Jesús! Todos los/as presentes coincidimos en que tu idea de hacer una reunión algún sábado para tener una sesión de trabajo conjunto es muy buena.

Estuvimos charlando de manera distendida y comentamos que afrontamos la nueva temporada con muchas ganas. Además, dimos la bienvenida a un nuevo miembro del equipo, @paudegrafreak, ¡bienvenido de nuevo, Pau!

En la siguiente reunión retomaremos las tareas que interrumpimos para el descanso veraniego y consensuaremos el nuevo plan de trabajo para esta temporada.

Próxima reunión

La siguiente reunión será el martes 15 a las 20:00 h (CEST). Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 21/07/2020

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@aitormendez @acirujano

Nos vamos de vacaciones

Dejamos en pausa las tareas del equipo hasta septiembre. ¡Felices vacaciones para todos/as!

Próxima reunión

La siguiente reunión será en septiembre y se anunciará en Slack.

Resumen reunión Equipo de Diseño del 14/07/2020

La última reunión del equipo tuvo lugar martes 7 de julio. No se generó resumen de la reunión porque no fue necesario, ya que no se tomó ninguna decisión importante, aunque tuvimos la novedosa visita de @adriandegrafreak, que aportó opiniones interesantes como miembro de la Comunidad WordPress sobre nuestro proceso de diseño de marca.

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@rosariocreativa @aitormendez @systxema @flabernardez @mariareinografico @estelaris @acirujano

Seguimiento de tareas

Hacemos seguimiento de las tareas recogidas en el tablero de Trello del equipo.

Tarea de diseño de marca para WordPress España

En esta reunión, @aitormendez nos presenta una nueva propuesta que, aunque supone un cambio radical, cumple con todos los requisitos de la marca y además, soluciona un problema que no superaba la marca que veníamos desarrollando hasta ahora.

Antecedentes

El problema era que el símbolo de WordPress, por restricciones de la marca impuestas por la Fundación WordPress, no se puede modificar ni girar, hay que dejarlo intacto. Nos habíamos fijado en la comunidad británica, que resolvía muy bien esto, colocando su bandera alrededor del logo de WordPress. Eran dos elementos que se integraban muy bien. En España, por cuestiones políticas, no podemos utilizar la bandera como símbolo, ya que no todos los miembros de la Comunidad nos sentimos identificados. Por lo tanto, descartamos esa idea.

Esto nos llevó a colocar el elemento que «españolizaba» la W de WordPress (la virgulilla o tilde de la ñ) arriba o al lado de ella. Así, la W y la virgulilla, no se integraban sino que se percibían como dos elementos diferenciados. Resolvíamos así el problema y aunque estéticamente no nos emocionaba, estábamos de acuerdo en que la propuesta cumplía con todos los requisitos que nos habíamos propuesto cumplir: era una propuesta correcta.

Nueva propuesta, mejor solución

Esta nueva propuesta consigue identificar WordPress y, a la vez, España, de una manera más integrada. No se percibe como dos elementos distintos, sino que se percibe como un solo elemento, sin incumplir las normas de la marca WordPress.

La nueva propuesta simboliza un sol, que representa a la Comunidad de WordPress en España, y está detrás del símbolo de WordPress.

Los rayos del sol, de diferentes longitudes, representan la diversidad de los miembros de la comunidad española.

Además, se propone un logotipo responsive: los rayos del sol podrán tener mayores o menores dimensiones en función del formato al que deban adaptarse en las distintas aplicaciones de la marca.

El color amarillo de esta primera versión, presenta algunos problemas de accesibilidad, por tener poco contraste. Vamos a realizar pruebas con colores más anaranjados.

Esta nueva propuesta sigue siendo simple, funcional, memorable, identificable y de largo recorrido y, además, es una propuesta más visual, más atractiva estéticamente, más alegre y más divertida. En otras palabras: ¡mola más, nos queremos hacer una camiseta ya mismo!

Por consenso, decidimos continuar desarrollando esta nueva propuesta (la del sol) y abandonar la otra (la de la virgulilla), que estamos de acuerdo en que era muy correcta pero le faltaba la chispa y la originalidad que tiene esta.

Durante la reunión se discutió si realmente el sol identificaba a la comunidad española de WordPress o si solo identificaba a algunas zonas de España, como las Islas Canarias o las Islas Baleares. Llegamos a la conclusión de que el símbolo sol no solo representa playa y vacaciones, sino que también, en un sentido más amplio, representa la personalidad de los miembros de esta comunidad: alegría, luz, positividad, fuerza, brillo.

Sin embargo, dejamos abierta la posibilidad de encontrar algún otro símbolo que resuelva los mismos problemas: que tenga una forma simple, que pueda colocarse detrás de la W y que se asocie más con la comunidad española.

Los siguientes pasos son:

  • Estudiar las diferentes variaciones que podrá tener la marca: versiones responsive, versiones cromáticas, etc.
  • Realizar mockups para mostrar las posibles aplicaciones de la marca.
  • Un posible paso sería intentar encontrar un símbolo mejor que el sol, que resuelva los mismos problemas y que nos identifique mejor.

Para cualquiera que quiera presentar su propuesta sobre esta versión o versiones nuevas, está disponible el archivo «Identidad visual WP España» en el proyecto WP-España del Equipo WordPress.org en Figma.

@estelaris nos ha invitado a redactar un post cuando tengamos la propuesta definitiva para dar difusión al proyecto, también en inglés.

No avanzamos esta vez sobre la tarea de rediseño de Colabora. @estelaris nos estuvo enseñando algunos diseños que ha realizado para la nueva versión de WordPress 5.5 y nos estuvo contando algunas curiosidades de formar parte del equipo de Diseño de la próxima release de WordPress.org.

Próxima reunión

La siguiente reunión será el martes 21 de julio a las 20 h. Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 30/06/2020

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@rosariocreativa @orballa @aitormendez @systxema @acirujano

Seguimiento de tareas

Hacemos seguimiento de las tareas recogidas en el tablero de Trello del equipo.

Tarea de diseño de marca para WordPress España

La semana pasada habíamos acordado sacrificar la identificación visual con WordPress en la versión reducida del logotipo, la que va en formatos reducidos como la imagen de perfil en redes sociales. @aitormendez solicita la revisión de esta decisión y por consenso llegamos a la conclusión de que, aunque la palabra «WordPress» está escrita en el nombre que acompaña al avatar, visualmente estaríamos perdiendo consolidación de la imagen. Reconocemos la importancia de no perder la marca WordPress, ya que somos una comunidad oficial. Por tanto, aunque a todos/as nos encantaba la idea de usar únicamente la virgulilla en la versión reducida, descartamos esta opción.

Compartimos pantalla y vimos varias opciones en Figma. Después de estudiar los problemas de legibilidad que daban las distintas versiones reducidas, nos decantamos por una versión descartada anteriormente: la virgulilla encima del logo simplificado de WordPress. Desde el inicio hemos intentado evitar que la virgulilla parezca formar parte del carácter «W», procurando que se percibieran como elementos diferentes. La distancia necesaria para que esto ocurra hace que el tamaño de la composición sea más reducido (debe caber en un formato de 36×36 píxeles) y pierde legibilidad. Estudiando el avatar en su contexto, llegamos a la conclusión de que lo podíamos solucionar aumentando el tamaño de la virgulilla con respecto al del símbolo simplificado.

Por lo tanto, llegamos por consenso a una versión reducida con el logo de WordPress simplificado y la virgulilla encima. Ya solo falta decidir parámetros definitivos de forma y peso de la virgulilla, distancia, y posición.

La versión extendida del logotipo, que se usará en formatos de mayor tamaño, es la que ya habíamos consensuado. Igualmente, nos falta decidir los parámetros definitivos, pero los elementos están claros.

Elegimos el color negro como color primario para ambas versiones, sin perjuicio de que puedan existir versiones secundarias, como un blanco para usar en fondos oscuros, como propuso @fernandot.

Tenemos la sensación de que estamos en la fase final y que esta tarea se resolverá en las próximas semanas.

Tarea de diseño de la página Colabora

@orballa y @acirujano estamos estudiando los estilos disponibles en es.wordpress.org para saber qué estilos podremos usar en el editor de bloques, ya que por permisos no tenemos acceso al CSS adicional.

Consideramos que los estilos tienen errores de jerarquía visual y vamos a solicitar al equipo global de Meta que nos dé acceso para poder arreglar esto.

A pesar de que reconocemos que es una mala práctica, hemos decidido que vamos a incluir algunos estilos en línea hasta que podamos acceder a la personalización de la hoja de estilos. Crearemos bloques reutilizables para las distintas tarjetas de los equipos.

Creamos un primer diseño directamente en el editor de bloques y consideramos que, en este caso, debido a estas limitaciones de maquetación, es más productivo maquetar directamente, sin pasar por la fase de prototipado. Estamos usando una página en modo borrador, cuyo código del editor de bloques copiaremos y pegaremos en la página publicada cuando alcancemos la versión definitiva.

Otros temas

Hemos decidido que aunque finalicemos la tarea de creación de marca en julio, antes de las vacaciones de agosto, lanzaremos la nueva identidad en septiembre.

Se habló de la idea de organizar un Contributor Day online de Diseño en otoño, para atraer a más personas para que colaboren en el equipo.

Próxima reunión

La siguiente reunión será el martes 7 de julio a las 20 h. Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 23/06/2020

Asistentes

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@orballa @aitormendez @systxema @acirujano

Seguimiento de tareas

Hacemos seguimiento de las tareas recogidas en el tablero de Trello del equipo.

Tarea de diseño de marca para WordPress España

Esta semana, @orballa y @systxema presentaron nuevas propuestas a partir de la propuesta de @aitormendez, en el Figma del equipo de WordPress.org.

Ponemos en común el feedback recibido a lo largo de la semana y nos animamos a realizar nuevas aportaciones, teniendo muy en cuenta los avances conseguidos en reuniones anteriores.

Conseguimos llegar fácilmente a varias conclusiones consensuadas por los cuatro:

  • La marca debe tener una versión para icono, que se usará como foto de perfil en redes sociales (Slack, Twitter, Instagram, etc.).
  • El icono debe resistir formatos reducidos de hasta 36×36 píxeles. Esto quiere decir que debe tener una buena legibilidad, se deben distinguir visualmente todos sus detalles. Si un detalle no se percibe con claridad en tamaños reducidos, es mejor prescindir de ese detalle, ya que la percepción de la forma es diferente de la forma original y tendríamos un icono de baja calidad. Para entender mejor esto, podemos observar los iconos que se diseñan, por ejemplo, para Fontawesome que, como comentó en esta reunión @aitormendez, están pensados para que se vean muy bien a tamaños muy reducidos. Los iconos apenas tienen detalle, son muy simples, para que funcionen a tamaños reducidos. Consensuamos que así debe ser el icono para redes sociales de nuestra marca.
  • A partir de la premisa consensuada anterior, los cuatro tuvimos claro en qué se había convertido nuestro icono: la virgulilla (o tilde de la ñ), que tanto nos identifica. Llegamos a esta conclusión de una manera muy orgánica y fluida, totalmente consensuada. En otras palabras: lo vimos claramente, para los cuatro es obvio que es la mejor opción. Es la única manera de que la virgulilla no pierda su forma ondulada y se aprecie con claridad. Eliminamos, por tanto, en esta versión, el logo simplificado de WordPress y la abreviatura «ES».
  • La virgulilla cumple con la función identificadora de «España», pero falta la identificación con «WordPress». Por tanto, esta versión del símbolo de la marca solo deberá usarse cuando vaya acompañada de otros elementos identificadores de «WordPress», como ocurre en las redes sociales mencionadas. En el caso de las redes sociales, el icono siempre aparece al lado del nombre, «WordPress España», y en ocasiones aparece también al lado de la cabecera, que tendrá mucha más información con funciones identificativas. Nunca deberá usarse de forma aislada.
  • Otra de las premisas que consensuamos en reuniones anteriores es que queremos crear una marca simple, versátil y de largo recorrido. Por este motivo, nos decantamos por el color negro. Gracias a la neutralidad del color negro, podremos ser más flexibles con la imagen de la cabecera de redes sociales y otras aplicaciones, ya que nos aseguramos de que será compatible visualmente. En otras palabras, el negro pega con todo. Además, las letras del nombre de perfil en redes son negras, con lo cual, queda integrado y no añadimos ningún grado de complejidad.
  • La otra versión del logotipo, que se deberá usar cuando no se pueda usar la versión reducida, está compuesta por el logo simplificado de WordPress, la virgulilla y la abreviatura «ES». Partiendo de la propuesta de @aitormendez, tenemos una opción diseñada por @orballa y otra diseñada por @systxema.
    • Comentamos que la disposición de los elementos puede recordar —quizá demasiado— a una de las versiones del logo de WordCamp Europe 2020. Llegamos a la conclusión de que, como aportó @systxema, «con elementos tan simples es muy difícil no caer en algo con similitudes.» No deja de ser el logo de WordPress con un añadido, así que no hay muchas opciones donde elegir, es inevitable que se parezca mucho. También consensuamos que no es algo negativo, ya que formamos parte de la misma Comunidad WordPress y es positivo que se nos identifique como parte de la misma cosa.
    • Necesitamos realizar un estudio más profundo de la longitud y el peso de la virgulilla: dudamos entre una virgulilla más ancha y gruesa y otra más estrecha y con menos peso. La segunda opción es más elegante pero la primera, en palabras de @aitormendez, tiene una «una intención estética con un punto radical debido al peso del trazo». En este momento recordamos que la función de la marca es identificar a la propia Comunidad WordPress en España. Es un debate entre cómo somos y cómo queremos que nos perciban. Seguimos investigando el aspecto formal de esta versión pero confiamos en que esté resuelto en la próxima semana.

Al finalizar el seguimiento de esta tarea compartimos la sensación de estar haciendo un buen trabajo, ¡ya casi llegamos al final!

Tarea de diseño de la página Colabora

@orballa ha hecho una nueva recopilación y estructuración del contenido y vamos a ponernos ya con el diseño de la página de Colabora. Empezaremos con la página de primer nivel, la que contiene la descripción de la Comunidad y los distintos equipos.

Otras aportaciones

@aitormendez plantea qué vamos a hacer en verano, si se van a suspender las reuniones semanales durante el periodo estival. Consensuamos que paramos en agosto pero quedó en el aire qué vamos a hacer en julio y septiembre. Al menos, nos gustaría finalizar la tarea de diseño de marca antes de hacer el parón de agosto.

También añade que debemos fomentar la participación de más miembros del equipo de diseño en las tareas.

@orballa plantea que se recojan las normas del equipo en el tablón de Trello para que las nuevas personas que se incorporen sepan cómo nos organizamos. Ahora mismo estas normas están recogidas en los resúmenes semanales. @acirujano se ofrece para hacer esta labor de unificación en Trello.

@acirujano reflexiona sobre la importancia de asistir a las reuniones semanales para poder aportar a las decisiones consensuadas.

Próxima reunión

La siguiente reunión será el martes 30 de junio a las 20 h. Empezaremos en Slack.

Resumen reunión Equipo de Diseño del 16/06/2020

Nos reunimos a través de una sala de Zoom cuyo enlace se compartió en el canal de Diseño del Slack de WordPress España, las siguientes personas:

@mariareinografico @aitormendez @rosariocreativa @systxema @orballa @acirujano

Hacemos seguimiento de las tareas recogidas en el tablero de Trello del equipo.

Hacemos una revisión de los trabajos de @aitormendez y @rosariocreativa para la tarea de rediseño de marca de la Comunidad WordPress España.

Sentamos las bases para continuar trabajando en esta tarea de manera satisfactoria para todo el equipo y sobre todo, para conseguir el mejor resultado posible, que es nuestro objetivo:

  • Las decisiones de diseño que se hayan tomado durante las reuniones de los martes y se hayan recogido en los resúmenes por escrito, solo se podrán revocar si se decide por consenso. Las decisiones consensuadas nos ayudan a conseguir un resultado integrador, fruto del trabajo de todo el equipo.
  • No tenemos prisa y no nos importa volver atrás si es necesario pero la única manera de avanzar y finalizar la tarea es ir fijando hitos.
  • Cualquier persona que se añada a la tarea de Trello puede realizar estudios, pruebas y propuestas en Figma. Estas propuestas deben respetar las decisiones recogidas en reuniones anteriores. En favor de la cocreación y la diversidad, se aceptarán propuestas disruptivas, que no cumplan con las decisiones ya tomadas en reuniones anteriores, siempre que sean consensuadas por todas las personas que asistan a la reunión.
  • Es importante leer y respetar las decisiones que se recogen en los resúmenes semanales, ya que son resultado del esfuerzo y el tiempo de todo el equipo.

Respecto a la tarea de rediseño de la página Colabora: hemos quedado en reunirnos @mariareinografico, @orballa y @acirujano para decidir cómo vamos a estructurar el contenido.

La siguiente reunión será el martes 23 de junio a las 20 h. Empezaremos en Slack.