Marketing por correo electrónico: cómo diseñar correos electrónicos de alto rendimiento | Jaz Infante | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Marketing por correo electrónico: cómo diseñar correos electrónicos de alto rendimiento

teacher avatar Jaz Infante, Designer // AIGA Board Member

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      1:17

    • 2.

      Fundamentos

      2:57

    • 3.

      Algunos técnicos

      8:13

    • 4.

      Cómo usar espacio negativo

      8:13

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

463

Estudiantes

--

Proyectos

Acerca de esta clase

El marketing por correo electrónico es uno de los canales más eficaces para llegar a individuos y difundir un mensaje. Pero más de 4.4 mil millones de usuarios activos de correo electrónico y los miles de millones de correos enviados todos los días, es fácil que tu correo electrónico se pierda.

En este curso discutiremos las mejores prácticas cuando se trata de diseñar correos electrónicos, para garantizar que tu trabajo duro no se pierda en carpetas de spam o basura. También discutiremos cómo resolver las limitaciones de las plataformas de correo electrónico para diseñar correos electrónicos hermosos e interesantes que se convierten en clics y conversiones.

Conoce a tu profesor(a)

Teacher Profile Image

Jaz Infante

Designer // AIGA Board Member

Profesor(a)

Hello, I'm Jaz! I'm a full-time visual designer and Board Member for the AIGA Los Angeles chapter. 

Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Hay alrededor de 4.4 mil millones de usuarios activos de correo electrónico. Hacer del correo electrónico uno de los canales más efectivos para llegar a las personas y difundir un mensaje. Es por ello que el email marketing es una estrategia central para la mayoría de los negocios en la actualidad. No obstante, la otra cara a esto es que se trata de un espacio muy concurrido y prácticamente todo consumidor es bombardeado con correos electrónicos a diario. Con esto en mente, si quieres que tus correos electrónicos se abran e impulsa algún tipo de acción, es importante que los correos sean relevantes y fáciles de entender. Comienza con una estrategia de campaña de email efectiva, pero termina con un correo electrónico bien diseñado, que es lo que vamos a cubrir en este curso. Discutiremos las mejores prácticas para garantizar que tus correos electrónicos no se pierdan en carpetas de spam o basura. Y cómo trabajar alrededor de las limitaciones de las plataformas de correo electrónico para diseñar correos electrónicos bellos e interesantes que se convirtieron en clics y conversiones. Es importante señalar que mientras estaré trabajando en Mail Chimp, los temas e ideas que cubro pueden aplicarse a todas las plataformas de correo electrónico. Entonces, vamos a saltar. 2. Fundamentos: Todo correo electrónico que aroma se envía con un propósito. Y la mayoría de las veces, ese propósito es conseguir que un cliente compre un producto o se suscriba a un servicio. Para que eso suceda, muchas cosas tienen que ir bien. El público tiene que ser, la línea de asunto, tiene que ser llamativo. El mensaje dentro del correo electrónico tiene que ser claro, y el punto de precio tiene que ser atractivo. Pero antes de que algo de eso pueda suceder, primero tienes que entrar en la bandeja de entrada del cliente. Todo lo demás podría ser perfecto, pero si tu correo electrónico se marca como spam o basura, se filtrará. Y todo ese duro trabajo que le metes habrá sido para nada. Entonces, cuando se trata de diseñar correos electrónicos, tu primera prioridad debería ser superar el filtro de spam. Permítanme sacar un ejemplo. Este correo electrónico aquí está realmente bien diseñado. Solo hay un problema. Fue diseñado como una gran imagen. Porque ves que esta es la forma fácil de diseñar un correo electrónico. Haces todo en Photoshop, lo exportas como un JPEG, lo dejas caer en chimpancé macho y presiona enviar. El problema es que esto es exactamente lo que buscan los filtros de spam. Casi siempre se marcará un correo electrónico que contenga sólo imágenes y ningún texto. E incluso si lo convierte en la bandeja de entrada de la persona, la mayoría de los clientes de correo electrónico tienen las imágenes desactivadas porque ahorra en el uso de datos. Entonces cuando abrieron sus correos electrónicos, en realidad se ve así. El cliente tiene que estar dispuesto a usar su plan de datos y luego permitir manualmente la descarga de la imagen. Y eso son demasiados pasos para pedirle a un cliente. La mayoría borrará el correo al instante. Entonces, ¿por qué lo hacen los diseñadores, incluidos los que trabajan para las grandes marcas? Bueno, es sencillo. El correo electrónico no fue diseñado para la comercialización. Fue creado como reemplazo de las máquinas de fax para que la gente pudiera enviar y recibir mensajes basados en texto. En algún lugar en la línea, se convirtió en un método de comunicación para la comercialización. Y si bien la tecnología ha hecho algunos avances, sigue siendo realmente limitada en lo que puedes crear y enviar. En pocas palabras, el correo electrónico no fue diseñado para ser creativo. Y es por eso que las plataformas de email marketing son tan limitadas y confinadas al tipo de plantillas drag and drop y a la misma biblioteca de fuentes web deslustradas. Entonces, ¿qué haces? ¿ Significa esto que usted como diseñador se limita a crear los mismos correos electrónicos aburridos una y otra vez. No exactamente. Por suerte, hay algunas soluciones realmente ingeniosas que puedes usar para seguir haciendo correos electrónicos impresionantes. Y en esta serie de lecciones, les voy a mostrar estos códigos de tramposos de diseño de correo electrónico. 3. Algunos técnica primeros en: La primera consideración que debes tener a la hora de diseñar correos electrónicos es usar texto. Se trata de una mejor práctica de correo electrónico estándar que necesitas para meterte en el hábito de hacer. Aquí tienes un ejemplo de un correo electrónico que hace esto realmente bien. Como se puede ver. Utiliza mucho texto. Y dondequiera que haya una imagen, si la imagen no está cargada, se establece de forma predeterminada un texto predeterminado. De esa manera, cuando alguien está leyendo tu correo electrónico, si el, aunque las imágenes no se descarguen, todavía puedes tener una sensación de lo que está sucediendo en el correo electrónico. Entonces por ejemplo, aquí mismo, se puede ver el tan bajo como el APR. Se puede ver donde te dice eso, que aquí hay un logo. Y aún sin todo apagado, todavía puedes entenderlos. Sigue el correo electrónico basado enteramente fuera del texto. Entonces déjame mostrarte cómo hacer esto en Mail Chimp. Tengo este correo aquí y es solo una plantilla básica que utilicé dentro de Mail Chimp, no el correo electrónico con mejor aspecto, pero con fines ilustrativos conseguirás una sensación de lo que estoy haciendo. Por lo que este bloque de contenido aquí arriba contiene las sumas del logotipo de la marca. Vamos a seguir adelante y editar ese bloque. Y luego aquí como pueden ver donde subí el logo, ¿no? Y así en estas opciones donde puedes reemplazarlo, editarlo, vincularlo a otro lugar. Tienes esta opción aquí para alt. Y si haces clic en eso, aquí es donde ingresarás el texto alt. Y así en este caso diría logo desgastado. Actualización. Ok, entonces ahora si esta persona que abre este email, ¿tiene imágenes encendidas? Lo que verán aquí arriba en estos bloques de contenido es el texto que puse aquí, el logotipo advertido. De acuerdo, voy a seguir adelante y hacer eso para esta imagen también. De acuerdo, misma cosa exacta, y ve a alt-text. Y aquí usaría el titular que tenemos aquí. Prepárate para la primavera con nuestra nueva colección para asegurarte de que todo esté escrito correctamente y actualízate. Entonces ahora otra vez, si alguien abre este correo electrónico y no tiene imágenes encendidas, lo que esos C aquí serán este equipo para la primavera y nuestra nueva colección. Y para que ya les diga de qué se trata esta imagen o de qué se trata este correo electrónico. Y es solo una forma de salvaguardar tus correos electrónicos en caso de que la gente no tenga imágenes encendidas. Y yo haría esto en cualquier lugar. Hay una, hay una imagen, ¿verdad? Entonces esto es texto, esto es un por n, Así que estos se cargarán simplemente bien. Pero aquí abajo, haría exactamente lo mismo. Esta es una imagen, ¿verdad? Por lo que seguiría adelante y cambiaría esto. En realidad esto es texto, así que no importa, esta es una imagen. Entonces haz esto aquí. Y entonces yo sólo haría lo que tenemos aquí abajo. Hola, tanques frescos y casuales. Y de nuevo, esto es solo uno, evita que tus correos electrónicos se corten y filtros de spam. Si tus correos electrónicos tienen texto alt en ellos, el filtro de spam leerá el texto alt y ayudará. Eso ayudará primero como luz verde lo y lo hará pasar por la bandeja de entrada. Y también es una forma para esa. El cliente abre el correo electrónico, todavía tienen una sensación de lo que trata el correo electrónico y pueden leer a través de él. Entonces eso es lo primero que debes estar haciendo por tus correos es alt enviarlos mensajes de texto. Otra consideración que tengo son los enlaces reales que utilizas. Entonces, a dónde llevas a tus clientes es realmente importante y cómo haces un seguimiento de eso también es realmente importante. Por lo que cada parte de tu correo electrónico puede tener una URL diferente a la que acudir. Pero derretir él no tiene ninguna capacidad de seguimiento incorporada para si tus correos electrónicos. O sea, entonces lo que haría es usar algo llamado Google UTM, que es una herramienta gratuita que ofrece Google, ¿verdad? Y así se le llama una campaña URL Builder. Como viste allí, acabo de escribir en google UTM builder. Y así aquí escribirías la URL real que quieres que tus clientes sean dos, así que digamos que esto es www.worn.com. De acuerdo, ahora, aquí es donde pongo mi propia información de seguimiento personalizada. Entonces digamos la fuente de campaña. Bueno, este es un correo electrónico, así que voy a decir correo electrónico. Digamos que en realidad lo hacen un poco más definido para el espacio, una promo de primavera, porque ahí es donde está. El Medio de Campaña es correo electrónico. lo envié por correo electrónico. Podría deletrear. Y el nombre de la campaña, digamos que si vuelvo a ella se llamaba Proyecto Rosa. Y así todos estos serán solo discreción TOM lo que decidas etiquetar estas cosas. Si tienes un término de campaña, si pagaste palabras clave, puedes insertar eso ahí. Si quieres diferenciar por diferentes anuncios, puedes ponerlo en, en pares. Bueno, en realidad nunca uso el término en el contenido. Pero como puedes ver aquí, ahora se generó una URL para mí, y esta es realmente larga URL complicada. Pero esencialmente lo que hace es que después envío este correo electrónico, puedo volver atrás y en realidad mirar las estadísticas de esta URL. Quién abrió un, que llegó a mi sitio web basado en mi off de mi correo electrónico. Por lo que escucharía esa copia esta URL. Por lo que ahora está copiado y se irá aquí. Y aquí dentro pondremos el enlace, entraremos ahí e insertaremos. Ok. Por lo que ahora tengo este email con un código de seguimiento de URL personalizado ahí dentro. Para que cuando alguien abra este correo electrónico en No. Si hicieron clic en este enlace y acudieron a mi página web en saber que vino de este correo específico. Y aquí es donde muchos constructores de campañas de email tienen algunas limitaciones porque el calcio puede decirte cuántas personas abrieron tu email, cuántas personas hicieron clic en tu email, pero eso es todo. No te dice en qué parte de eso hicieron clic. No te dice a dónde los llevó, no te dice. No te da ese análisis más profundo que estás buscando. Por lo que al construir estos códigos UTM personalizados, puedo ponerme realmente granular y ver exactamente cuánto de mi tráfico en mi página web fue generado por este correo electrónico. Y así haría exactamente lo mismo por cada imagen en cualquier lugar que haya un botón, crear enlace pegado ahí, y luego insertar. Y así ahora todo este correo electrónico, cada imagen, cada botón tendrá este enlace UTM ahí dentro. Aquí vamos. Y es solo la mejor práctica para entrar en el hábito de, sobre todo en equipos más pequeños. No necesariamente tenemos un equipo de marketing realmente borrado. Usar este constructor de URL de campaña gratuita es realmente útil para conseguir una profunda inmersión en cómo se están realizando los correos electrónicos. Entonces eso son solo dos cosas realmente importantes, las mejores prácticas desde una perspectiva técnica de atención de back-end. Ahora en esta siguiente lección, entraremos en la construcción de correos electrónicos interesantes además de estas mejores prácticas. Así que diseño de Sokoloff. En la siguiente lección. 4. Uso del espacio negativo: Entonces como dije antes, hablemos de diseño. Yo estoy aquí en chimpancé masculino. Y el primer principio de diseño que quiero repasar es usar el espacio negativo en tus correos electrónicos. Entonces voy a ir adelante y sacar una plantilla que hice. Ahora bien, este no es el correo electrónico más emocionante, pero ilustrará el concepto del que estoy hablando. Estas imágenes aquí son nuestras no son en realidad círculos, son cuadrados, ¿verdad? El bloque de plantilla en chimpancé masculino básicamente sólo me deja tener el, vamos a ver aquí. Déjame tener la imagen de la izquierda y el impuesto sobre la tarifa para este bloque de contacto, se invierte. Es la imagen de la derecha y el texto de la izquierda. Y el bloque de contenido básicamente solo me deja tener una imagen cuadrada. Ahora lo que hice para dar la ilusión de tener esta imagen redondeada es cuando hice estas imágenes individuales del planeta. Yo sólo los hice sobre un fondo blanco. Sabía que el cuerpo del correo electrónico iba a ser un fondo blanco. Y así preplaneada tener el fondo blanco en la imagen. Entonces si miras aquí, en realidad puedes ver que la imagen, si arrastro esto, tiene incorporado el espacio en blanco. Se trata de una imagen cuadrada, pero es justo cuando se carga en la cámara mel, cuando se carga en el correo electrónico, parece una imagen redondeada. Y el hecho de que alteré estos de ida y vuelta, lado izquierdo, lado derecho, lado izquierdo, lado derecho. Mezclar el correo electrónico o un poco más interesante, hice lo mismo con las palabras del logotipo, solo espacio en blanco, pero lo hice en un bloque blanco. Y si te muestro cómo se verá esto si no lo hubiera planeado previamente. Digamos que el cuerpo de mi correo electrónico iba a ser de este color azul. De repente ahora se ve un poco obvio. Se puede ver exactamente lo que hice. Pero de nuevo, yo había planeado esto y lo había hecho esperar. Entonces esa es una forma realmente básica de ilustrar el concepto, pero déjame mostrarte cómo se ve esto si realmente pones algo más de intencionalidad y cosas preplaneadas un poco mejor. Entonces voy a sacar una campaña diferente que hice. Genial. Ahora puedes ver en este y hacer la forma mucho más intrincada. Y este correo electrónico en realidad es bastante interesante. Se ve como una especie de hecho este efecto me camo tipo de bajando ahora redondeado a través y el botón incluso como redondeado. Entonces hay un motivo pasando. Todos los colores están sincronizados. Y esto ya es mucho más interesante que sólo una imagen básica, texto, texto de imagen, ¿verdad? Y es exactamente lo mismo. A hizo esto como una imagen con justo peso. El peso se reclama como incorporado el FAQ de Missy y mostrarte cómo es esto. Aquí vamos. Por lo que la imagen es básicamente solo espera, espera rectángulo con esta forma azul ya incorporada. Y la otra es exactamente la misma herramienta. Y así puedes ponerte realmente, realmente creativo con esto si solo preplaneas lo que estás tratando de hacer. Preplaneas con el color de fondo va a ser. Puedes preplanificar qué tipo de forma quieres crear. Eso lo haces en Photoshop. Haz lo mismo que mencioné antes sobre Altair fuera mensajes de texto usando códigos UTM personalizados. Pero ahora obtienes una licencia un poco más creativa con tus correos electrónicos. Y como dije, si cambio este fondo, puede ver cuando realmente estoy haciendo aquí, ¿verdad? Entonces esto es un peso. Este peso porque la imagen es realmente esperar, cuál es el cuerpo real del correo electrónico está justo aquí en verde. Pero si tendieron a pesar, ahora se ve sin fisuras. Y así puedo mostrarles algunos ejemplos de otros correos electrónicos que hacen exactamente lo mismo y lo hacen de verdad, muy bien. Por lo que este correo electrónico, el cuerpo es amarillo. Tienen o el, lo siento, el fondo es amarillo. Esto probablemente se hizo una imagen y la imagen en la parte superior coincidió con el color de fondo. Y la parte inferior de esta imagen, la costura es probablemente rayo aquí, es donde la imagen realmente se detiene. Este es texto real que en realidad está incorporado y estos son iconos que puedes agregar, en chimpancé macho. Y se ve sin fisuras y lo mismo se adhiere a este contenido aquí está todo en realidad en el correo electrónico. Se trata de una imagen con fondo blanco. Para hacer algo así, tienes la imagen con el blanco en la parte superior, el rojo en la parte inferior. Y así este bloque de contenido, el fondo es blanco. Y luego este bloque de contenido, se lee el fondo. Este diseñador lo preplaneó para saber que la mitad superior de esta imagen necesitaba ser de peso y la mitad inferior necesitaba ser roja. Y esto se reduce a saber exactamente cuáles son los valores RGB. Entonces el partido de Jared exactamente. Y así, y entonces el resto es bastante sencillo. Lo mismo con esto. Para conseguir estas miniaturas redondeadas, probablemente lo hicieron. Lo que te mostré con los planetas donde lo haces, haz que la forma de la máscara de recorte redondeada en el fondo sea de color blanco. Aquí es donde se pone realmente interesante porque con pinceles personalizados en Photoshop, realidad puedes ponerte realmente juguetón con tus bordes a. Entonces como puedes ver aquí, la imagen es probablemente un rectángulo donde atraviesa por aquí, por aquí abajo, y luego corta por aquí. Entonces en realidad hay espera en la imagen. Pero luego pintaron con Photoshop el mástil fuera y crearon esta bonita costura aquí. Y así con esta técnica, se puede conseguir aún más creativo. Como digamos que lo había hecho en la parte superior también. Por lo que ahora la parte superior y la inferior tienen esta costumbre realmente interesante parece que puedes hacer diagonales con ella también. A lo mejor en lugar de venir directamente a través de la imagen, como el tipo de máscara se encuentra de esta manera o de esta manera también. Y así eso te da mucha más licencia creativa también. Se llega a jugar con nuevas formas, con nuevos bordes, siempre y cuando su color de fondo, el color corporal de su contenido coincida con el borde de su imagen. Se verá sin fisuras y parecerá que lo hiciste a propósito. Y entonces el resto de este correo electrónico es bastante sencillo. Son solo rectángulos y el texto y los huesos. Este es otro realmente inteligente o correo electrónico. Por lo que la parte superior de la misma, la costura es probablemente tasa aquí, justo al otro lado de aquí. Por lo que tienen esta parte superior de la imagen y sabían que el cuerpo del correo electrónico iba a ser de este color azul realmente oscuro. Y así se aseguraron de que coincidieran con la imagen. Policía se detiene justo por ahí, luego es texto. Entonces aquí probablemente usen ese mismo diseño de contenido que tenía antes con la imagen de texto, imagen texto, imagen de texto. Entonces todo esto está en realidad en el correo electrónico. Y esto lo más probable es una imagen con el fondo ya que tomamos un rectángulo con ellos, el fondo es apenas coincide con este color azul. Esto es probablemente lo mismo. Es una imagen de sangría completa y solo miden en la parte superior e inferior, coinciden con este color de fondo. Y aquí hicieron lo mismo. Y así cuando lo estás mirando, porque los colores coinciden exactamente, no ves las costuras, no ves dónde empieza y se detiene la imagen. Se acaba de ver cuando se bloquea el contenido continuo. Por lo que usando el espacio negativo, puedes ponerte realmente creativo con la forma en que diseñas estos correos electrónicos. Simplemente se necesita un poco más de pre-planificación que simplemente entrar en chimpancé masculino, trabajar con rectángulos, arrastrar y soltar, etcétera, etcétera. Entonces con esta técnica, como dije, se puede simplemente, sólo se necesita cierta cantidad de pre-planificación. Dibujas tu email primero entiendes dónde va a estar tu color de fondo. Entiendes cómo, cómo quieres que se vean tus costuras y luego solo juegas con ella y puedes ponerte realmente, realmente creativo. Entonces esa es la primera técnica, es usar el espacio negativo a tu favor.