Storybrand Website Examples – Online Course Websites

This time, we’ll look at a website that sells online courses. It is built using the StoryBrand Framework. I will point out some of the elements that make this site successful.

 

BTW, if you like these examples, you can also download 20 more StoryBranded website examples to help you get unstuck.

 

So you have finally completed your BrandScript, your compelling, clear, one page Brand Story.

 

Now What?

 

You need to transpose that message to your website (and other marketing channels).

 

This is where many people get stuck. Don’t fret; you are not alone! Let’s look at a great example and some of the elements that make this a
great website.

 

Built on StoryBrand, Website Example:  https://www.wpacademy.online/

There’s a lot to love on this website, even before you start to scroll. It passes the Grunt Test with flying colours (if you want to know more about the Grunt Test and whether your website passes the test, read this blog).

 

There is no ambiguity; they haven’t tried to be overly creative – clarity trumps cleverness every time!

 

Instantly, the website visitor knows that this brand offers online courses for people that want to learn WordPress. It is important to state what you do, CLEARLY!

 

Which example best describes your website header?

 

Jim’s Bespoke technology engineering and calibration services

 

OR

 

Jim’s PC repairs – You break it, we fix it… FAST!

 

My Tip: Clarity = Conversions, be clear, not clever. If the website visitor knows what you do and how you can help them, they are far more likely to read the rest of your website, which will ultimately result in a sale!

 

Beneath the main headline, the subheader captures two benefits and a very compelling statement of success: Build the website of your dreams. It is essential to include a statement above the fold that shows how you can make their life better – a vision of success. WPacademy has nailed it here:

 

Easy Bite-Sized Videos • Learn at Your Own Pace • Build the Website of Your Dreams

 

The Call to action is clear, unambiguous and stands out 
(the orange buttons). It is repeated twice above the fold.

 

Imagery: notice that the image paints a picture of success and confidence. It doesn’t distract from the headline or Direct CTA.

 

Authority: Notice the simple line of logos across the page, recognised brands. This demonstrates authority and credibility without having to play the hero. Perhaps they have been a little cheeky here, I am assuming that these brands are taught as part of the course, but to the layperson, it may look as though these brands endorse the program in some way – either way, it works well!

 

Let’s look at the following section:

Immediately below the fold, once the visitor starts to scroll, we are presented with a testimonial which is a statement of social proof. Your website visitor wants to know (even if it’s just subconsciously), can you deliver on your promise? A testimony is an excellent way to demonstrate social proof
and build trust.

 

Underneath that, there are three benefits that point to success. Great copy, simple language. Notice the icons draw your eye across the page. The layout is logical.

 

The Direct CTA “Get Lifetime Access” is repeated again.
Don’t be afraid of repetition; people scan websites, they don’t read them. If you don’t repeat your CTA, you are likely losing sales!

 

There are plenty of other StoryBrand and non-StoryBrand elements on the site that also work well, check out the rest of the site for yourself here: https://www.wpacademy.online/.

 

Here’s another excellent example of an online course website that is built on the
StoryBrand Framework:

 

https://takingcarababies.com/ It’s well designed with very little copy. It demonstrates empathy and authority very well. It’s definitely worth checking out.

 

Feeling stuck? not sure how to improve your website results?

 

[elementor-template id=”35462″]

 

GET A FREE WEBSITE REVIEW.

 

You are welcome to email me personally. Send me your website address, and I will give you some complimentary feedback (no strings attached). You can reach me here.