Cómo un gran diseño impulsa el viaje del comprador

¿Por qué importa el diseño? Parece evidente que sí. Pasamos mucho tiempo en ello, tratando de hacer que cualquier cosa en la que estamos trabajando “se vea bien”.

¿Pero reconoces cuánto importa? ¿Y hay más en el diseño que simplemente “verse bien”?

La función del diseño de marketing

Sin perdernos en la maleza, donde terminamos hablando de por qué una tostadora se parece a una tostadora, respondamos esta pregunta simplemente en términos de marketing. ¿Por qué importa el diseño en el marketing?

Yo diría que el diseño realiza tres funciones principales en el mundo del marketing:

• El diseño es una guía. El diseño guía a las personas que están interesadas, o tal vez potencialmente interesadas, en su empresa por el camino para establecer una conexión con usted. Un gran diseño deja en claro cuál es la información importante y guía al usuario sobre lo que le gustaría que hiciera. El diseño de una página web ayuda a mostrar al usuario dónde hacer clic y cómo navegar. El diseño de un botón debe decir "Soy un botón, haz clic en mí".
• El diseño es un embajador. Su diseño representa a su empresa. Su logotipo, su sitio web, un correo electrónico... estas cosas suelen ser las primeras cosas que ve un cliente potencial cuando se entera por primera vez de su empresa. Como embajador, un gran diseño lo distingue de su competencia. Define tu estilo visual. Comunica las cosas que hacen que su empresa sea única. También genera confianza. La gente instintivamente confía más en un sitio web moderno y bien diseñado que en uno de mala calidad que se actualizó por última vez en 2006.
• El diseño es un vendedor. El diseño en realidad puede realizar parte del trabajo de mover a las personas a través del viaje del comprador. El diseño ayuda a hacer avanzar las perspectivas, desde el conocimiento hasta la consideración y la decisión. Forma una conexión que impulsa las ventas. Un excelente diseño de marketing entrante atrae directamente a sus compradores. Enciende el interés y mueve a los prospectos a través del viaje del comprador al mantener ese interés y resaltar sus diferenciadores clave.

Las tres C del gran diseño

Entonces, ¿qué hace que el diseño sea grandioso? Dijimos antes que es algo más que verse bien. La respuesta más simple que se me ocurrió a "¿qué hace que el diseño sea excelente?" consta de tres palabras, que por mágica coincidencia todas comienzan con la letra C.

• Gran diseño es claro . Sabemos que una de las funciones del diseño es guiar a tu audiencia hacia donde quieres que vaya, no solo de una página a otra en un sitio web, sino también guiando la vista hacia la información importante. El buen diseño hace esto de manera efectiva al ser lo más claro posible. No desea que sus clientes o prospectos adivinen dónde hacer clic o se pierdan una conclusión importante. Así que queremos que el diseño sea claro.
• Gran diseño es limpio . Reduzca su mensaje a sus componentes esenciales. Eso significa mantener al mínimo el número de palabras en su contenido escrito, pero también significa mantener al mínimo el contenido de su diseño. Recorte la grasa y mantenga su diseño esbelto.
• Un gran diseño es consistente . Defina su marca mediante el uso constante de su logotipo, su paleta de colores, sus fuentes y el estilo de sus ilustraciones, íconos o fotografías. La consistencia puede ser una fuerza poderosa para atraer a un comprador a lo largo de su viaje.

Analicemos cada uno de estos más profundamente y veamos ejemplos de lo que estamos hablando para cada una de estas tres claves para un gran diseño.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

Ejemplos de diseño poco claro

Tal vez sea mejor definir qué es un diseño claro mirando algunos ejemplos de diseño poco claro . Podemos verlo en nuestra vida cotidiana …

¿Qué botón bajar? Puedes adivinar, y tienes una oportunidad de 50/50, pero no deberías tener que adivinar. El diseñador de estos botones no pensó en la interfaz de usuario. Asegúrate de que el diseño haga que cosas como esta sean más fáciles de entender, no más difíciles.

Aquí hay un sitio web para ... bueno, una empresa que hace ... algo. No puedo decirlo mirando esto. El truco de este sitio web es que para leer el mensaje, debe pasar el mouse sobre el filtro azul en la parte superior izquierda. Luego, puedes ver que dice:

Vaya. Huh .

