10 ejemplos inspiradores de sitios web de StoryBrand que puede aplicar

Publicado: 2021-12-24

Cada película tiene un guión para que los actores sepan lo que van a hacer y decir en una escena en particular. También lo es BrandScript, cuando su deber es guiar a los clientes en lugar de guiar a los actores. Especialmente en estos tiempos inciertos, aquellas empresas que han aclarado su mensaje y construido un embudo de ventas tienen muchas más probabilidades de sobrevivir.

En esta oportunidad, les mostraré algunos elementos importantes incluidos en un sitio web StoryBrand y algunos ejemplos para hacer un sitio web "StoryBranded". Espero que este artículo de 10 ejemplos inspiradores de sitios web de StoryBrand para que los aplique hoy le brinde una guía útil con consejos e ideas para usted y el diseño de su propio sitio web.

¿Qué es un sitio web de StoryBrand?

¿Te estás preguntando: "¿Qué es un sitio web de StoryBrand?"? Hubo un StoryBrand producido por Donald Miller que cambió las reglas del juego en la forma en que las empresas abordan su marketing, lo que ha sido un catalizador para que una amplia gama de empresas reestructuren sus sitios web. Además, había una clave en marketing que si desea que su negocio tenga éxito, entonces la clave radica en la capacidad de su negocio para identificar el mensaje.

Es por eso que se inventó el sitio web de StoryBrand, que desempeña un papel vital para erradicar la confusión y aclarar quién es su empresa, qué ofrece y cómo su empresa puede ayudar a los clientes potenciales a lograr el éxito. Es un hecho que cuando un posible cliente se siente seguro de que usted puede resolver maravillosamente su problema, ayudará a convertirlo en cliente. En el sitio web de StoryBrand, el mensaje debe proporcionarse de la manera más clara, también con un botón claro de llamado a la acción para hacer crecer su negocio.

¿Qué se incluye en un sitio web de StoryBrand?

Para definir lo que se incluye en un sitio web de StoryBrand, debo admitir que no existe una forma "oficial" de crear un sitio web de StoryBrand. A continuación se presentan algunas prácticas comunes que se tuvieron en cuenta para crear factores en un sitio web de StoryBrand.

1. El guión de la marca

BrandScript es algo que debe desarrollar en un sitio web de StoryBrand. Pocas personas intentan omitir este paso para comenzar a reelaborar su sitio en función de su conocimiento, pero esto es improductivo. Primero, el problema radica en el hecho de que la mitad de una copia de marketing convincente se trata de decidir qué no mencionar. Si no dedica su tiempo a aclarar y reducir sus mensajes, es probable que se convierta en un desastre. Brandsscript está aquí para hacerle un favor a su marca y organizar su BrandScript en orden.

2. La página principal

Sí, la página principal es otra cosa que debe tener para su sitio web StoryBrand porque son sus ventas. Incluso si ha devuelto a sus clientes u otras personas que utilizan su sitio, su página principal sigue siendo para los prospectos. El propósito aquí es convertir a los navegadores en compradores; Esta es la razón por la que la mayoría de las personas piensan primero en la página principal de un sitio web cuando piensan en un sitio web de StroyBrands.

Una página de "desplazamiento largo" es el diseño más común para un sitio web de StoryBrand, ya que puede proporcionar una serie de secciones bloqueadas horizontales. La razón aquí radica en el hecho de que más del 50% de los visitantes de su sitio web suelen ver un buen diseño de sitio web en su teléfono inteligente, al mismo tiempo, desplazarse por el contenido es mucho más fácil que hacer clic en los enlaces para navegar a las ubicaciones que contienen lo que estás buscando.

3. Estructura alámbrica

Es un esquema elemental de su página principal para definir un wireframe, que ilustrará el orden de las secciones de su página, junto con la copia de los títulos, el cuerpo del texto, las viñetas, etc., que se completarán, pero con elementos de diseño fundamentales. Se puede dibujar una estructura alámbrica en un cuaderno, o mediante un programa como Adobe, o incluso Powerpoint para reordenar sus secciones.

La gente a menudo malinterpreta que las secciones de las secciones de diseño de su sitio web deben seguir el mismo orden que su BrandScript. Sin embargo, no existen reglas estrictas para definir el orden en que debe organizar su contenido. En general, a continuación se muestran algunos tipos comunes de secciones que se sincronizarán desde su BrandScript:

  • Sección Imagen destacada: esta sección es lo primero que verán sus visitantes cuando simplemente hagan clic en su sitio web. Esta sección debe incluir el título, el subtítulo y el botón de llamada a la acción.
  • Acerca de nosotros: en el diseño de su sitio web, esta sección generalmente se coloca para mostrar el contenido de su sección Guía. El propósito aquí no es decirle a sus clientes quién es su empresa, incluida su historia, estructura, biografía. Sin embargo, también se trata de explicar cómo tu experiencia y tus conocimientos hacen que tu cliente entienda cómo puedes resolver sus problemas.
  • Indicadores de autoridad: esta es otra sección de la Guía en la que su página mostrará el logotipo de empresas, socios con los que ha trabajado, o podría ser un testimonio de un cliente para mostrar su prestigio.
  • Pila de valor: esta sección generalmente trata sobre tres o cuatro teorías de valor de éxito rápido que normalmente provienen de la sección Éxito en su BrandScript. Los iconos a menudo se muestran en esta sección.
  • Planes de 3 pasos: Mira la sección Plan de tu BrandScript, esto es ideal para que tengas menos de tres o cuatro pasos para contar el proceso de cómo una persona debe comenzar a hacer negocios con tu negocio o algunas etapas que generalmente tienes que trabajar. con su cliente para resolver sus asuntos.
  • Plan de Acuerdo: Sí, esta es una sección más del Plan, pero es donde debes poner tu promesa al cliente, o tal vez una filosofía en la forma en que haces tu negocio para que puedas atender a los clientes con el mejor resultado.
  • Otros elementos de BrandScript: hay algunos otros factores que no puede olvidar, como el personaje, el problema, las piezas fallidas y la llamada a la acción incluidas en su BrandScript. Sin embargo, estos no suelen estar definidos con una sección aislada; mientras tanto, generalmente se salpica a través del formato de otras secciones como titulares, viñetas, llamadas, por ejemplo.

