How to storybrand your website

How to storybrand your website

Most websites don't bring in leads and sales like they should. The key to making your website work for you is understanding how your customers' brains work.

Our brains are wired to focus on what's important for our survival and tune out anything that isn't. If your website doesn't communicate why you matter to your customers' survival, they won't pay attention.

To change that, you need to cut through the noise by creating structure and clarity in your messaging. This is true for all your marketing and communication, not just your website. When you apply structure to your message, your customers know why you matter and will be more likely to buy from you.

Structure your website with Storybrand Framework

Let me explain to you the StoryBrand Framework in a simple way. It has 7 parts:

  1. A character - this is someone you can relate to
  2. With a problem - they face a challenge or issue
  3. Meets a guide - they find someone who can help them
  4. Who gives them a plan - this guide provides a solution
  5. And calls them to action - the guide motivates them to take action
  6. That helps them avoid failure - the solution prevents negative consequences
  7. And results in success - the character achieves their desired outcome thanks to the guide's help.

The StoryBrand Framework is a way to structure your brand message like a story, which makes it easier for your customers to understand and remember. This framework combines brain science and storytelling to create a structure for your message that is universal and timeless. By applying this structure to your website, your customers will understand why your product or service matters to their survival and will be more likely to buy from you. To StoryBrand your website, you need to create a wireframe, which is like a blueprint for your website. This wireframe will help you organize your content into sections and make it easier for a web designer or developer to create your website. By using this framework, you can increase conversions and grow your business.

To make it easy on you, here’s a website wireframe template you can use.

No alt text provided for this image

1. A character

Every story has a main character who wants something. It's the same with your website - your customer wants something and your website should clearly tell them that you have it. You should ask yourself what your customers want, how it will make their life better, and how they can buy it. Make sure your "Buy Now" button is clear and easy to find. It's important to be clear about what you offer on your website, so your customers know what you sell and how it will improve their life. Avoid being too cute or clever with your messaging at the expense of clarity. Write down your answers and put them on your website with the most important information in the biggest text.

Action steps:

  1. Write down what your customer wants in relation to what you offer.
  2. Then write down how having that will make their life better.
  3. Make sure your “Buy Now” button is super clear.


No alt text provided for this image

2. The Character Has a Problem

Every story has a problem that needs to be solved, and the same is true for your customers. They come to your website because they have a problem they want to solve, and if you don't address it, they have no reason to be there. Your job is to talk about the problem they are experiencing and make them interested in your product by connecting it with their survival. People buy solutions to their negative emotions, so you need to talk about both the external problem and the emotions people experience because of them.

Action steps:

  1. Identify the problem that your customers are experiencing that led them to look for a product like yours.
  2. Consider how that problem makes your customers feel and what emotions they may be experiencing.
  3. Make sure you talk about both the external problem and the internal problem (the emotions people experience because of them) on your website.
  4. Transfer your ideas and content to your website wireframe.
  5. Draw a line all the way across your paper and move on to the next section.


No alt text provided for this image

3. The Character Meets a Guide

In stories, the character needs help from a guide to solve their problem. In business, you are the guide for your customers. To position yourself as the guide, you need to answer two questions: 1) In what way are you similar to your customers? 2) Why can they trust you to help solve their problem? It's important to remember that it's not about you, it's about your customers. You need to express empathy and authority. Write down a few reasons people can trust you and add them to your wireframe.

Action step:

  1. Answer the two questions to position yourself as the guide on your website.
  2. Add a few reasons people can trust you to your wireframe.
  3. Move on to the next section by drawing a line across your paper.


No alt text provided for this image

4. Who Gives Them a Plan

As a guide to your customers, your job is to provide them with a plan to solve their problem. Your product or service is a part of the plan, but it's not the whole thing. You need to break down the process into simple steps that make your customers feel like they can do it. This can be the process of purchasing your product, how to use it, or something else entirely.