Quiero decir, es lindo, ¿verdad? Pero se han burlado un poco de sí mismos, ¿no? Lo han hecho para que el usuario tenga que pasar unos segundos mirándolo tratando de averiguar si se supone que puede leerlo o si tiene una migraña ocular. Luego, tienen que descubrir cómo colocar el mouse sobre un área determinada para revelar el mensaje.

Todo para que puedan decir, “Oh. Huh .”

Eso es todo lo que los usuarios van a decir, ¿verdad? "Vaya. Huh. Pero te garantizo que los diseñadores de Bolden se chocaron los cinco cuando se les ocurrió esto.

No permita que su diseñador web, o el diseñador que hay en usted, se vuelva demasiado inteligente por su propio bien. Ser inteligente está bien, pero deberían haber descubierto una manera de ser inteligente mientras comunican su mensaje de manera instantánea y clara.

Miré esta imagen y leí todo eso y todavía no lo entendía. Una hora de estacionamiento durante el día, pero ¿qué pasa después de las 6? no sé _

Luego tenemos instrucciones específicas para el lunes y el domingo, luego regresamos al viernes y el sábado. ¿Qué hay de los otros días? Supongo que para eso está el letrero de arriba, pero no estoy seguro.

debería estar seguro Y alguien está seguro. Te garantizo que los oficiales de multas en esta calle saben cuándo pueden multar a los autos, al minuto. Alguien que sepa cuáles son las reglas en esta calle seguramente podría haber usado un diseño más claro para comunicarlo.

¿Qué podría ser mejor? Imagina una tabla con los días de la semana en la parte superior y las horas del día en el lateral. Los bloques codificados por colores le indican cuándo puede estacionar. Si estás en verde, ¡estás bien! Un letrero como ese sería claro, fácil de entender y ocuparía menos de la mitad del espacio de este letrero, usando solo una fracción de las palabras.

El diseño claro casi siempre comunica de la manera más simple posible.

Y eso nos lleva a nuestra próxima C: Limpio. Entonces, una vez más, intentemos definirlo mirando ejemplos de lo contrario.

Todos recibimos cosas como esta en el correo todos los días. ¿Alguien realmente los mira? Supongo que alguien lo hace o no los haría. Al igual que supongo que alguien compra cosas de correos electrónicos no deseados y llamadas automáticas . Quienquiera que esté haciendo eso está arruinando la vida de todos los demás. Pero me estoy desviando …

Así que aquí, realmente no sabemos qué mirar, ¿verdad? Mis ojos no pueden fijarse en nada en particular, así que simplemente se nublan. Este es un ejemplo extremo, pero es una trampa potencial en todo lo que diseñamos. Reducirlo a un mensaje. Comunicar ese mensaje de manera efectiva. Eso es diseño limpio.

La página de inicio de este sitio web es un ejemplo mucho menos extremo, pero sigue siendo un caso en el que lo más limpio sería mejor. La imagen de fondo ocupada, con todo su color y textura, ha hecho que el titular principal sea prácticamente ilegible. ¡Quizás incluso peor, lo que debería ser el principal llamado a la acción está aún más oculto! (¿Ve ese pequeño "Comprar ahora" al lado de la flecha allí?) Un diseño más limpio aseguraría que estos mensajes importantes no se pierdan.

Aquí tenemos un fondo de mármol totalmente equivocado, logotipos extraños, ¡uno de ellos 3 veces! – y cada fuente y color primario brillante que estaba disponible para el diseñador. Pongámoslo entre comillas. "Diseñador."

Así que no tengo que decirte lo que está mal aquí. Se ve terrible. Se necesita un gran esfuerzo para descubrir para qué es esto . Parte del diseño limpio es crear una jerarquía de sus mensajes.

Piense en términos de lo que su audiencia quiere saber. Primero querrán saber de qué estamos hablando. El mensaje uno debe ser "Primer festival anual de Hamfest de Pennington". Eso debería ser mucho más prominente que todo lo demás.

Luego, la audiencia pregunta "OK, ¿qué es eso?" Así que debería ser el segundo en orden de prominencia, pero creo que la respuesta está escondida aquí en la esquina: "Ham Radio Swapmeet ". Antes de que alguien se emocione, lo siento, te lo perdiste. Fue hace varios años.

Información como esa , hora y lugar, debería ser el tercer nivel de importancia. Y así.

