Looking for StoryBrand website examples? Here are two good ones you can look at. They do an excellent job implementing a BrandScript into their websites.
The Consultant and the IT Company
and even more importantly...
Chances are you are here because you are doing a bit of researchĀ andĀ want to know if the StoryBrand website template is the format that's best for your business.
Youāve probably read StoryBrand reviews and the extraordinary claims--many businesses are seeing double, triple, and even quadruple revenue growth! While I hope this ends up being your businessesā story, Iād probably run from someone making too-good-to-be-true claims like that.
But before you run off, take a second to look at what StoryBrand is trying to sell: Clarity
The minimum outcome of a business or organization that applies the StoryBrand principles to their website includes:
The importance of differentiating from the competition canāt be overstated. When finished with your StoryBrand website and then looking at everyone elseās website, you will glow with pride, knowing your website was built with intention and purpose. Every single element will make sense and every piece of clutter and noise will be removed.
Iām excited for this journey you are about to go on!Ā Ā
Today we are going to look at two businesses: Margie Bastolla Facilitations and Dominion Tech Computer Services.Ā
Margie Bastolla Facilitations is run by Margie Bastolla. She works with huge organizations helping their teams of auditors issue clear and impactful audit reports. Margie has a heart for helping auditorsā work become more meaningful by writing reports that actually connect with stakeholders promoting positive change. Big Big Story created the StoryBrand message and designed and developed the website for auditreportwriting.com.Ā Ā Ā
Dominion Tech Computer Services is an information and technology company that helps businesses get acceleration by their IT, instead of frustration. Their StoryBrand message was brought to life by SwitchStance Marketing. SwitchStance wrote all their content and wire-framed their website. Echo Clarity also does design work and a whole lot more.Ā
So letās look at their websites and see StoryBrand principles come to life!Ā Ā
āAbove the foldā is what is seen when a page is loaded before someone starts to scroll. āAbove the foldā is the most important part of a website because this is where a browser decides to stay, start clicking around on your site, or start scrolling -- or they decide to leave. You better capture their attention fast! Studies show you have 5 - 8 seconds to grab their attention.
Both these websites do great with āAbove the foldā.Ā Ā
ā
What you will end up seeing with good StoryBranded websites is there are very few options in the navigation bar. Many businesses fill this up with an insane amount of clickable links. This goes against the main thing StoryBrand is about: Clarity.
When a navigation bar is full of options, the customer gets super confused about what they are supposed to do. To do business with these guys, am I supposed to click on ālearn more,ā ācontact,ā āabout,ā āservices,ā āblog,ā ātestimonials,ā ābiography,ā āstories,ā or āfun cat videosā?
Go to almost any company website and you will see the navigation bar is cluttered with options. A good StoryBrand website will only have the most important options in the navigation bar and no more. If a link is not super important, place it in the footer of your website.Ā Ā
Dominion Tech has a bit more complexity to the number of pages on their website, however they did the work to organize these pages into a few categories, so when a customer hops on their website they arenāt overwhelmed by lots and lots of options.Ā
When a websiteās navigation bar is super cluttered,Ā the user ends up getting confused about how simple it should be to do business with you! And that really should be the goal of your website. Make your website easier to navigate and maneuver than your competition and you might start seeing those 2x and 3x returns we talked about earlier.
When they are confused there is a high chance they wonāt click on the right option (the one that makes you more money or gets them to your real message).
Iād encourage you to look critically at every item in your navigation bar and evaluate how important that link is to move your customer to action. If they can find that info easily somewhere else, get rid of it!
Margie Bastolla and Dominion Tech do a wonderful job with their nav bars.
I love the headers and subheaders for both of these websites! A good header and subheader should quickly communicate:
and
I donāt have to spend too much time figuring out that Margie Bastolla Facilitations helps my team of auditors write better audit reports. But even more than that, Margie Bastolla makes it so my audit reports actually make a difference.Ā
And Dominion Tech solves my IT problems. But even more than that, Dominion Tech makes it so my IT problems arenāt a distraction from me running my business.Ā
Your website header does the heavy lifting for the effectiveness of your website. You get this wrong, getting your potential clients to engage in the rest of your website could be difficult.Ā Ā
Many headers on websites shoot to be clever and end up sacrificing clear. Itās awesome to have both clever and clear, but if you have to pick one, go for clear!
Next, what these StoryBranded websites do great at...
What you will notice about a good StoryBrand website is a clear call to action button, such as: āSchedule a Callā for Margie Bastolla and āCall Usā for Dominion Tech.Ā
With both of these calls to action you know exactly whatās going to happen when you click on those buttons. A clear call to action needs to have a strong action verb. āScheduleā and āCallā are super clear to the customer the action that is expected of them.
Visually, the primary call to action button on your website should be a color in your brand color that clearly stands out. Make this button big and bright and obvious.
Many websites will use āView our workā or āLearn Moreā as the primary call to action along with the ever popular āGet Startedā and āContact.ā None of these are bad buttons to have on your website. They are just bad calls to action. By themselves they have an element of uncertainty. The customer doesnāt know whatās behind the click.
A good primary call to action should communicate clearly whatās happening. When you click āscheduleā you know you will be pulling out your calendar. When you click ācallā you know you will be calling. When you click ābuy nowā you know you will be making a purchase.Ā
But when I click āLearn Moreā Iām not totally sure what Iām going to learn. Or with āView our workā I have no idea what Iām about to see. āGet startedā can be super scary! What am I starting? And with āContactā I have no idea what will happen to that email I send. All of these have an element of uncertainty.
Good StoryBranded websites will have one clear call to action all over their website letting the customer know, āThere is one successful outcome while you are on this website. You will not be confused one bit what you should be doing to begin business with us!ā
Itās crazy how many websites Iāve looked at require me to click 3 or 4 pages deep before I find some sort of contact button halfway down the page. These companies often seem super great and Iām sure have some stellar people working for them. I just wish they wouldnāt make it so difficult to work with them!Ā Ā Ā Ā
Lastly both these websites display pictures of happy people. When building your website you want to pick images that display an aspirational identity for your potential clients.Ā
There is actual science behind why smiles sell. Far too often low performing websites show images of their building, their own people, or even their product. When they need to be thinking about how they can show images of their potential customers lives in a better state because they chose to do business with that company.Ā
As you can see, a lot happens āabove the fold.ā This is where 90% of the hard work happens when trying to create high converting websites.
A week after launching Margie Bastollaās website she came back with this report: āIāve just been invited to speak at a roundtable of chief audit executives! I referred them to my new StoryBranded website, developed by Big Big Story, and believe thatās what landed me the speaking job!āĀ
Margieās business has been growing ever since!Ā
ā
StoryBrand Website Example For Financial Advisors (Before & After)
ā3 Message that Must Go On Your Website
Two Things that Kill Your Website Conversion RateĀ
StoryBrand Website Example (FemXAdvisor)
ā
BigBigStory helps businesses grow with a clear marketing strategy combined with building a killer website. If you are looking to boost your marketing efforts contact us today.Ā
ā