• Guia Google AdWords paso a paso
  • CATEGORÍAS

    4 usos de la tipografía en el diseño de landing pages para elevar tu marca

    Existe una razón por la que reconoces un anuncio de Apple de inmediato. Lo mismo ocurre con Nike y Airbnb. Una gran parte se debe a las imágenes, los textos y el diseño, pero la tipografía juega un papel enorme (y ahora vas a ver cómo aplicarlo en el diseño de una landing page).

    A pesar de que el ROI de tener una marca fuerte sea más difícil de medir que, digamos, el copy de un botón, estaremos de acuerdo en que algunas de las compañías mejor posicionadas del mundo tienen una cultura alrededor del diseño trabajada y se distinguen por fácilmente por su estética.

    Brand recognition via typefaces and design

    Ejemplos de la estética de marca Apple y Nike.

    Cuando diseñas landing pages, necesitas que respiren tu marca, píxel a píxel. Un buen diseño de una landing page o website es señal reveladora de un marketing más sofisticado (que facilita las conversiones, porque transmite credibilidad). Uno de los elementos más relevantes que aportará versatilidad de diseño en tus landing pages es el tipo de letra.

    Y por esto, Unbounce lanzó el pasado septiembre la posibilidad de añadir fuentes de Google. Ahora dispones de más de 840 fuentes para tus textos y botones, directo desde tu herramienta de landing pages favorita ;)

    New Google Fonts in the Unbounce builder

    Para inspirarte sobre cómo utilizar mejor este nuevo universo de cientos de fuentes, te pasamos los diseñadores de Unbounce. Aprende de sus experiencias sobre cómo las mejores fuentes ayudan a crear una jerarquía visual y cómo tu texto puede comunicar emociones. Además, conoce qué combinaciones de fuentes van a usar próximamente en el editor para nuestras campañas en Unbounce.

    Rompe las reglas donde sea posible

    César Martínez, Director Creativo en Unbounce, ha escuchado hablar demasiado sobre reglas, y tiene bien claro que no son algo a lo que atenerse siempre:

    “A menudo, cuando discuto la tipografía con mis compañeros, hablamos de todo tipo de principios de diseño, algunos de los cuales he incorporado casi como mandamientos. Me di cuenta de que es muy fácil caer en una espiral de principios sobre-utilizados de comunicación visual que pueden dañar la integridad (o lo que algunos llaman originalidad) de tu marca.

    Cuando diseñes landing pages que necesiten verse especialmente atrevidas o innovadoras, intenta romper las reglas de vez en cuando
    (y prueba con tests A/B para ver cómo responde el diseño).
    Por ejemplo, podría usar más de dos tipos de letra en un párrafo, romper el criterio en tus cabeceras, usar una con una serifa muy marcada en negrita sobre un fondo semi-negro y ver cómo combina con una fuente caligráfica hecha a mano, delgada, como el subtítulo…
    Sé que puede parece una locura, pero esto puede llevar a resultados inesperados y es algo que estoy deseando hacer con las nuevas fuentes incorporadas de Google en el editor de Unbounce.”

    ¿Cuáles son algunas de tus tipografías favoritas, César)?

    “Me encanta lo que ILOVEDUST hacen con la tipografía. También te recomiendo leer: Pretty Ugly2 una introspección a las malas “aplicaciones” de tipografías pero que han logrado comunicar con éxito la idea visualmente”

    ¿Cuáles son las fuentes qué más te gusta utilizar en el editor de Unbounce? Unas cuantas: Roboto, Playfair, y Abril Fatface.

    Prueba Roboto, Playfair y otras tantas en tu siguiente diseño de landing page. Conoce cómo funciona Unbounce aquí mismo y experimenta con las tipografías en esta versión abierta del editor.

    Usa menos fuentes: esto ayuda a jerarquizar la información

    Denise Villanueva, antigua diseñadora de producto de Unbounce, creó nuestra Unbounce Academy con una consistencia en la jerarquía clara desde el inicio.

    “Una buena tipografía es la forma más directa de crear una clara jerarquía de contenidos. Este, por encima de todo, debe ser el criterio principal para elegir tipografías para tu marca.”

    Denise nos da algunos indicadores específicos para ayudarte a lograr un correcto orden de la información cuando diseñas landing pages:

    Denise

    “En caso de duda, el uso de una familia de fuentes en 2 o 3 pesos (o usar dos familias  en 1 o 2 pesos) funcionará la gran mayoría de las veces. Usar más de tres tipos de letra puede distraer y ser caótico – evita hacerlo.”

    Por ejemplo, la plantilla Fitspo de Unbounce incluye la fuente Raleway (con mayúsculas para los encabezados y, en las oraciones, texto normal) y un encabezado claro y llamativo con secciones de apoyo que te guían más abajo en la página. Piensa en ello: debes saber cómo presentar la información en niveles claramente definidos y fáciles de interpretar y leer cuando diseñas.

    Unbounce's Fitspo landing page template

    Crea una nueva landing page a partir de  la plantilla de landing page Fitspo — o dale un vistazo a estas otras plantillas de landing page que puedas gratis con tu cuenta de Unbounce.

    Despierta emociones con detalles tipográficos

    Para Denis Suhopoljac, nuestro diseñador responsable en el equipo de User Experience, usar la tipografía adecuada puede evocar sentimientos en tu audiencia.:

    Denis Suhopoljac

    “Las tipografías tienen que ver con la composición, la armonía y el estado de ánimo: todo en uno. Al combinar los rasgos tipográficos correctos con la voz, el estilo y el tono de una marca, puedes realzar el ingenio, el humor o la seriedad de un texto. Cuando se hace bien, la tipografía hace que tu copywriting (y toda la experiencia con tu marca) sea legible, entendible y atractiva.”

    Typefaces can convey emotion

    Cada tipo de letra transmite una emoción diferente a través del texto – ¿Qué es lo que estas fuentes te hacen pensar? ¿Profesionalismo? ¿Fiabilidad? ¿Diversión? ¿Perenne?

    Prueba a incorporar tipografías como parte del mensaje

    Para Ainara Sáinz, nuestra diseñadora interactiva, una buena tipografía puede hacer doble trabajo y evitarte tener que usar otras imágenes de apoyo.

    Ainara Sainz“Si la tipografía funciona, no siempre se necesitan elementos adicionales como imágenes, fondos o colores para reforzar el mensaje. Y a veces, la ejecución es tan impecable que la audiencia ni siquiera necesita saber leer para entender para sentir el mensaje detrás de ella. Como el proyecto de Ji Lee: Word as Image—¡espectacular!”

    Imagen del proyecto de Ji Lee: Word as Image.

    Más de 840 tipografías para el diseño de tu landing page

    Tener una branding sólido hace maravillas para la credibilidad de una marca, y nuestros clientes lo tienen bien presente. Entra en el editor ahora mismo para explorar las más de 84+ nuevas opciones de tipo de letra disponibles, y encuentra tus combinaciones favoritas para lograr un mejor diseño de tu landing page.

    Acerca de Grace Lau
    Grace is the Unbounce Marketing team's Senior Copywriter. She writes about tech by day and pretty much everything else by night. Tweet her the books you're reading, your best puns, and sushi recommendations @gracemlau.
    » Más posts por Grace Lau