En el pasado, nosotros y varios otros blogs hemos descrito información técnica útil sobre cómo codificar y estructurar sus correos electrónicos HTML desde el punto de vista de un desarrollador. Pero se ha discutido mucho menos cómo llevar a cabo realmente el componente de diseño de los boletines por correo electrónico.
Hoy veremos algunas de las plantillas de correo electrónico más vendidas de Themeforest y veremos si podemos descifrar lo que hicieron sus diseñadores para poder 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 también con la forma en que muestran los mensajes. Considere la diferencia entre ver un mensaje en Apple Mail en un monitor de 20 "en lugar de 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.
En la extremadamente popular plantilla de AirMail a continuación, el diseño se extiende a unos 550 píxeles de ancho, pero el ancho del contenido real es de tan solo 480 píxeles.
El diseño estrecho se ve muy bien y funcionará perfectamente en la mayoría de los dispositivos y clientes.
Las opciones # 2 son todo
Una clave importante para crear plantillas que vendan es recordar que un enfoque de talla única no funcionará. Los clientes que compran una plantilla de diseño no solo quieren un diseño sólido, también quieren valor. Ellos ven valor en las opciones que ustedes hacen disponibles.
Si su plantilla tiene un diseño y uno o dos esquemas de color, realmente no está proporcionando una tonelada de 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 tantas variables diferentes de boletines por correo electrónico semanalmente, lo que les permitirá cambiar las cosas y ver qué funciona mejor para su base de clientes única.
Como ejemplo de variedad fuerte, considere la plantilla BlauMail que se muestra a continuación. En primer lugar, puede elegir entre varias opciones de color y plantilla (esquinas redondeadas o cuadradas).
A continuación, elige uno de los tres diseños únicos.
Esto te lleva a la plantilla con las opciones que seleccionaste. 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, independientemente de que sea lo mejor que se pueda hacer desde el punto de vista de la estrategia, les gusta ponerles bastante contenido.
Las empresas quieren que sus clientes sepan sobre ventas, promociones y actualizaciones en una variedad de áreas diferentes y necesitan poder hacerlo en un espacio sin desorden. Entonces, en lugar de crear un correo electrónico con solo un área de contenido grande, considere dividirlo en varias secciones diferentes.
La nueva plantilla de correo electrónico a continuación lleva esta idea a un 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 ventas simples
Mientras que algunos diseñadores de plantillas hacen todo lo posible con temas creativos, colores llamativos y gráficos asombrosos, otros pueden vender el doble de plantillas con diseños sólidos y gráficos simples pero atractivos.
La plantilla de correo electrónico versátil a continuación no ganaría ningún premio de diseño excepcional y, sin embargo, es extremadamente popular porque es exactamente lo que muchas empresas desean.
El diseñador se engancha a los clientes potenciales de inmediato al poner "versátil". en el título y proporciona muchos extras como se recomienda en la Sugerencia # 2 anterior. Mientras tanto, el diseño se mantiene al mínimo, lo que hace que la plantilla sea algo que innumerables profesionales pueden usar.
# 5 Dispara por un nicho
Como vimos anteriormente, crear un diseño básico y un diseño genérico va en gran medida debido a la gran audiencia a la que atrae. Sin embargo, el uso de esta técnica puede hacer que sea difícil para usted sobresalir 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. Como ejemplo, el tema TechOffers a continuación es realmente atractivo para varios nichos diferentes a la vez.
Obviamente, está el componente tecnológico, pero la plantilla también será atractiva para casi cualquier cliente que busque un tema de comercio electrónico. Finalmente, el tema tiene un componente de vacaciones con la cinta roja y los mensajes de Año Nuevo.
Este diseñador de repente se destaca entre la multitud a tres clientes únicos que buscan un tipo específico de plantilla. Estratégicamente, este es un movimiento excelente que está dando sus frutos en ventas.
# 6 Facilita la marca
Recuerde que comprar una plantilla es a menudo 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 la compra al proporcionar a los compradores potenciales un montón de lugares en todo el diseño para insertar el nombre de su empresa, el logotipo, el eslogan, una foto / perfil personal, etc. Esta técnica sencilla ayudará a los clientes a ver que realmente pueden hacer la compra. Plantilla propia no tiene que renunciar a la personalización por la asequibilidad.
La siguiente plantilla de correo electrónico de tipografía rica ha insertado un área grande del logotipo en el pie de página, además de información de contacto 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 con 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 dentro del boletín.
Básicamente, todo lo que está haciendo aquí es brindar una sensación de profundidad a una imagen plana y hacerla más tridimensional. Cualquier truco único que puedas usar para este mismo fin será aún mejor.
# 8 Prueba 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 de color simple y sólido son definitivamente una tendencia de diseño con correos electrónicos HTML. Aunque es prudente que los tiempos de carga reduzcan las imágenes, ninguna de estas plantillas parece tímida al usar imágenes en cualquier otro contexto.
Como se muestra a continuación en la plantilla de Modern Business y en la plantilla de TechOffers, un fondo simple realmente puede ayudar a dar vida al correo electrónico y hacer que se sienta más como un diseño terminado.
# 9 No olvides la integración de las redes sociales.
Muchos propietarios de negocios no pueden comenzar a describir qué es Twitter, pero están en él. Los entusiastas comerciantes han convencido a las empresas de que las redes sociales son una mina de oro que traerá una inmensa fama de Internet.
En un nivel práctico, esto significa que casi todas las personas a quienes le vendes una plantilla estarán interesadas en las redes sociales y que, por lo tanto, no debes ser tímido al incluir varios sitios populares en tu diseño.
La plantilla de Comunicación corporativa a continuación presenta algunos íconos de redes sociales bastante grandes en la sección Acerca de cerca de la parte inferior de la página.
# 10 Usa capturas de pantalla web en tu diseño
Una última tendencia que noté en varias de las plantillas más vendidas fue la tendencia a utilizar capturas de pantalla de sitios web como elemento principal en el diseño. Dado que muchas empresas utilizan boletines de noticias por correo electrónico principalmente como una forma de atraer tráfico a su sitio, tiene sentido que quieran incluir fotografías 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 cumple con sus objetivos a la perfección. Honestamente, podrían usar cualquier plantilla con un área de imagen para lograr el mismo objetivo, pero ayuda ver la idea antes de intentarlo.
Echa un vistazo a la plantilla Innovative - Product Tour y cómo incorpora de manera creativa un navegador cromo básico de Safari con una página web de muestra.
Pensamientos de cierre
Como siempre, lo aliento a que use estas muestras de inspiración no como algo para estafar, sino simplemente como ejemplos de diseño exitoso que puede aprender y utilizar para encender sus propias ideas de diseño originales.
Deje un comentario a continuación y háganos saber lo que piensa de las plantillas anteriores. También asegúrese de compartir cualquier truco o sugerencia que haya encontrado que sea particularmente útil al crear plantillas de correo electrónico para los clientes.