Diseña como un maquetador: Habla el mismo idioma que el desarrollador

😀 Ponente:

• Néstor García

🤓 Nivel / Temática:

• Medio
• Diseño/Maquetación

⏰ Horario:

• 18:30 Bienvenida / Presentación
• 18:35 Charla
• 19:15 Preguntas
• 19:30 Networking
• 20:00 Cierre

¡Hola! Soy Néstor García y llevo años trabajando en el diseño y desarrollo de sitios web. A lo largo del tiempo, he asumido tanto el rol de diseñador como el de maquetador/programador/seo, lo que me ha permitido descubrir métodos de trabajo que optimizan la comunicación y mejoran los resultados en cada proyecto.

En esta charla, te mostraré cómo diseñar pensando como un maquetador utilizando herramientas como Figma y el plugin Core Framework CSS para WordPress. También aplicaré la metodología BEM (para establecer correctamente las clases en cada contenedor y cómo aplicar estas clases para mejorar la optimización de SEO Técnico.

En esta charla, también hablaremos sobre Flex, una propiedad que conecta el diseño en Figma y la maquetación en WordPress. Veremos cómo Flex facilita al diseñador estructurar sus diseños pensando en el código y cómo permite al maquetador trasladar esa estructura sin perder el sentido original. Esta propiedad es un ejemplo claro de cómo ambos roles pueden hablar el mismo idioma y conseguir un flujo de trabajo eficiente y sin fricciones.

Veremos un ejemplo práctico de una home diseñada en Figma, creando un sistema de diseño con colores primarios, tipografías, espaciados y componentes. A partir de ahí, te enseñaré cómo trasladar esas decisiones a WordPress mediante Core Framework CSS, veremos un ejemplo con bloques y un ejemplo con un editor visual (Bricks Builder) manteniendo una coherencia perfecta entre diseño y maquetación.

Si eres diseñador y quieres facilitar el trabajo del maquetador, o maquetador buscando entender mejor el proceso de diseño, esta charla es para ti. Descubrirás un método de trabajo eficiente que mejora el flujo de comunicación entre ambos perfiles y optimiza los resultados.

¡Te espero para compartir estos trucos y mejorar juntos nuestra forma de trabajar con WordPress!

----
En la zona suele ser complicado aparcar a la hora del evento. Tenéis un parking gratuito relativamente cercano (unos 10') en el que suele haber sitio.