Puede usar el diseño para guiar a su audiencia a través de lo que quiere saber: "El Pennington Hamfest es un intercambio de radioaficionados y es el 2 de junio de 2012". El diseño limpio no interfiere en eso, lo hace más rápido y fácil.

Esto no está diseñado limpiamente, pero también proporciona una buena transición a nuestra próxima "C" porque tampoco lo es en absoluto...

Coherente. Esta es nuestra última "C" que vamos a discutir, luego veremos cómo aplicar estas tres "C" de gran diseño al viaje del comprador.

Entonces, veamos la imagen de arriba desde el ángulo de consistencia.

Como dije, hay muchas fuentes ahí. Todos los pesos diferentes, todos los colores diferentes, algunos en cursiva y otros no, algunos delineados, algunos con una sombra paralela. No hay absolutamente ninguna consistencia aquí. Es como si cada fragmento de texto se "diseñara" de forma completamente independiente de todo lo demás, y luego se colocara todo junto en la página.

Debe haber una apariencia consistente establecida, luego todo el diseño debe surgir de variaciones menores en esa apariencia.

Las reglas del buen diseño

En cualquier proyecto, debe haber un par de niveles de consistencia. El nivel superior y general es la consistencia de la marca que se aplica a todo lo que hace la empresa. Crear consistencia se trata esencialmente de crear reglas. La consistencia básica de su marca consistirá, como mínimo, en estos conjuntos de reglas:

• Logo. Cada empresa que tiene un logotipo debe tener reglas sobre cómo usar ese logotipo. No lo estires, no dejes partes de él fuera, no pongas un feo estallido de estrellas detrás de él, cosas así.
• fuentes. En el diseño de impresión, suelo decir que debes elegir solo dos fuentes. Para muchas aplicaciones en línea, lo mejor es elegir solo una. Luego puede usar diferentes tamaños y pesos de esa fuente. Elegir una familia de fuentes contribuye en gran medida a establecer una apariencia uniforme y permite un poco más de creatividad en otros lugares.
• Paleta de color. Si aún no lo ha hecho, debe establecer pautas de color para su marca: hágalos parte de su marca. Hay muchos recursos que te ayudarán a elegir una paleta de colores que funcionen bien juntos, según el sentimiento que quieras transmitir o el estado de ánimo que quieras crear.

Luego, con proyectos específicos, digamos una oferta de inbound marketing, también creará consistencia dentro de eso. Teniendo en cuenta la consistencia de su marca, para cada proyecto, debe...

• Decide un tema.
• Crea un estilo basado en ese tema.
• Y establece un estilo para las imágenes y cómo las usas. Esto puede significar seleccionar un conjunto de íconos que compartan una apariencia consistente o apegarse a un cierto estilo de fotografía.

Ejemplos de gran diseño de marketing

Ahora veamos un ejemplo de todas las cosas de las que hemos hablado, en acción. Vamos a ver la campaña que creamos para un cómic de inbound marketing que creamos en madison/miles media (agencia de diseño web). Pasamos años trabajando en este libro, así que realmente queríamos crear una campaña en torno a él que funcionara.

¿Cómo creamos una campaña de oferta entrante que utilizó el diseño para impulsar al comprador a lo largo de su viaje?

Comencemos con nuestro botón de llamada a la acción:

Ahora repasemos y asegurémonos de que cumpla con nuestros criterios para un gran diseño. Primero, ¿está claro? El mensaje es simple y claro: “Aprende sobre inbound marketing de forma divertida. Consigue tu cómic gratis”. Y el diseño no se interpone en el camino de eso. De hecho, intenta que el mensaje sea aún más claro, enfatizando nuestro tema principal, el inbound marketing, coloreándolo con nuestro color dorado. Además, tenemos "consigue tu cómic gratis" en una caja, por lo que parece un botón. Recuerde, en un diseño claro buscamos guiar al cliente potencial en nuestra dirección. Hacer que toda la imagen de CTA se vea como un botón, o crear un elemento similar a un botón dentro de la imagen, ayuda a guiar al prospecto diciendo "haga clic aquí".

¿Está limpio? Hemos limitado nuestros elementos: tenemos nuestro personaje principal, un texto simple y directo, y una imagen del cómic. Todo esto está encima de un fondo del cómic. Le da cierto interés visual, pero no interfiere en absoluto con los demás elementos.