Los 10 mejores ejemplos de sitios web de StoryBrand

Así que ahora sabe qué es StoryBrand y qué se incluye en él, pero supongo que todavía es difícil para usted encontrar su propio camino a menos que haya ejemplos de excelentes sitios web de StoryBrand en línea para usted. A continuación hay 10 ejemplos que considero los mejores sitios web de StoryBrand que utilizan un buen marco para aclarar su mensaje. Los he dividido en categorías para que puedas encontrar el camino para tu negocio y aplicar.

Empresas de servicios

En esta sección, StoryBrand se usa para empresas que brindan servicios y usan su sitio web para enviar mensajes.

1. Casas de la 6ta Avenida

Se trata de una inmobiliaria que desde su Homepage ha proporcionado su claro eslogan: "INMOBILIARIA CON ALMA". También brindan información clara sobre sus servicios: "LE AYUDAMOS A COMPRAR, VENDER, DISEÑAR O RENOVAR EN DFW" para que los clientes sepan cómo pueden ayudarlo.

2. Rendimiento 365

Los servicios de esta empresa son sobre entrenamiento personal y Cross-Fit y servicios de entrenamiento grupal con un eslogan: "Alcanza tus objetivos, disfruta del entrenamiento y vive una vida mejor" que se proporciona claramente en la sección Imagen de héroe. También usan elementos de diseño como titulares, texto en negrita, cuadros de texto destacados y listas para resaltar varios elementos de las secciones Desempeño, Lo que nos hace diferentes, Éxito y Fracaso.

Servicios en línea

Para los servicios en línea, estos sitios web también usan StoryBrand para crear transparencia.

3. flúor

El mensaje fue muy claro: "La plataforma de automatización para iglesias en crecimiento". Una vez más, este StoryBrand también se trata de claridad, ya que se proporcionan muy pocos enlaces en la barra de navegación, lo que crea un buen StoryBrand.

4. Contabilidad completa

"DARTE LIBERTAD para ser tu propio jefe, otra vez". ¿Puedes adivinar de qué se trata este servicio? No tomará más de un minuto comprenderlo, ya que describen al equipo como especialistas en teneduría de libros, contabilidad, impuestos y nómina que tienen experiencia en resolver problemas y son miembros confiables del equipo, así como en procesos y tecnología aplicados.

5. Lugar perfecto

Perfect Venue Finder es una empresa con el servicio de encontrar lugares adecuados para su boda. No hay mucho en la página de inicio, pero suficiente información para ayudar al cliente a alcanzar su propio propósito.

Negocio basado en productos

A continuación se muestran dos ejemplos de empresas basadas en productos que utilizan el marco StoryBrand para vender productos en línea.

6. Unidad de audio

Los productos que vende este negocio se describen claramente en la primera página de inicio: AURICULARES INALÁMBRICOS PARA SISTEMAS DE ENTRETENIMIENTO DE VIDEO PARA VEHÍCULOS para que los clientes puedan saber y decidir si este lugar es para ellos. Para negocios basados ​​en productos, los productos deben ser el centro de su StoryBrand. Entonces, sí, se mencionan de manera destacada 4 características especiales, que incluyen Diseñado para vehículos, Calidad y comodidad premium, Funciona con dispositivos y Recargable.

7. Atleta del desierto

Este negocio vende productos para el metabolismo de la quema de grasa, el desarrollo muscular y el combustible de montaña. Al igual que Drive Audio, ha hecho un buen trabajo al hacer arreglos para que sus productos se destaquen.

Negocio de ubicación física

8. Al horno en Nashville

Algunas empresas que tienen ubicaciones físicas también usan StoryBrand para sus propios fines específicos. Baked In Nashville, por ejemplo, es una panadería que vende pasteles, galletas y macarrones franceses y los mensajes proporcionados tratan de atraer a la gente para que visite y compre en su tienda.

Sin fines de lucro

9. vestidor

Esta organización de Dressember es una ONG sin fines de lucro que utiliza los mensajes de StoryBrand para aclarar su mensaje: "Nuestra visión es un mundo DONDE TODAS LAS PERSONAS SON LIBRES" para recibir más donaciones.

Iglesias

10. RVA de la ciudad de la colina

Una de las tres cosas en la concentración de Iglesias suele ser: Esperanza, Comunidad o Propósito. Por lo tanto, Hill City RVA normalmente coloca ese mensaje en la sección de mensajes de héroe y aplica ese marco de StoryBrand a sus sitios web.

Conclusión

Entonces, supongo que todos tenemos claro StoryBrand con 10 ejemplos de los mejores. Solo recuerda seguir el punto clave mientras creas tu propia StoryBrand: gente agradable, diseños atractivos, excelentes productos y servicios, pero los mensajes claros son la base de todo. Recuerde que hacer marketing exitoso radica en la capacidad de una empresa para aclarar su mensaje. Perderás cuando estés confundido.

Si hay algo que quieras saber sobre StoryBrand de tu empresa u organización, no dudes en dejar un comentario y preguntar. No olvide dejar comentarios para hacernos saber cómo este artículo puede ayudarlo. ¡Ahora es el momento de comenzar a crear StoryBrand para hacer crecer su negocio!