Storybrand Website Examples - Online Course Websites

This time, we’ll take a 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/

 
 
StoryBrand Website Example for Online Courses.JPG
 
 

There’s a lot to love on this website, even before you start to scroll. It passes the Grunt Test with flying colors (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 sub header captures two benefits and a very compelling statement of success: Build the website of your dreams. It is important 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. In fact, 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, recognized 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 lay person, it may look as though these brands endorse the program in some way…. either way, it works well!

Let’s look at the next section:

 
StoryBrand Website Example for Online Courses 1.JPG
 

Immediately below the fold, once the visitor starts to scroll, we are presented with a testimonial…. a statement of social proof. Your website visitor wants to know (even if its just subconsciously), can you deliver on your promise? A testimony is a good 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 work really well, check out the rest of the site for yourself, here: https://www.wpacademy.online/


Here’s another great 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?

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.


All the Best,

Jamie Buttigieg

Certified StoryBrand Guide and website conversion specialist




Want to see more StoryBrand Website Examples?

 
 

Jamie Buttigieg