7 STORYBRAND Website Examples (from a former StoryBrand Guide)

Disclaimer: Ryan Toth is no longer a StoryBrand Certified Guide. We're still big fans, though. To learn more about StoryBrand, click here: storybrand.com/
StoryBrand is awesome... but surprisingly hard. As you StoryBrand your website, you're probably thinking, "What is this supposed to look like?"
In this video, I walk you through 7 incredible StoryBrand website examples to show you exactly what a great StoryBrand website looks like.
You'll learn:
- how to implement StoryBrand correctly
- what to include and where to put it
- what each section of your website should look like
Plus, examples of what it all looks like in action!
Outsell your competition with a website that works.
Build your own StoryBrand website: www.clearbrand...
Have us build your website for you: www.clearbrand...
-----------------------------
📝 Click here for a FREE Website Blueprint PDF: bit.ly/3lrWBeR
👉 Click here to learn how to create a website that sells with ClearBrand Academy: bit.ly/2WUkfX8
🛠️ Want us to build your website for you? Click here: bit.ly/2VrHM10

[@JakinHarp]

Storybrand Framework: (7 Steps) 1) Character 2) Has a problem 3) Meets a Guide 4) Guide gives Character a plan 5) Guide calls Character to action 6) Results in either Failure 7) Or Success

[@ExistBetter]

Good stuff, this is the best breakdown I've seen!

[@gamersenespanol]

I love you man, almost 2 years figuring out how to present digital transformation to business in Mexico, and i believe after appliying this tutorial, my startup will rocket launch!

[@ClearBrand]

Great to hear that! To your success!

[@Ender_FPV]

How's it going?

[@vijayjohar6623]

Amazingly communicated with crystal clear exapmles

[@ClearBrand]

Glad to help!

[@ahnottingham]

Well done!

[@colortechsp]

Nicely executed Ryan. Excellent examples of SB websites in your video, communicated crystal clear. Thank you Ryan. Your are appreciated!

[@ClearBrand]

Glad it was helpful!

[@aarongiles4517]

Fantastic video. Super clear and easy to follow. Thank you 🙏

[@CreativePhilosophy_]

LOVE this video dude. Been spending weeks implementing all this in my business and it's amazing. So good to see more website examples though!

[@ClearBrand]

That's awesome! Be sure to check out the blog too. You'll find way more topics we haven't covered in videos.

[@alchemistbear8558]

Aimon, what are the most noticeable changes you've seen since implementing?

[@CreativePhilosophy_]

@@alchemistbear8558 Clients understanding my messaging and taking action sooner. Also just how I communicate and understand my target market!

[@TheJdellinger]

Great breakdowns. People who clicked the thumbs down button...who hurt you?

[@dylanchipp6816]

Thanks, really useful and bought clarity to the book.

[@dollarjilt1]

Good video mate, I've read Donald Miller's Story Brand book twice. Just wish it was more geared toward selling products, which you briefly alluded to here. Cheers

[@elizeebz]

Great video- please post more videos!

[@ClearBrand]

Glad you like it! We'll keep it up :)

[@unfltrdpassion]

Just finished the book and spent the time at each step completing the SB7 framework and when I got to the Road Map I was definitely disappointed. The author gave great info but I felt never really showed how to use all the SB7 framework info I was grueling and racking my brain over. This video makes sense. Seems the author could have simply added 1 line to update your website section that we should include each of the SB7 elements as a section our websites. Or maybe I missed it. Anyway, this helped. What about businesses that offers services but sells products also? For example a Stylist offers services but who also has clothing to sell? Or a spa that a consumer can book appointments but the spa also sells lotions, shampoo etc? Should the above the fold section focus on the service or products?

[@ClearBrand]

Great question! First, I recommend you watch this video:kzbin.info/www/bejne/nWfEfpyod76jZrc Your homepage will either be your primary revenue stream, with your other revenue streams in the navigation bar or it will highlight your services/products. Whether they’re products or services doesn’t really matter - think about them each as revenue streams instead.

[@pillow4casestudies]

5 minutes in, liked and subscribed. Awesome stuff.

[@ClearBrand]

Awesome, thank you!

[@glimmereofhope9364]

Thank you for the examples!

[@Babett_B]

I'm just about to finish the book, seeing the principles in action was super helpful! Thanks, Ryan!

[@ClearBrand]

Glad it was helpful!

[@miteshc1]

Amazing, very helpful, thank you

[@sheritabagby4855]

Great vid, really helped to put a lot into perspective. Thank You!

[@powellfilmmaking]

Super valuable, thank you!

[@minousmith]

Thank you ClearBrand that was awesome!

[@andreawoodcoach]

Thank you really helpful video

[@jefferyjjensen]

Good job, thanks for sharing your knowledge. Will you please discuss what you want to see in the header (above the fold) and the footer of the homepage. Thanks.

[@ClearBrand]

Yes! The header (navigation bar) should include a clear call to action button (typically in the top right corner) and links to revenue streams. If it doesn't make you money, get it out of the header. Your footer should include all your links. This is where links to your about page, contact page, blog, etc. belong. Many people also put contact info in the footer.

