10 lecciones de diseño de plantillas de correo electrónico HTML que realmente se venden
En el pasado, nosotros y varios otros blogs hemos esbozado información técnica útil sobre cómo codificar y estructurar sus correos electrónicos HTML desde el punto de vista del desarrollador. Pero se ha discutido mucho menos sobre cómo llevar a cabo el componente de diseño de los boletines electrónicos.
Hoy echaremos un vistazo a algunas de las plantillas de correo electrónico más vendidas de Themeforest y veremos si podemos descifrar lo que sus diseñadores hicieron correctamente para que pueda imitar estos principios básicos en sus propios diseños.
# 1 mantenerlo estrecho
Los clientes de correo electrónico varían considerablemente no solo con la forma en que interpretan el código, sino simplemente con la forma en que muestran los mensajes. Considere la diferencia entre ver un mensaje en Apple Mail en un monitor de 20 ″ en comparación con Gmail en un monitor de 13 ″.
Obviamente, el ancho de su diseño se convierte en un problema importante. Si bien puede inundar el fondo con un color a través de una tabla de 100% de ancho, la mayoría de los estándares recomiendan que use un ancho de contenido de entre 500 y 620 píxeles.
Un diseño estrecho se ve muy bien y funcionará perfectamente en la mayoría de los dispositivos y clientes.
# 2 Las opciones lo son todo
Una clave importante para crear plantillas que venden es recordar que un enfoque único para todos no funcionará. Los clientes que compran una plantilla de diseño no solo quieren un diseño fuerte, sino que quieren valor. Ven valor en las opciones que usted pone a disposición.
Si su plantilla tiene un diseño y uno o dos esquemas de color, realmente no está proporcionando mucha variedad. Esto bloquea al comprador en un número bastante limitado de opciones, lo que no hace que la compra sea una decisión acertada a largo plazo.
Sin embargo, si su plantilla les permite elegir entre varios diseños y opciones de color diferentes, los clientes potenciales apreciarán la oportunidad de elegir entre tantas variables de boletines de correo electrónico diferentes semanalmente, lo que les permitirá cambiar las cosas y ver qué funciona mejor para su Base de clientes única.
Como ejemplo de gran variedad, considere la plantilla BlauMail que se muestra a continuación. Primero, puede elegir entre varias opciones de color y plantilla diferentes (esquinas redondeadas o cuadradas).
A continuación, elige uno de los tres diseños únicos.
Esto lo lleva a la plantilla con las opciones que seleccionó. Para tener en cuenta todas las variables, BlauMail viene con la friolera de 60 archivos HTML.
# 3 Crear secciones claramente definidas
Las empresas utilizan los correos electrónicos HTML como un punto de contacto continuo con sus clientes y, ya sea que sea lo mejor que se puede hacer desde el punto de vista estratégico, les gusta poner bastante contenido en ellos.
Las empresas desean informar a sus clientes sobre las ventas, promociones y actualizaciones en una variedad de áreas diferentes y deben poder hacerlo en un espacio no desordenado. Por lo tanto, en lugar de crear un correo electrónico con un solo área de gran contenido, considere dividirlo en varias secciones diferentes.
La nueva plantilla de correo electrónico a continuación lleva esta idea al extremo y separa físicamente las diferentes secciones en diferentes fondos, creando una apariencia modular.
Esta plantilla tiene 750 compras hasta la fecha, colocándola en la parte superior de la lista en ThemeForest. Entonces, si vas a tomar lecciones de cualquier plantilla, ¡probablemente debería ser esta!
# 4 Venta simple
Mientras que algunos diseñadores de plantillas apuestan por temas creativos, colores llamativos y gráficos impresionantes, otros pueden vender el doble de plantillas utilizando diseños sólidos y gráficos simples pero atractivos.
# 5 Dispara por un nicho
Como vimos anteriormente, crear un diseño básico y un diseño genérico es muy útil debido a la gran audiencia a la que atrae. Sin embargo, el uso de esta técnica puede dificultar que se destaque entre la competencia.
Si una estrategia de uso múltiple no funciona para usted, intente apuntar a un nicho considerable de consumidores que buscan algo específico.
# 6 Facilita la marca
Recuerde que comprar una plantilla a menudo es un compromiso para muchas empresas porque el producto no se está construyendo desde cero para mostrar su marca.
Puede ayudar a superar este obstáculo para comprar al proporcionar a los compradores potenciales muchos lugares a lo largo del diseño para insertar el nombre de su empresa, logotipo, eslogan, una foto / perfil personal, etc. Esta técnica simple ayudará a los clientes a ver que realmente pueden hacer el plantilla propia no tiene que renunciar a la personalización para la asequibilidad.
La siguiente plantilla de correo electrónico de Rich Typography ha insertado un área de logotipo grande en el pie de página, además de información de contacto diversa y otro logotipo en el encabezado.
# 7 Curl The Corners
Por mucho que odie ofrecer consejos que sigan los clichés de diseño, esta tendencia popular parece ser efectiva entre los clientes. Acurrucarse en las esquinas del área de contenido ayuda a crear una ilusión de papel, que por supuesto se relaciona muy bien con el concepto de un boletín informativo.
Observe en la plantilla de elegancia a continuación que esta técnica se usa no solo en los bordes del área de contenido sino también en las imágenes del boletín.
Esencialmente, todo lo que está haciendo aquí es proporcionar una sensación de profundidad a una imagen plana y hacerla más tridimensional. Cualquier truco único que pueda usar para este mismo fin será aún mejor.
# 8 Pruebe con un fondo simple y repetitivo
Todos menos uno de los ejemplos que hemos visto hasta ahora comparten un rasgo de diseño común: fondos sólidos. Los fondos simples y de color sólido son definitivamente una tendencia de diseño con los correos electrónicos HTML. Si bien es aconsejable reducir el tiempo de carga de las imágenes, ninguna de estas plantillas parece tímida sobre el uso de imágenes en cualquier otro contexto.
# 9 No olvides la integración de redes sociales
Muchos dueños de negocios no pueden comenzar a describir qué es Twitter, pero están en ello. Los vendedores entusiastas han convencido a las empresas de que las redes sociales son una mina de oro que traerá una inmensa fama a Internet.
En un nivel práctico, esto significa que casi todas las personas a las que vendes una plantilla tendrán interés en las redes sociales y que, por lo tanto, no debes ser tímido para trabajar en varios sitios populares en tu diseño.
# 10 Use capturas de pantalla web en su diseño
Una tendencia final que noté en varias plantillas de mayor venta fue la tendencia a usar capturas de pantalla del sitio web como elemento principal en el diseño. Dado que muchas empresas utilizan boletines electrónicos principalmente como una forma de atraer tráfico a su sitio, tiene sentido que quieran incluir tomas de su sitio en el correo electrónico.
Al incorporar tomas web de muestra en el diseño, está ayudando a los compradores potenciales a ver que su plantilla cumpla sus objetivos perfectamente. Honestamente, podrían usar cualquier plantilla con un área de imagen para lograr el mismo objetivo, pero ayuda a ver la idea realizada antes de intentarlo.
Echa un vistazo a la plantilla Innovative - Product Tour y cómo incorpora de forma creativa un cromo de navegador Safari básico con una página web de muestra.
Pensamientos finales
Como siempre, le animo a que use estas muestras de inspiración no como algo para estafar sino simplemente como ejemplos de diseño exitoso del que pueda aprender y utilizar para despertar sus propias ideas de diseño originales.
Deje un comentario a continuación y díganos qué piensa de las plantillas anteriores. También asegúrese de compartir cualquier truco o consejo que le haya resultado particularmente útil al crear plantillas de correo electrónico para clientes.
