May 22, 2022 — ¿Tienes una tienda online que tiene muchas visitas pero no consigues vender?
El diseño de tu tienda online tiene que atraer a tus clientes potenciales, brindarles una excelente experiencia de usuario y presentar tus productos de la mejor manera posible.
Se trata de conseguir reproducir online la experiencia que ofreceríamos en el punto de venta físico. Ya, esto es imposible, pero debemos tratar de acercarnos al máximo.
Por lo tanto, tu tienda online no solo tiene que causar una buena impresión, acorde con tu marca: también tiene que incitar a tus visitantes a la acción y a que compren tus productos o, como mínimo, que te dejen su correo electrónico. Pero, ¿cómo conseguimos eso exactamente?
En esta charla veremos 7 pistas que nos ayudarán a tomar mejores decisiones a la hora de diseñar nuestra tienda online o la de nuestros clientes.

Presentation Slides »

July 1, 2021 — Esta charla va dirigida a implementadores/as WordPress. Algunas personas que implementan sitios web con WordPress me han comentado que no realizan un boceto del sitio web antes de realizar la implementación. La razón es que utilizan constructores visuales y que directamente diseñan la web sin pasar por la fase de prototipado. Diseñar un prototipo antes de empezar a implementar el sitio web nos va a servir tanto para mejorar la relación con nuestros clientes como para ser más eficaces en nuestro proceso de trabajo individualmente. Veremos las ventajas de bocetar, los tipos de bocetos que podemos hacer (wireframes de alta y baja fidelidad, prototipos funcionales, etc.), herramientas para prototipar (Figma, Penpot) y algunas buenas prácticas a la hora de crear y compartir prototipos.

May 8, 2021 — ¿Hay que dedicarle el mismo tiempo a todos los clientes? ¿Hay que usar constructores visuales o desarrollar temas a medida? ¿Hay que optimizar siempre el rendimiento o la seguridad de la web? ¿Depende?

Presentation Slides »

April 19, 2021 — Figma es la herramienta por excelencia para el diseño y prototipado de productos digitales. En esta charla aprenderemos a diseñar una landing page que genere ventas. El proceso de diseño empieza con los contenidos, continúa con el diseño de wireframes mobile first, en el que veremos la jerarquización de contenidos y la experiencia de usuario.

Presentation Slides »

December 31, 2020 — Presentación de los responsables de mesa de la WordCamp Sevilla 2020:
Ana Cirujano, Sacra Jáimez, André Maneiro, Darío BF, Fran Torres, Javier Casares, Pablo Moratinos, David Pérez, José Ramón, Padrón, Luis Rull, Vicent Sanchis, Estela Rueda y Larissa Murillo.

December 30, 2020 — ¿Es suficiente con colocar el logotipo de la empresa en la esquina superior izquierda? ¿Un logotipo es capaz de transmitir los valores, los objetivos, la identidad de la marca? Como implementadores/as de tiendas online, ¿qué podemos hacer para que una tienda se identifique claramente y se distinga de las demás? Veremos paso a paso, con ejemplos visuales, qué cosas podemos tener en cuenta para otorgar una personalidad única a una tienda online, sin distraer a los compradores de finalizar la compra: colores, tipografía, tono de comunicación, animaciones, arquitectura de contenidos… para conseguir que la tienda de nuestro cliente sea única y, en definitiva, para que venda más que su competencia.

Presentation Slides »

September 28, 2020 — Aprende con Ana Cirujano (España) cómo entender las necesidades de tu cliente, obtener la información más relevante, y realizar las preguntas estrella que te servirán para analizar, presupuestar y tomar las mejores decisiones en el proceso de diseño de un sitio web.

July 25, 2020 — Ana Cirujano, diseñadora especializada en WordPress, nos va a explicar el proceso de diseño de una web que se va a implementar en WordPress.

En esta charla, veremos un caso real en el que Ana se basará en un tema de WordPress para crear un diseño personalizado para una web. Para ello, utilizará la herramienta Figma.

Esta charla va dirigida a diseñadores, implementadores, desarrolladores, que quieran aprender cómo se crea un prototipo con Figma que esté pensado desde un inicio para ser desarrollado con nuestro gestor de contenidos favorito: WordPress.

May 9, 2020 — Durante 10 años me dediqué al diseño gráfico y editorial por cuenta ajena. Un buen día, decidí independizarme de la compañía que me empleaba y ponerme a trabajar por cuenta propia.

April 5, 2020 — Comenzaré explicando, de una manera muy sencilla, toda la teoría en la que se sustenta el plugin, tanto tipográfica (UX/UI) como de rendimiento (WPO).

El plugin mowomo Variable Fonts es una elegante solución para lograr una mejor tipografía con bonitas fuentes variables.

Elegant y beautiful son adjetivos que a menudo se usan en el repositorio de WordPress para describir a plugins y temas y nosotros, como buenos WordPresseros, hemos querido hacer un homenaje y usarlas también.

Este plugin nos permite usar fuentes variables de una manera muy sencilla.

Además, nos permite establecer una tipografía responsive y una escala modular en nuestra web desarrollada con WordPress. ¡Todo esto sin necesidad de tocar ni una línea de código!

Si conservamos los ajustes predeterminados, obtendremos un buen resultado para la mayoría de los sitios web, pero, dependiendo del diseño del tema que tengamos activado en nuestra web, podemos necesitar realizar ajustes personalizados, para lo que este plugin está muy bien preparado, ya que podemos realizar nuestros propios ajustes desde el personalizador de WordPress.

La experiencia de usuario del administrador es realmente buena: podemos previsualizar los cambios que hagamos en las fuentes desde el personalizador de WordPress, para realizar ajustes en la composición tipográfica viendo cómo quedan en tiempo real, tanto para escritorio, como para tabletas y móviles.