As you can see in this screenshot of our wireframe tool, the header of your StoryBrand wireframe should include:
Your logo at the top left
A large, clear statement of what your customer wants. (e.g. “Stay on top of your finances”)
A clear description of what you do as a company (e.g. “Bookkeeping and financial forecasting for restaurants”)
A call to action button (e.g. Schedule a Consultation)
An image showing a happy customer experiencing success using your product or service
The value stack should list three simple successes that your customer will experience if they choose to work with you.
The purpose of this section is to help readers see how your company can make their life better. This helps increase the perceived value of your product or service.
Here’s an example of three successes:
In this section we want to show the reader that we understand their problems and how critical it is to solve those problems.
Here’s an example of problems your customer is experiencing:
The purpose of this section is to present the value that you can provide to your reader. This could include a few of your services, or it could be three benefits of working with you and a single sentence about each.
Example value proposition:
Bookkeeping (with description)
Financial Forecasting (with description)
Monthly Check-Ins (with description)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Average Cost at $20 per month
Average Cost at $99 per month
Average Cost at $75 per month
Average Cost at $40 per month
Average Cost at $50 per month
Average Cost at $70 per month
Average Cost at $40 per month
Average Cost at $75 per month
In this section we want to show empathy for our reader and demonstrate that we are the experienced guide they need in order to succeed.
What to include in the guide section:
Remember, the goal is to show that you have the authority to solve their problem without bragging about yourself
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
If you display your pricing or packages on your website, here’s an opportunity to do so. If not, you can skip this section.
This is what you will get in being #Aligned
- 1 on 1 Consultation with me for 1 hour
- Strategic planning for your biz growth
- More item..
- More item..
This is what you will get in being #Aligned
- 1 on 1 Consultation with me for 1 hour
- Strategic planning for your biz growth
- More item..
- More item..
The goal of the plan section is to make the next steps to work with you as clear as possible. People feel more comfortable when they can see what’s going to happen next, and will be more likely to take action.
Here’s an example:
StoryBrand recommends that you make the third step a positive success so it’s easy for the reader to see the steps to getting to where they want to be.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This section is a short paragraph where you state the problem that you customer faces, the solution to their problem that you offer, and the success they’ll see when they work with you.
Here’s an example of an explanatory paragraph:
“At Acme Bookkeeping we understand what it’s like to feel stressed about finances. That’s why we created hassle-free bookkeeping services. So you can stay on top of your finances and focus on what you do best.”
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat elit vitae molestie vestibulum. Pellentesque in consequat ipsum, ut hendrerit lacus. Nam laoreet ligula congue nibh maximus dapibus. Aenean eleifend nisi pretium, dignissim turpis ac, hendrerit libero. Donec dolor erat, condimentum vel pellentesque quis, convallis eget sem. Vivamus scelerisque ac tortor feugiat pharetra. Vivamus non laoreet mauris.
This section is designed to help you capture the email address of your reader. Even if they’re not ready to buy from you now, they may be interested in a free resource you can provide.
The idea is to create a resource that helps solve a problem that your reader is experiencing. You can follow up with an automatic email sequence to up-sell them in the future.
Examples of lead magnet titles:
StoryBrand recommends that you put any additional pages and links into the footer so that you don’t distract readers with too many options in the top navigation.
The idea is that the reader will scroll down the page and read the copy instead of jumping around your website.
This is the perfect place to add your internal page links, privacy policy, social media links, copyright info, and more!