Cómo capitalizar la fuerza de la historia para convencer a los sitios web de WordPress

En los viejos tiempos, vivíamos en un mundo donde los sitios web tenían colores de neón y una exceso de texto para entretenernos y educarnos. Internet (piense en la geocidad …) fue un nuevo lugar brillante y brillante para jugar y, como desarrolladores web, hicimos todo lo que pudimos, dadas las circunstancias: HTML, resolución de pantalla baja, conjuntos de colores limitados y nada que realmente trabaja desde fuera de los ejemplos impresos en la vida real y nuestra imaginación. Antes rápidamente hasta 2016 y nuestra historia siguió un camino muy largo. Las computadoras, dispositivos móviles, televisores inteligentes e incluso algunos autos ahora se están conectando a Internet 24/7.
Y como han desarrollado los dispositivos tecnológicos para acceder a Internet, se ha desarrollado nuestra capacidad de crear sitios web hermosos, eficientes y únicos. Si eres demasiado joven para recordarte cómo fue hace mucho tiempo y cómo está en nuestra historia hoy, échale un vistazo:

Google entonces y ahora.
Si bien la apariencia de Google siempre se ha inclinado a la parte más simple de las cosas, puedes ver qué mundo de diferencia ha hecho durante casi 20 años. Ya sea el sitio web de Google o alguien más, ahora se piensa mucho más en el diseño de cada pieza de un sitio web … porque tenemos la capacidad de hacerlo.
Para las empresas, un sitio web sirve como identidad en línea y a menudo es el primer punto de contacto que tienen con los clientes potenciales.La aparición de un sitio web como una idea posterior o algo desordenado podría ser tan perjudicial como un director de marketing que responde a la llamada de un cliente con “¿Qué quieres?”Cuando se ejecuta correctamente, un sitio web puede ser una herramienta de marketing y ventas extremadamente efectiva.Con dos décadas de progreso sorprendente en el desarrollo web posterior y trasero y un CMS increíblemente útil como WordPress disponible, las empresas no tienen excusa para dejar de tener un sitio web maravilloso o de trabajo.Pero, ¿sigue siendo suficiente tener un sitio web bien?
¡No! Tu audiencia te espera mucho más en estos días. Es posible que pueda atraerlos con un diseño web perfectamente ejecutado, pero si el contenido no resuena o intriga, también puede perder su interés. Es por eso que los sitios web tienen que contar una historia. ¿Qué historia preguntas? Bueno, eso está arriba. ¿Que ofreces? ¿Cómo puedes poner a tu audiencia en lugar de la historia, hacer que se relacione con la historia, mucho para descubrir qué sucede (con ellos) al final? La historia es tuya y tendrás que encontrar la mejor (y creativa) forma de decirla por diseño. ¿Cómo funciona la historia de los sitios web? Hay muchas razones por las cuales un autor puede escribir una historia, pero siempre hay un objetivo que espera lograr: atraer al lector. Podría ser una historia sangrienta sobre venganza o una historia sobre una niña y su perro caminando a casa desde la playa. No importa cuál sea la intriga básica, el autor simplemente quiere que el lector sienta algo sobre la historia.
El negocio no es diferente cuando lo piensas. Su propósito es vender un producto o servicio que pueda ayudar a mejorar la vida de sus clientes de alguna manera. Tú lo sabes. Por eso crees en tu marca. Pero a menudo puede parecer difícil transmitir este punto a una audiencia en línea, cuando todo lo que tiene son muchas palabras e imágenes en un sitio web para trabajar. Estas palabras e imágenes pueden ser extremadamente poderosas para contar su historia, especialmente cuando están cuidadosamente construidas. Encuentre su historia que muchas compañías podrían ver esto y pensar: “No soy escritor y ciertamente no tenemos una historia que contar. Vendemos helado para perros “. Pero eso no es cierto. Incluso los modelos de negocio más simples, desde un profesional independiente hasta una gran empresa, tienen una historia que contar. Puede que no sea suyo. Supongamos que está tratando con la venta de helados para perros, puede pensar en la historia de su sitio de varias maneras:
La historia #1: Comparte una ilustración del Sr. Urs, un cachorro de pastor alemán. El Sr. Bear está jugando en el parque con sus amigos cuando el camión viene con helado. Sus padres le dicen que no puede tener porque ese tipo de helado no es bueno para él. Luego, ves al Sr. Urs, se ve triste mientras sigue a sus amigos cómo toman sus conos de helado. Pero espera … ¡tienes una solución! [Inserte aquí la imagen de un oso feliz que come su helado.] La historia #2: las infografías son una excelente manera de contar una historia sin tener que crear una narración oficial. Puede usar estadísticas de gran tamaño e imágenes fuertes pero simples para trasladar a los visitantes a su sitio. Básicamente, esta sería la vida de su perro sin helado para el perro (por ejemplo, un 25% menos receptivo a las órdenes) y luego esta es la vida de su helado de su perro (por ejemplo, aumentar la energía en un 10% y menos visitas a un Se requiere veterinario). Tal vez el Sr. Bear es realmente tu perro y tal vez te sentiste muy mal porque no podía comer helado como sus otros perros porque era intolerante a la lactosa. Por lo tanto, se ha inspirado para crear su propia marca de helado para perros lecheros.
Independientemente del ángulo que tome, todo es hacer una conexión con su audiencia. Por lo tanto, las empresas tienen sitios web: quieren conectarse virtualmente y comunicarse con su audiencia con la esperanza de vender su marca. Con la historia correcta y el diseño apropiado ejecutado para decirlo, puede traer a sus visitantes del papel del lector pasivo a algo más interactivo.
Concéntrese en los beneficios para tomarse un momento para revisar los beneficios de un enfoque de historia para el diseño de su sitio:
Cree una visión clara: para contar la historia de su negocio, realmente debe comprender quién es su marca, qué tiene como objetivo lograr y lo que realmente obtendrá su audiencia. Si no comprende el valor de su marca, el desarrollo de una historia para su sitio web definitivamente lo ayudará a mejorar esta visión.
Desarrolle una identidad: una vez que comience a decirle, nunca querrá detenerse. Tener una identidad de marca interesante y consistente no es algo que se detenga con un solo video animado o la historia de la página inicial. Esto es algo que querrá ser penetrado en cada parte de la identidad de su negocio, virtualmente y en el mundo real. Promueva la participación real: los impulsos a la acción se utilizan en el diseño web para atraer la atención de sus visitantes a lo que desea. hacer. Contáctenos. Descarga esto. Completa esta encuesta. Pero la historia le permite ingresarlos en su historia y, de alguna manera, involucrarse con más honestidad con ellos.
Configurar: todos tienen una historia única que decir, pero no todos saben cómo traducirla en su sitio web (o su identidad de marca en general). Utilizando los principios de la historia para construir su sitio web, establecer su sitio y el negocio diferente de la competencia.
Mejore el diseño general: al aplicar los principios de la historia al diseño de un sitio web, debe planificar todo con anticipación. Sin esta visión clara, será difícil compartir efectivamente su historia en línea. Por lo tanto, tomarse el tiempo para planificar y prepararse, su sitio web eventualmente será más cuidadoso e intencional en su entrega.
Por supuesto, todos los beneficios anteriores solo se pueden obtener si está dispuesto a hacer tiempo, esfuerzo y creatividad para crear una historia interesante que su audiencia pueda relacionar.
Si su sitio y/o marca no tienen una visión clara …
Si confunde la “historia” con “All Stops” …
Si su negocio es demasiado joven y todavía no sabe su audiencia …
Entonces el enfoque de la historia puede no ser adecuado para usted. Y eso está bien. Mantenga este artículo para referencias futuras y vuelva a él cuando esté listo para irse. Cómo usar los principios de la historia para construir una mejor historia de marca … y un sitio web que cualquier gran escritor, maestro o incluso crítico de cine le dirá que hay cinco etapas críticas en la intriga de una historia. Ya sea que dirá una “historia” tradicional (como en la historia #1 anterior) o transmitirá la historia de su marca por otro enfoque, el propósito debe ser llegar a cada uno de estos cinco objetivos, y en este orden, como visitantes . Cruce su sitio. Explicaremos cuáles son los pasos, le daremos algunos consejos sobre cómo crear su historia en esa etapa y también le daremos algunos ejemplos de la vida real que realizan bien esta etapa. ¿Listo?
Talent Garden es una red de coworking para profesionales digitales y creativos.
Al principio … “al principio”, “alguna vez fue como nunca”, “en una galaxia lejos, lejos” … Todas estas son formas en que viste que las historias han comenzado antes. Esto es lo que se conoce como exposición o configuración de una historia. Conoces a los personajes, descubres la decoración y te das cuenta de que algo más sucede de lo que puedes ver.
Para los sitios web, aquí establecerá el conflicto. Si bien la palabra “conflicto” puede tener una connotación negativa, no siempre es el caso en la historia. Básicamente, todo depende de lo que esté tratando de resolver para sus visitantes. Sea lo que sea, la historia de su sitio tiene que comenzar desde allí. Un ejemplo: el sitio web de Talent Garden se muestra arriba. Puedes ver que lo que ofrecen es un espacio de coworking. Para la historia de su sitio, han optado por confiar mucho en imágenes de fondo que hablan bien con su público: la comunidad de profesionales libres y otras personas que trabajan desde casa que quieren un lugar para trabajar con los demás. Luego uso mensajes que son muy simples y explican claramente el “conflicto”. Sumerma de ejecución:
Su historia debe comenzar de inmediato, no oculta en una página interna.

Use una copia muy fuerte y clara para configurar su historia. No debe haber confusión sobre lo que hace o por qué los visitantes deberían estar interesados ​​en obtener más información.
Use letras mayúsculas para centrarse en lo que es más importante.
Deje el diseño, color o imagen de fondo para establecer su tono de tono.

Use el espacio negativo para concentrar la historia que cuenta.
Seleccione las opciones de color que invocarán las emociones correctas de su audiencia.
Considere crear una “mascota” de la marca para guiar a sus visitantes a través de la historia.
… Fue un problema … la siguiente parte de la historia de su marca debería lidiar con las acciones derivadas del conflicto. Desde el comienzo de su sitio (la parte superior de la página inicial o la primera parte de un sitio de desplazamiento de Paralax) ha estado a cargo de la configuración, ahora es el momento de crear la tensión en torno al conflicto. Esto es lo que se llama acción ascendente. Cuando se trata de usar el diseño para contar esta parte de la historia, todo se trata de las indicaciones de acción. Ya sea que tenga una historia real que contar o simplemente presentar a los visitantes de su sitio. Guíquelos visualmente a través de la historia. Un ejemplo: matar el sitio web de Kennedy de National Geographic Channel. El diseño del sitio utiliza iconos deslizantes de colores y cuadros de texto para compartir los puntos de crecimiento de la trama y crear tensión. Ya sabe cómo ha terminado la historia entre Kennedy y Oswald, pero este sitio ha hecho un trabajo increíble utilizando el diseño para guiar al lector en la historia y en plena acción. El sitio web Kennedy Killing utiliza elementos interactivos para involucrar a los lectores. Consejos de ejecución: vaya directamente a la acción tan pronto como establezca la configuración. La acción, para la mayoría de los sitios web, vendrá en forma de movimiento y colores, en lugar de un diálogo de acción real.
Use navegación simple para que su historia sea fácil de ver y lógica. Cada desplazamiento, sección o página debe servir como un nuevo “punto de diagrama”. No intentes poner demasiados en un espacio.
Mantenga un control estricto sobre el ritmo de su historia con menos texto y más énfasis en las pistas visuales. Use CTA o animaciones brillantes para mover a los lectores a través de la historia.
… y algo ha pasado.
La mitad de su historia debe ser el clímax o el clímax. Entonces, en el caso de la historia del Sr. Bear antes, podría revelar que los perros que reciben helado durante el entrenamiento recuerdan un 33% mejor que los perros que solo reciben galletas. Estas estadísticas deben proporcionar una especie de punto de inflexión en su historia, en el que los visitantes deben sentirse sorprendidos o conmocionados por el descubrimiento. Físico o emocional, desea que el clímax cause una especie de respuesta de su audiencia y querrá que el diseño de su sitio también refleje esto. Un ejemplo: desde el principio hasta el final, el sitio web Make Your Mateter hace un trabajo increíble al contar la historia del dolor de la audiencia. Sin embargo, en el clímax sean realmente a sí mismos. La tensión aumenta tan maravillosamente desde el momento en que comienzas a marchar que, hasta que llegues al clímax, puedes sentirte demasiado nervioso para completar la computadora. Pero es una solicitud simple: simplemente complete dos campos. Y luego todo lo que le pido es hacer clic en un botón (con un mal color). La pantalla resultante le dice cuánto dinero le ha ganado el banco. Cualquiera sea la emoción resultante, no podrá sentirse obligado a continuar el viaje para ver qué sucede después. Consejos de ejecución:
Esta es tu gran divulgación.No tiene que ser un terremoto, pero debe ser algo que haga que los visitantes se detengan y se pregunten qué significa para ellos. Use una acción sorpresa para involucrar a los visitantes en este momento crucial.Reproduzca un video, use efectos de sonido, incluya un color impactante o interactúe con ellos a través de una forma de gamificación (como la computadora que hace que su materia use).
… Pero luego comenzaron a ver que las cosas cambiaron … Piense en su sitio web (o su historia) como una montaña. La exposición sería la base de la montaña. La acción creciente sería tu subida a la cima de la montaña. El clímax sería el pico. Y luego tienes que volver para cumplir tu misión. Esta es la acción en el otoño. En el caso de la historia de su sitio, este puede ser cualquier tipo de acción o pasos que lógicamente dirigirán a los visitantes a su gran divulgación al objetivo final. Algunos sitios web lo están perdiendo en este momento y simplemente comienzan a lanzar testimonios aleatorios o flujos de redes sociales en lo que anteriormente era un flujo lógico de información. No interrumpas los pensamientos de tus visitantes. Asegúrese de mantenerlos en el camino correcto con la acción en el otoño. Un ejemplo: el sitio web de La Mulade es el símbolo del diseño minimalista. Y para culminar, tiene uno de los mejores ejemplos de acción que he visto. Después de decirle rápidamente quiénes son y luego trajo a los visitantes al clímax (un tono de llamada de bicicleta suena para anunciar que usted está allí), lo guían a través de su instante desde su cartera creativa. Eso es todo. Su acción de caída es solo una cartera. Sin palabras. Todas las imágenes. ¡Y funciona! Ya sea que esté obligado a hacer clic en cualquiera de ellos para ver más o simplemente correr hasta el final para averiguar qué está en la parte inferior, encontraron una forma simple y creativa de aferrarse a usted. La Web of Creative Studio en Mulade es minimalista, con muchos toques interactivos divertidos.
Consejos de ejecución:
Independientemente de lo que use en la acción creciente para guiar a los visitantes a través de su sitio web, la acción decreciente debe reflejar los mismos movimientos, diseño o CTA. Debe haber un flujo simple desde el clímax hasta que el sitio finalice a su
Mantenga la acción de otoño al mínimo.Una vez que haya llegado al clímax, sus visitantes esperarán una recompensa rápida.
Use imágenes o impresoras fuertes para mantener el interés allí, pero no se excedan.

… y que tuvieron una solución a su problema todo el tiempo, la etapa final es el final del viaje de sus visitantes y resolver su historia. Una vez que sus visitantes hayan llegado a este punto, no debería haber preguntas. Entendieron la historia, se dan cuenta de por qué tienen que ver con ellos y se sienten obligados a tomar la acción que está pidiendo. La parte de diseño se traducirá lo suficiente simplemente: darles un impulso claro que finalice el viaje y les brinde a los visitantes una acción que querrán seguir ahora. Un ejemplo: Zensorium tiene un producto muy simple que ofrecer, pero esto no les impide compartir su historia a través de imágenes bien trabajadas, texto simplificado, muestras de colores brillantes y progresión lógica de información. Puede ver esto muy claramente en la estructura de su página inicial. Hay una pancarta rotativa que ocupa dos tercios en el lado izquierdo de la página. Pasa a través de imágenes brillantes y aún calmantes, que lo llevan a través de los elementos básicos de quiénes son. En el lado derecho, sin embargo, las imágenes permanecen en su lugar (a menos que se ajuste). Esta es su resolución. Su propósito es que compre sus productos. Entonces, al involucrar a los visitantes con una cronología izquierda simple, las imágenes estáticas derechas se convierten en la final más lógica.
Consejos de ejecución:
La resolución debe ser simple. Un cuadro de exhortación o una página de destino que informa a los visitantes: “Este viaje termina. Es tu turno de dar el siguiente paso “.
Asegúrese de que la acción solicitada sea simple. Complete este formulario, cómpralo, llámenos ahora.

Terminar el desarrollo de una historia para su sitio web y marca no significa necesariamente que tenga que crear un personaje fuera de la pared cuyas aventuras seguirán su sitio, aunque podría ser bastante genial.La historia se trata de crear un viaje único para los visitantes de su sitio, un viaje que refleja la experiencia que tendrán al interactuar con usted como marca.Así que tómese el tiempo para pensar realmente en quién es usted y qué historia será la más efectiva para determinar los visitantes (y los clientes potenciales) para relacionarse con usted.Entonces puede poner todos estos principios de diseño de diseño. Ahora es su turno: ¿Cuál es la historia de su marca y cómo hizo esa historia por diseñar su sitio?
Etiquetas:
diseño
historia