Os cuento un poco cómo fue el proceso. La idea era crear diseños predefinidos y atractivos que otros usuarios pudieran insertar en sus webs con un solo clic.

Los pasos que seguí fueron:

• Revisar el directorio de patrones para ver qué tipo de diseños faltaban o se podían mejorar.
• Trastear con el editor de bloques (Gutenberg) para montar las estructuras (columnas, imágenes, textos, botones).
• Comprobar que el diseño se adaptara bien a la paleta de colores de cualquier tema.
• Exportar el código y enviarlo a revisión.

Dónde me atasqué (los principales baches) Como es lógico, contribuir a un proyecto oficial tiene su miga. Estos fueron mis mayores fallos creando los patrones:

• Exceso de bloques anidados: Quise hacer un diseño muy complejo y metí demasiados bloques dentro de otros. ¿El resultado? A la hora de usarlo era imposible hacer clic fácilmente para editar un texto. Tuve que rehacerlo desde cero para simplificar la estructura.
• Problemas de contraste: Me tiraron para atrás el primer envío porque los colores por defecto no pasaban los estándares de accesibilidad (el texto claro sobre fondo claro no se leía bien). Un buen recordatorio sobre la importancia del diseño inclusivo.
• Ajustes responsive: Lo típico: un patrón de tres columnas se veía genial en el monitor, pero en móvil no funcionaba bien. Tuve que pelearme un rato para ajustar el comportamiento de los grupos de bloques en pantallas pequeñas.

Qué me llevo de esta experiencia Pasar por esta parte de Diseño me ha servido para darme cuenta de varias cosas:

• La usabilidad es clave: Un diseño bonito no sirve de nada si luego el usuario se vuelve loco para editarlo.
• El diseño también es técnico: Parece que es solo agrupar cajas, pero exige entender muy bien cómo funcionan los márgenes, los paddings y las alineaciones por detrás.
• El valor del feedback: Impone un poco que la comunidad revise tu trabajo, pero las críticas son constructivas y te hacen mejorar muchísimo más rápido que trabajando solo.

Aquí os dejo un ejemplo de mis primeros diseños: