Los 10 mejores estudios de caso sobre diseño de firma de email [con consejos para crear tu propia firma]

Se dice que las primeras impresiones son importantes, ¿pero qué hay de las últimas impresiones?

Si realizas negocios por email, tu firma de email frecuentemente es uno de los puntos finales de comunicación que un cliente tiene con tu servicio/marca.

Una buena firma de email es sencilla, informativa, profesional y pone la información en primera fila. No obstante, con esto no nos referimos a que tu firma tiene que verse insípida y aburrida. Existen muchas formas para sacarle el mayor provecho a tu firma de email, así que revisemos 10 sencillos consejos y veamos algunos maravillosos ejemplos.

Un error muy frecuente que cometen muchas personas con las firmas de emails es tratarlas como si fuesen una mini autobiografía repleta de enlaces, citas y atiborrada de información. Si incluyes un exceso de información, puedes hacer que tu firma tenga un aspecto voluminoso y largo, cosa que evitará que las personas si quiera se molesten en verla, obviamente mucho menos leerla o hacer clic en tus enlaces.

Por qué no, en vez de eso, intentas que tu firma sea directa y acorde a tu marca. ¿Evitas realizar negocios por teléfono? ¿Qué tal si remueves el número de teléfono de tu firma? ¿Eres un usuario activo en Twitter y Facebook? ¡Considera incluir un enlace a esos perfiles en vez del teléfono!

Échale un vistazo a este ejemplo de firma de email sencilla y minimalista por Murdock. Al incluir únicamente las partes de información más importantes para la marca – el logo, el nombre del autor del email, el número de teléfono y el nombre de usuario de Skype – este diseño no solo mantiene todo corto y sencillo, sino que también es muy fácil de navegar.

Una regla general cuando se trata de establecer una paleta de colores es ‘menos es más’, o siendo mucho más específicos, ‘intenta usar solo 2 o 3 colores’, y este concepto es bastante cierto para el diseño de tu firma de email.

Cuando usas demasiados colores aumentas el riesgo de seleccionar colores que desentonen, y tu diseño puede volverse rápidamente sobrecargado y distractor. Entonces, al limitar tu paleta y ser cuidadoso sobre qué colores usar y cuándo usarlos, puedes garantizar que tu diseño sea efectivo y atractivo.

Una buena técnica para seleccionar tu paleta de colores es tomar muestras de todo elemento gráfico que incluyas, como el logo de tu marca.

Échale un vistazo a este ejemplo por Email Signature Rescue que utiliza el color verde de la firma de la marca registrada para resaltar otros elementos en toda la firma. Esta técnica no solo ayuda a mantener la paleta de colores sencilla y simple, sino que también crea un diseño mucho más cohesivo y refuerza el vínculo entre este tono de verde y tu marca para los observadores.

¿Pero qué pasa si el logo de tu marca es negro, sin ningún color distintivo impactante que puedas usar? Bueno, el mundo es tu patio de juegos, selecciona un color distintivo que complemente tu marca externa y úsalo, justo como lo hizo Chaya M Kanner en este sorprendente ejemplo.

Al usar una franja de color azul neón para resaltar el sitio web y los enlaces clave de las redes sociales, estos puntos se vuelven llamativos y te incitan a darles clic. Además, un toque de color para un diseño por lo demás monocromático añade una pizca de personalidad e intensidad a la mezcla.

Bueno, establecimos que deberías asegurarte de mantener tu paleta de colores pequeña, ¿pero qué pasa con tu paleta de fuentes? Adivinaste – también mantenla pequeña. Al igual que con los colores, usar muchas fuentes puede sobrecargar rápidamente tu firma y hacerla complicada y distractora para leer.

Lo que suele suceder es que las personas que utilizan muchas fuentes sienten que necesitan resaltar ciertos títulos y partes de información, entonces ellos simplemente agregan una nueva fuente a la mezcla. Sin embargo, una solución sencilla para este obstáculo es simplemente utilizar una tipografía mucho más flexible.

Encuentra una tipografía simple que tenga pocas opciones de grosor y estilo y solo mezcla tu tamaño de letra, grosor y/o colores cuando sea necesario en vez de usar una fuente completamente distinta. Además, encontrar estas útiles tipografías no es algo complicado, puedes encontrar un sinfín de tipografías flexibles como la Raleway que se muestra debajo en Canva.

Una vez que hayas encontrado una tipografía con la que puedas trabajar, al usar colores llamativos, diferentes grosores y tamaños, puedes crear un sinnúmero de efectos tipográficos mientras mantienes un diseño simple y limpio.

Échale un vistazo a este ejemplo de firma por Themesforce y nota cómo agrega color a algunas partes de la letra, utiliza una mezcla de todo – mayúsculas y minúsculas, y ajusta los grosores de la fuente para crear un diseño dinámico.

Claro, usar más de una tipografía queda descartado en su totalidad. Si eliges agregar más de una fuente a tu repertorio, intenta limitarla a solo una más para mantener tu diseño limpio y cohesivo.

Por ejemplo, échale un vistazo a este diseño de firma por Sombras Blancas Design. Como puedes notar, este ejemplo usa dos tipografías – una serif y una sans serif para darle al diseño un estilo más sofisticado, pero una letra limpia y fácil de leer.

Entonces, la moraleja de la historia es: no sientas la necesidad de descartar la posibilidad de utilizar más de una tipografía aún, pero asegúrate de ser determinado e intencionado respecto a las tipografías que usarás.

Tener una buena jerarquía es indispensable para cualquier diseño que use letras para comunicar información importante, y ya que tu firma de email está compuesta de información importante, la jerarquía, en este caso, es de suma importancia.

Cuando se trata de diseñar tu letra, utiliza escalas, colores y grosores de fuente para señalarles de manera visual a los destinatarios de tu email cuáles son los elementos de tu firma que deberían leer primero. Quizás el nombre del autor del email, o tal vez la marca/nombre de la compañía, en todo caso, asegúrate de poner esta pieza clave de la letra en la posición jerárquica más alta.

Un ejemplo de un diseño de firma con una buena jerarquía es esta otra firma por Themesforce que amplía el nombre del autor del email para que reciba la mayor atención. A partir de ahí, las partes de letras se han puesto en negrita o se han coloreado para transmitir su importancia y para ayudar a guiar al ojo a través del diseño de manera lógica.

Cuando decidas qué partes de tu diseño poner en primera fila, no intentes resaltar todos los demás elementos de tu firma, eso eliminaría completamente el propósito. Entonces, en vez de eso, elige tus batallas sabiamente. Decide qué parte de tu firma quieres que se note primero y lleva eso hasta la cima de la cadena jerárquica.

Continuando con el tema de ‘menos es más’, cuando se trata de colocar elementos gráficos en tu firma de email, intenta limitarte a 1-2 para evitar un diseño abarrotado. Meter muchos gráficos separados en una firma de email puede complicar demasiado tu diseño rápidamente y hacer que parezca más un collage y menos una firma.

Un elemento gráfico común para incluir en una firma de email es tu logo de marca. Esta es una estupenda manera para que las personas identifiquen rápidamente por parte de quién proviene el email, y se produce un mayor grado de reconocimiento de tu marca.

Otro elemento gráfico comúnmente usado en firmas es una foto de rostro del autor del email. Ponerle rostro a un nombre es una manera simple pero efectiva para crear una relación más personal y crear un sentimiento de confianza – solo procura usar una imagen bien iluminada, bien tomada y profesional.

Esta firma de email por Chanelle Villena aprovecha lo mejor de ambos mundos al usar una foto de rostro y un logo de marca dentro de la firma. Asegúrate de notar que, sin embargo, estos elementos gráficos han sido equilibrados con un diseño simple y minimalista.

¿Tu marca tiene un buen manejo en lo que respecta a las redes sociales? Bueno, demuéstralo al incluir iconos con hipervínculos a las redes sociales en tu firma de email. Incluir enlaces a tus páginas de redes sociales no solo aumenta el tráfico hacia tu contenido online, sino que también ayuda al destinatario de tu email a encontrar nuevas formas de contactarte y seguirte.

Si incluir enlaces a tus perfiles de redes sociales te picó la curiosidad, considera usar íconos en vez de hipervínculos o URLs. ¿Por qué? Bueno, como lo confirma Neomam Studios, a la mente humana solo le toma 150ms (microsegundos) procesar un símbolo y 100ms para darle un significado. ¡Eso sí que es rápido! Además, tienes el beneficio extra de que los iconos te ahorran mucho espacio y te ayudan a evitar las engorrosas URLs.

Mira cómo Nakro utilizó símbolos personalizados de las redes sociales que complementan el diseño de la firma para ayudar a dirigir a los lectores a sus diversos perfiles. Para mantener todo con un aspecto cohesivo, intenta elegir o crear símbolos de redes sociales que imiten elementos de tu diseño como estos iconos imitan el marco circular y el trazo externo individual.

Mientras que el ejemplo anterior utiliza los colores de cada red social para complementar la vitalidad del diseño, el siguiente diseño por Email Signature Rescue usa iconos negros simples y lisos para complementar las formas definidas y minimalistas del diseño sin restarle valor a la paleta amarilla.

Si piensas incluir iconos de redes sociales en tu diseño, tómate tu tiempo para buscar los que complementen el resto de tu diseño y se adapten a él.

Te contaremos un secreto: la diferencia entre una firma limpia, organizada y efectiva, y una que se ve descuidadamente amontonada es la alineación.

Tan solo con alinear tu gráfico, letra e iconos de manera lógica y simple, puedes crear orden y armonía en tu diseño en un santiamén.

Por ejemplo, échale un vistazo a esta firma de email por Matt Coneybeare. Este diseño alinea el bloque de cuerpo principal de letras con la altura de la x del logotipo para dar origen a un diseño limpio, compacto y perfectamente alineado. Intenta buscar formas en tu firma con las que puedes alinear tus elementos de alguna manera para crear una firma limpia y alineada a la perfección.

Tomarse el tiempo y tener el cuidado necesario para alinear tu firma en la mismísima página también es importante. La gran mayoría de las firmas de email se alinean a la izquierda ya que la alineación a la izquierda por lo general es la forma más fácil en la que el ojo navega y lee, justo como este ejemplo por Email Signature Rescue.

Cuando el contenido es basto y el área es pequeña, a menudo el espacio se vuelve un lujo. Entonces, cuando utilizas separadores puedes colocar mucha información en un área compacta sin hacer que todo se vea excesivamente complicado o demasiado amontonado.

Un tipo de separador es el separador gráfico, como podemos observarlo en estos increíbles ejemplos por Graphic River. Al utilizar sencillos separadores gráficos azules, cada segmento de información y contenido se organiza de manera más limpia, más simple y más digerible.

Otra forma para separar tu contenido es usando separadores de glifo. Un glifo comúnmente usado es la barra vertical, o “tubo” (“|”). Mira los tubos en acción en este ejemplo por Email Signature Rescue:

Al usar el glifo de ‘tubo’ para dividir partes separadas de información que están en la misma línea, puedes evitar las complicadas longitudes de líneas, ahorrar espacio y aumentar la legibilidad de tu diseño. Además, esta es una manera fácil de reducir el número de elementos gráficos en tu firma si no eres fanático de los separadores gráficos.

Se conocen los datos: el número de personas que abren sus emails mediante un dispositivo móvil sigue aumentando con el paso del tiempo. De hecho, como lo señala Campaign Monitor, el 41% de las personas abren sus emails en un dispositivo móvil en vez de una computadora de escritorio.

Hay muchos aspectos técnicos a considerarse cuando haces que tu firma de email sea sensible y adecuada para dispositivos móviles, pero hablemos del diseño.

Lo más importante que debes tener en cuenta es la escala. Los dispositivos móviles son considerablemente más pequeños que sus contrapartes de escritorio, así que asegúrate de que tu letra e imágenes sean legibles cuando su escala sea reducida en pantallas más pequeñas.

Por ejemplo, esta firma de Instant Entity es una muestra de una imagen que podría no reducir su escala bien. La letra alrededor de la insignia del logo es muy pequeña y podría ser ilegible cuando la escala se reduzca a un tamaño para dispositivo móvil. En este caso no es un gran problema, pero definitivamente es algo con lo que debemos tener cuidado.

Si te llegas a topar con este problema con tus propias marcas, considera reemplazar tu logo con una versión más simple, o una firma de logo que pueda escalarse sin complicaciones.

Otra cosa que tiene que considerarse cuando se pasa de escritorio a dispositivo móvil es asegurarse de que todos los enlaces puedan acceder al tocarlos con el dedo. Es decir, garantizar que los enlaces no sean demasiado pequeños o que se coloquen muy cerca entre sí, de lo contrario un pulgar podría intentar tocar, digamos, el icono de Twitter, pero activar el icono adyacente y dirigir al usuario a la página de Facebook.

Este ejemplo por Xink tuvo suficiente cuidado para colocar los iconos de las redes sociales de manera organizada y bien espaciados para garantizar una fácil navegación. La marca, la letra y los elementos gráficos también son escalables y pueden leerse fácilmente en pantallas más pequeñas.

No estamos diciendo que deberías escalar todos los elementos en tu diseño, sino tener en cuenta que no todos verán tu firma con el mismo tamaño exacto en el que la estás enviando. Los tamaños de las pantallas cambian y siempre es buena idea anticipar un cambio y planear con antelación.

Como último consejo, simplemente asegúrate de mantener el equilibrio en tu diseño. Esto no se refiere únicamente al equilibrio visual literal entre los elementos, que es muy importante, sino también a mantener el equilibrio entre tus elementos.

Cuando sea momento de diseñar, elige bien tus batallas – ¿Deseas usar más de tres colores? Magnífico, solo asegúrate de seleccionarlos con cuidado y equilibrarlos con un diseño sumamente sencillo. Por ejemplo, esta firma por Miguel Oliva Márquez usa bastantes colores en el gráfico de barra, pero está equilibrado por letras muy simples, limpias y monocromáticas.

Del mismo modo, si quieres incluir muchos enlaces o íconos de redes sociales en tu diseño, intenta reducir otro contenido si es posible, para garantizar que tu diseño no esté muy sobrecargado, justo como lo hace Karen Mareš en este ejemplo hermoso y minimalista.

Las firmas de email son una parte pequeña pero importante en la creación de tu negocio, marca e identidad profesional. No solo le proporcionan a los destinatarios de tus emails información valiosa y enlaces, sino que también es una manera visual de exhibir tu marca.

Cuando diseñes tu firma de email, diviértete haciéndolo, pero intenta mantener todo razonablemente simple. Intenta mantener tu letra legible, tus colores hermosos y tus gráficos escalables, y no tendrás problema alguno en dejar la mejor impresión en todos tus contactos de email.