[@dominik.szewior]

kohapet looks different now. Thanks for the video :)

[@adoptinformed]

This is so helpful! :)

[@leviwanyoike]

Does one need to be StoryBrand certified to apply and reference the framework when working with clients? For example can I mention in my marketing that I design and build StoryBrand structured websites?

[@hui975]

Great video! Question: When your product is a fashion brand do you still recommend we construct the website in this structure?

[@ClearBrand]

Yes, absolutely. But use more pictures and less text. You can also skip the Problem section, Guide section, and 3-Step Plan.

[@javieryranzo]

A lot of value here!!! thanks so much!

[@ClearBrand]

Glad you liked it! Good luck with your website!

[@xxxxxxxxxxxxxxxxxxxx-f2n]

This is slightly different to the approach shown by Donald Miller in his Webinar recently which was 1) Above the fold 2) The Stakes (problems) 3) The Plan (whereas here it is the guide for section 3) 4) Value Proposition 5) Explanatory Paragraph 6) Lead Generator 7) Junk Draw Which approach works better?

[@ClearBrand]

Hi Rob! Great question. The main difference is that we use the same language you find in your BrandScript for the sake of simplicity. We think it’s confusing to use two different terms for the same idea. For example “Stakes” and “Problem” are the same thing. If your BrandScript is the script for your marketing, why re-label each element when applying it to your marketing? We think that burns unnecessary calories (burning fewer calories is a primary StoryBrand concept). Second, we follow what StoryBrand does over what they say. If you look at BusinessMadeSimple.com, they follow the framework Ryan lays out in this video.

[@onezephyr4515]

@@ClearBrand are stakes and problems REALLY the SAME thing? Stakes to me are what will happen IF they don't take action (despair, regret, wasted time, wasted money, missing out on customers) whereas the problem could be confusion, a broken jaw, doubt in their plan, etc.). Can you please clarify your thoughts on the two: problem and stakes?

[@jerrellslay9214]

What about when you sell products like soap. How do you use story brand for that?

[@danielbarbour6294]

Hey Ryan, great video!! I loved seeing the examples of live websites implementing the framework. I noticed the Kohapet website has changed since you recorded the video, did you make the changes to boost conversions?

[@ClearBrand]

Hey Daniel! Kohapet has gone through a rebranding and they are experimenting with different content to boost conversions.

[@danielbarbour6294]

@@ClearBrand Cool, to be honest I liked the old version better! :-#

[@JustineDesignsHere]

same. I came here to ask about Kohapet too@@danielbarbour6294

[@joeyrucks7628]

Does storybrand only work for service-based businesses. I don't hear about a lot of ecom?

[@ClearBrand]

Hey Joey, check out this video: kzbin.info/www/bejne/nWfEfpyod76jZrc

[@joeyrucks7628]

Thanks

[@pollorball20000]

These steps seem that they are for the homepage. Would you have these same steps repeated for a service page for a piano lesson school? We have have kids, teens and adult pages for our lessons. Would you go through each section again on those pages?

[@ClearBrand]

Yep!

[@Repko01]

Thanks for the video! Question: Isn't FAQ supposed to be in the "junk drawer"? If you go there now integritymedicine.com, you will see full menu. Is system proven wrong, so they changed to "classic" website? The way websites were made before StoryBrand .

[@ClearBrand]

Great question! This is an experiment we're running with this client. They got a lot of phone calls with questions that were answered in their FAQs, so we're seeing if this reduces those calls and qualifies leads better. Notice how the FAQs still keep users on the sales page. We love testing and learning and can't wait to see what happens!

[@wessimpsonphoto]

What about SEO? I see examples of the problem in the titles but not really SEO related.

[@ClearBrand]

Hey Wes! Great question. Yes, you can work SEO terms into titles. The first section, your Solution section, and your call to action section are great places to do this. In general, Google is focusing on ideas more than keywords. So the best thing you can do is clarify your message and keep each page focused and easy to read. Sometimes this means it doesn't make sense to put the keyword in the main title. In those cases, we put the keyword in the sub-header. Like with Integrity Medicine, "Direct primary care in Newton, Kansas" is the keyword. Advanced tip: If you put the keyword in the sub-header, we recommend changing the code (without changing the design{ so that the sub-header is H1 and the header is H2. That tells Google that your keyword, like"Direct primary care in Newton, Kansas," is the most important thing on the page. This is an advanced tip because if you're using a website builder and you change it to H1 it will also change the design, which would defeat the purpose. Good luck!

[@carlraetzsch]

First step, character, you only addressed the problem (step 2) and success (7), but not he actual character.

[@TaufikNaaim]

Subscribe right away!

[@ClearBrand]

Glad you are here!

[@ClearBrand]

📝 [Free download] StoryBrand Website Blueprint PDF: shorturl.at/cdgm5 📝 [Free webinar] Convert Visitors into Sales: clearbrand.com/webinar 👉 Subscribe: shorturl.at/huzUZ 🛠️ Want us to build your StoryBrand website for you? Click here: clearbrand.com/

[@tq8310]

Thank you. Great examples.