Speakers: Ana Cirujano

  • Ana Cirujano: Prototipar en Figma para desarrollar en WordPress

    Ana Cirujano: Prototipar en Figma para desarrollar en WordPress

    WordPress Meetup GriñónSpeaker: Ana Cirujano

    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.

  • Ana Cirujano: De diseño gráfico a diseño web, pasando por WordPress

    Ana Cirujano: De diseño gráfico a diseño web, pasando por WordPress

    WordCamp Spain 2020Speaker: Ana Cirujano

    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.

  • Ana Cirujano: Vaca, xovenca e pucha: fuentes variables en WordPress

    Ana Cirujano: Vaca, xovenca e pucha: fuentes variables en WordPress

    WordPress GaliciaSpeaker: Ana Cirujano

    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.

  • Ana Cirujano: Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento

    Ana Cirujano: Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento

    WordCamp Malaga 2020Speaker: Ana Cirujano

    March 18, 2020 — “Si quieres especializarte en diseño de sitios web con WordPress, esta es
    tu charla. Te interesa tanto si vas a maquetar tú mismo/a después con
    un editor visual como si vas a pasar tu diseño al equipo de desarrollo.
    Haremos un recorrido por las fases de diseño de una web para WordPress,
    aprendiendo las buenas prácticas. Veremos aspectos clave como el
    prototipado, el diseño responsive, la gestión de assets y, lo más
    importante: la comunicación entre diseño y maquetación.”

    Presentation Slides »

  • Ana Cirujano: ¿¡Qué WordPress ni qué WordPress!?

    Ana Cirujano: ¿¡Qué WordPress ni qué WordPress!?

    WordCamp Valladolid 2020Speaker: Ana Cirujano

    March 2, 2020 — ¿Qué es WordPress y para qué sirve? ¿Qué es la Comunidad WordPress? ¿Podemos ganar dinero con WordPress? ¿Es gratuito y se puede vender? ¿Quién es Matt Mullenweg? ¿Qué es una Meetup? ¿Y una WordCamp?

    Presentation Slides »

  • Ana Cirujano: Elige un tipo de letra adecuado para tu web

    Ana Cirujano: Elige un tipo de letra adecuado para tu web

    Torrelodones WordPress MeetupSpeaker: Ana Cirujano

    February 20, 2020 — Las decisiones que tomemos en cuanto a la tipografía de nuestra web van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos.

    Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.

    Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, los factores que tenemos que tener en cuenta al seleccionar una tipografía, cómo combinar tipografías, y qué son las fuentes variables, entre otros temas.

    Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web y mejorar así la experiencia de usuario de tus clientes para generar más ventas.

    Ponente
    Ana Cirujano

    Co-organizadora de esta meetup de WordPress Torrelodones.

    Diseñadora visual y de interacción.

    Mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.

    Me apasiona la comunicación clara y soy una entusiasta de la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía. Y que algún día las webs estén tan bien diseñadas como cualquier libro.

    Puedes ver mis últimos proyectos en http://www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube http://www.unbilleteachattanooga.com.

    Presentation Slides »

  • Ana Cirujano: Better UX and WPO using variable fonts in WordPress

    Ana Cirujano: Better UX and WPO using variable fonts in WordPress

    WordCamp Kyiv 2019Speaker: Ana Cirujano

    December 24, 2019 — Using variable fonts in WordPress we can get the texts of a website to adapt to the context of the user, in order to get more readable and attractive texts, achieving great performance, without sacrificing the loading speed.

    Variable fonts can change their properties -such as width or weight, for example- using just one file!

    We will see how you can use it in WordPress (CSS code) and all the advantages they have comparing to standard fonts. We will also go over real examples of how to create and apply variable fonts.

    Presentation Slides »

  • Ana Cirujano: Ahorra tiempo y no diseñes desde cero

    Ana Cirujano: Ahorra tiempo y no diseñes desde cero

    WordCamp Granada 2019Speaker: Ana Cirujano

    December 21, 2019 — Aprenderemos a usar patrones para resolver problemas recurrentes de la interfaz de usuario, para no tener que reinventar la rueda y así podremos centrarnos en pensar solo aquellas soluciones que sean problemas específicos de un negocio en concreto.

    Presentation Slides »

  • Ana Cirujano: Cómo acertar al elegir el tipo de letra de tu web

    Ana Cirujano: Cómo acertar al elegir el tipo de letra de tu web

    WordCamp Valencia 2019Speaker: Ana Cirujano

    October 21, 2019 — Aprenderemos cómo elegir los tipos de letra para una web: que sean adecuados y que combinen entre ellos.

    A la hora de elegir el tipo de letra para un sitio web, debemos tener en cuenta varios factores.
    Aprenderemos a distinguir una buena tipografía y a elegir una u otra dependiendo de lo que queramos comunicar.
    Además, sabremos por qué unas tipografías combinan bien con otras y por qué algunas no pegan ni con cola.

    Presentation Slides »

  • Ana Cirujano: Storytelling aplicado al diseño: webs que cuentan historias

    Ana Cirujano: Storytelling aplicado al diseño: webs que cuentan historias

    WordCamp Pontevedra 2019Speaker: Ana Cirujano

    September 22, 2019 — Aprenderemos cómo utilizar la dramaturgia y los nudos de la trama (plot points) para definir la estructura narrativa de una web. Mediante storytelling conseguiremos evocar emociones, persuadir, comunicar mejor y, en definitiva, conseguir los objetivos de nuestra página web.

    Presentation Slides »