Don't worry about writing out the perfect plan. A simple plan is more important than a complex one. Your goal is to make potential customers feel like they can engage with you and use your product easily.

To make it easier for your customers to trust you, you need to respond to their objections and concerns. Make a list of the benefits of working with your company or positive characteristics that set you apart from the competition. Choose your top 4-6 reasons and add them to your plan.

Action step: Take 60 seconds to answer the following questions:

  1. Is it harder to engage with you or to use your product?
  2. Whichever one is more difficult, break it down into three easy steps.
  3. Tomorrow, review those steps and make them even easier.


No alt text provided for this image

5. Call Them to Action

In business, it's important to ask customers to buy your product or service. If you don't ask for the sale, people might think you lack confidence in your product and you may lose potential customers. It's better to be confident and ask for the sale, which shows that you believe in your product. To do this, you should have a clear and prominent "Buy Now" button on your website or wherever you sell your product. You can also include a section that lists everything the customer will receive when they buy your product, followed by the "Buy Now" button. By doing this, you'll make it easy for customers to understand what they're getting and how to purchase it. So, don't be afraid to ask for the sale, it's an important part of doing business!

Action steps:

  1. Add a clear and visible "Buy Now" button or other CTA on your website.
  2. Consider including a section on your website that lists everything customers will receive when they purchase your product or service.
  3. Place a "Buy Now" button immediately after the list of what customers will receive.
  4. Monitor your conversions to see if the changes you've made have had a positive impact on your sales.


No alt text provided for this image

6. Help Them Avoid Failure

When people visit your website, they're looking for a solution to a problem they have. As you explain how your product or service can solve their problem, they start imagining how much better their life will be once they use it. However, it's important to remind them of what will happen if they don't take action and purchase your solution. If they don't buy your product or service, they'll keep living with their problem, and it might even get worse.

To create a section on your website that reminds customers of the potential consequences of not purchasing your product or service, ask yourself what problems they'll continue to have if they don't buy from you. You should also consider how these problems might get worse over time.

You can place the failure section of your website right after the "What You Get" section or right before it. The goal is to remind customers of the potential consequences of not taking action and then guide them toward making a purchase.

Action steps:

  1. Create a section on your website that reminds customers of the potential consequences of not purchasing your product or service.
  2. Identify the problems customers will continue to have if they don't buy from you.
  3. Consider how these problems might get worse over time.
  4. Place the failure section of your website right before or after the "What You Get" section.
  5. Guide customers toward making a purchase after reminding them of the potential consequences of not taking action.


No alt text provided for this image

7. End With Their Success

When designing a website, it's important to keep in mind the ultimate goal of the customer - to solve their problem and experience success. The success section should be used to show the customer how their life will improve after purchasing your product or service. This section should be sprinkled throughout your website and should include specific details of how your product will help. Additionally, include images, bullet points, and testimonials to show how happy people are after using your product. Remember to include this section as the last section before the footer of your website.

Action steps:

  1. Imagine all the ways your customers' lives will be better after using your product or service and write down your favorites.
  2. Use images, bullet points, and testimonials to show how happy people are after using your product.
  3. Include the success section as the last section before the footer of your website.


Conclusion

Congratulations, you have completed creating a wireframe for your website! If you are not able to build your website yourself, you can hire a web designer or developer to bring your wireframe to life. By implementing the StoryBrand principles, you will make it easy for your customers to understand your message, which will increase your sales and engagement on your website.

Here are the benefits you can expect from StoryBranding your website:

  • Your customers will understand you
  • Your sales will increase
  • Your average session duration will increase (this is a Google Analytics metric that tells you if people are reading and engaging)
  • You’ll see more engagement

Remember to track your website's performance after StoryBranding it and share your success with the person who helped you create the wireframe.

To get expert advice reach out to me at link here

To view or add a comment, sign in

Insights from the community

Others also viewed

Explore topics