¿Es consistente? Bueno, esta es la primera pieza que verá la mayoría de la gente, por lo que estamos estableciendo aquí la apariencia para que las piezas posteriores sean consistentes. Pero, ya estamos estableciendo consistencia con el cómic en sí al incorporar el color dorado de “WILD!” en el título, la fuente que usamos para la parte del título "Conduce a tus clientes" y la fuente más tradicional de la portada que usamos para el subtítulo. Esa es Benton Sans, que es nuestra principal fuente de marca de medios de Madison/Miles. Lo usamos para el botón "Consigue tu cómic gratis".

También somos una agencia de diseño de revistas impresas, por lo que verá la fuente de nuestra marca representada en nuestras diversas formas de marketing. Esto es muy importante para nuestra marca. Una empresa siempre debe ser reconocible, así que recuerda esto a lo largo de tu viaje de diseño.

Entonces, sí, somos consistentes con el aspecto establecido de nuestra empresa y la oferta en sí, y estamos estableciendo otras pautas sobre cómo usaremos los elementos a través de las otras piezas de nuestra campaña.
Aquí hay otro botón de CTA.

Este fue diseñado para ser utilizado en correos electrónicos. Una vez más, nos aseguramos de que el diseño fuera...

• Claro. Mensaje simple, entregado de una manera que funcione para guiar claramente al cliente potencial en nuestro camino.
• Limpio. Número limitado de elementos, utilizados de manera que mejoren y no interfieran con el mensaje.
• Coherente. Las mismas fuentes, colores e imágenes que nuestra pieza anterior. Establecemos el aspecto y nos apegamos a él.

Aquí está la página de destino.

Por supuesto, la página de destino es una pieza muy importante porque es donde se establece la confianza. El cliente potencial le dará cierta información y, especialmente en estos días, necesita confiar en usted. Seguir nuestros principios de diseño "claros, limpios y consistentes" es una excelente manera de establecer esa confianza. Una página de aterrizaje bien diseñada dice “Aquí estás tratando con profesionales”.

Está vacío. El título de nuestro cómic es grande y está centrado debajo del arte del héroe. Está muy claro lo que se espera del visitante. Complete los tres campos del formulario y haga clic en el botón grande y fácil de ver. Pan comido.

Está muy limpio. Originalmente teníamos un fondo azul claro en esto. Solo un blanco limpio terminó funcionando mejor. Nada lujoso aquí en absoluto, pero no es necesario. Tenemos muchos elementos visualmente interesantes solo con nuestro arte de cómic.

Y es consistente con los CTA. Imágenes de las mismas fuentes, lo único es que les estamos dando un vistazo dentro del cómic ahora. Puede notar que también hemos introducido otra fuente, pero esa es la fuente secundaria de madison/miles de nuestro sitio web, Playfair Display. Así que estamos incorporando un poco de eso ahora, pero manteniendo todo en consonancia con las apariencias establecidas. También tenemos la barra verde en la parte inferior, que es nuestro medio verde madison/miles. De nuevo, solo presentamos parte de nuestra marca de una manera muy sutil.

Y ahora llegamos a la página de agradecimiento.

De nuevo, está claro. Botón grande para descargar la oferta de contenidos. Llamadas a la acción secundarias muy claras que guían al visitante para que ahora conozca un poco más sobre quiénes somos. Está limpio. Mantuvimos el fondo azul en esta página, para diferenciarlo un poco. Pero es muy sutil y discreto. Y finalmente, es consistente. Mismos colores, fuentes e imágenes.

Una de las esperanzas de la página de agradecimiento es que el visitante siga uno de estos enlaces. Queremos que también sea una transición sin problemas. Entonces, si hacen clic para ir a la página de Recursos en nuestro sitio web, se siente como una continuación de su viaje.

Debido a que usamos cosas como las fuentes y los colores de nuestra marca en el camino, establecimos coherencia con nuestra marca e hicimos una transición sin problemas de nuestra oferta a nuestro sitio principal. Nada discordante o confuso en cuanto al diseño, porque incorporamos esa consistencia de marca de manera sutil.

Entonces, al usar un diseño claro, limpio y consistente en nuestro marketing entrante, estamos impulsando el viaje del comprador. Use estos mismos principios en su diseño para mover a sus clientes potenciales en su camino hacia una conexión con usted.

madison/miles media es reconocida como una de las principales empresas de marketing de contenido en DesignRush.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}