May 22, 2023 — Las fuentes variables permiten que las webs tengan una mejor experiencia de usuario porque son más legibles, facilitan una mejor jerarquía visual y una mejor adaptación al entorno, al dispositivo y al usuario.

Además, podemos conseguir todo esto sin ralentizar la velocidad de carga de la web, porque las fuentes variables utilizan un único archivo, que además está muy optimizado (woff2).

Ahora, esta tecnología está al alcance de cualquier usuario de WordPress, incluso sin conocimientos técnicos, gracias al plugin Fuentes Variables, en el que he tenido el honor de contribuir como diseñadora, y que está disponible en el repositorio oficial de WordPress con licencia GPL, gratuito y de código abierto.

Presentation Slides »

May 9, 2023 — En esta charla explicaré por qué es tan importante involucrar al equipo de desarrollo en la fase de diseño y que haya una buena comunicación entre diseño y desarrollo, y por qué Figma y Penpot son las mejores herramientas para el developer handoff.

Si participas en proyectos a medida para WordPress, esta charla te interesa.

Presentation Slides »

March 24, 2023 — Ceremonia de clausura de WordCamp Torrelodones 2023.

Presentation Slides »

March 22, 2023 — Penpot es una herramienta de diseño colaborativo en la nube basada en el navegador (multiplataforma), gratuita y de código abierto.

Podemos crear prototipos interactivos de nuestra web WordPress y compartir el diseño mediante un enlace para presentar la propuesta a clientes, pasarle el diseño al equipo de desarrollo o hacer tests con usuarios.

Podemos trabajar en equipo de manera asíncrona o simultánea y obtener feedback en la propia herramienta.

Además, Penpot tiene una comunidad, que comparte librerías y plantillas.

En esta charla, veremos las ventajas de trabajar con herramientas de código abierto, repasaremos la interfaz de Penpot para familiarizarnos con ella y comprenderemos los beneficios de prototipar antes de ponernos a implementar nuestra web.

Presentation Slides »

March 20, 2023 — Presentación de WordCamp Torrelodones 2023

March 3, 2023 — Mesa redonda explicando como contribuir en WordPress.

January 24, 2023 — Para evitar que el cliente te diga frases como «esto no me gusta» o «métele más diseño», es crucial pedir feedback de la manera adecuada. Se habla mucho de que los clientes no saben dar feedback y muy poco de que a lo mejor somos los/as diseñadores/as los que no sabemos pedirlo. Como dice Jorge Drexler: «Cada uno da lo que recibe y luego recibe lo que da».

En esta charla aprenderemos cómo y cuándo pedir feedback para que los clientes se sientan cómodos y seguros y recibamos un feedback concreto, respetuoso y constructivo sobre nuestros diseños. Veremos algunas herramientas online para recibir feedback y conoceremos algunos métodos avanzados y muy interesantes que podemos utilizar con nuestros clientes. Después de esta charla, sabrás cómo pedir feedback y recibirlo sin dolor, para que tus proyectos con WordPress avancen sin fricciones.

Presentation Slides »

November 22, 2022 — El tema de WooCommerce determina la apariencia que va a tener tu tienda online.

En esta charla veremos algunos consejos básicos que debes tener en cuenta a la hora de elegir un tema:

Que la línea gráfica encaje con tu marca y tus productos, en función de lo que quieres comunicar a tu audiencia.
Que el tema esté actualizado para que sea compatible con las últimas versiones de WordPress y WooCommerce.
Que no incluya funcionalidades personalizadas.
Que esté adaptado a todos los dispositivos, que sea accesible, y que ofrezca una experiencia de usuario agradable a todos los visitantes.
Además, veremos aspectos más específicos de diseño orientado a la conversión.

Así, podremos elegir un tema que tenga un diseño optimizado de cada una de las partes de tu tienda online (página de inicio, página de producto, listados, etc.).

Presentation Slides »

October 24, 2022 — Para conseguir que el tamaño de la tipografía se adapte al dispositivo, antes usábamos media queries y declarábamos distintos tamaños de fuente según el ancho de la pantalla del dispositivo.

Actualmente, existe una manera más eficaz y más fácil de implementar: la tipografía fluida.

Veremos en qué consiste, qué ventajas tiene y cómo se implementa en WordPress.

Es una charla-taller en la que explicaré, paso a paso y sin perder a nadie por el camino, el código CSS que hay que utilizar (la función Clamp).

Conoceremos herramientas que nos ayudan a escribir el código correctamente (la función Clamp es difícil de entender a simple vista), y veremos una demostración en directo.

Presentation Slides »

September 25, 2022 — De todas las partes del proceso de venta de una tienda online, el checkout o página de pago es la más importante: es el lugar donde las visitas se convierten en ventas.

Tu tienda online puede tener un diseño muy atractivo y puede ser muy fácil de usar. Incluso, puede tener unos productos estupendos y un tráfico altísimo. Pero nada de esto importa si las visitas se atascan en el checkout.

¿Sabías que media de abandono del carrito es del 70%? Flipante. 7 de cada 10 clientes/as abandonan su carrito por algún motivo.

Por eso, lo mejor que podemos hacer para reducir el abandono del carrito y aumentar las conversiones es optimizar el checkout.

Presentation Slides »