4 StoryBrand Website Design Tips for Optimizing Your Website

Every business wants a website that will promise a high conversion rate, but many fall short. Do you know why? We believe it’s because they don’t follow our StoryBrand website design style.

A StoryBrand style website is critical because it offers your prospects an experience where they feel comfortable and know exactly what to do. What’s more, is they take the actions you want them to take because it all feels effortless.

With a StoryBrand website, you’ll finally attract the customers you want and repel the ones you don’t.

1. Key Elements in a StoryBrand Website

There are several critical elements in a StoryBrand website. There’s a reason for each one, and if you’re missing any, you’re also missing valuable conversions.

Header

The header to your website is critical. It should be crystal clear about what you offer within seconds of someone visiting your website. If it’s not clear, you need to revise your header so people know what service or product you’re providing.

Calls to Action

Calls to action are also known as CTAs. These are the buttons or links you see on a website that allows people to take action on your site. They’re the buttons that say “Buy Now” or “Learn More,” and each tells your prospect what to do. If you don’t explicitly tell visitors what action they should take, they won’t do what you want.

Clarify Throughout

There’s a reason so many people so passionately adore Marie Kondo. She’s clear and helps others learn what clarity means. It turns out that she’s often right because people don’t usually like clutter – physical or digital. Having digital clutter on your site makes it impossible for people to enjoy, so being clear about everything is vital to your site’s success.

Your Plan

Customers like to know what they’re getting into, so you need to be clear about what your plan is on your website. Laying out your plan, process, and services lets customers know what their experience will be like when they work with you.

Social Proof/Testimonials

Social proof is a buzzphrase in the copywriting and web design world. It’s nothing more than testimonials or case studies about what you did for someone else, quotes from happy customers, and other success stories. These testimonials let prospects know that other people have used your services or products and that they should, too.

2. A Clean Website Design

People don’t typically like a complex web design. If it’s too busy, they’re not going to stick around for long. With that in mind, you need to pay attention to the sidebar and layout. Consider saying goodbye to the sidebar and instead choosing a single-column design. This allows for a complete focus on what you’re offering.

When you’re thinking about your layout, you don’t want to go with a design that’s new and different or entirely unique. If it’s too different, people won’t want to spend too much time on your site. Instead, choose a familiar layout because people like knowing what to expect. 

Wireframe your site if you’re designing it yourself. That means you create the layout in black and white so you can clearly see the white space relative to the content you’ll be sharing with your customers.

3. Speedy Loading

You might think it’s a no-brainer, but a fast-loading website really is important to your success. Don’t do the carousels, videos, or too many graphics because all that does is add to the time it takes for your website to load. 

Ideally, you want your website to be as fast as realistically possible. Remember – since users care, so do the search engines. Having a slow website can further downplay your rankings, so having a quick-loading site must be a priority for every business.

4. Engage Across Your Site

Calls to action should be all over your site, but not in an overwhelming kind of way. You don’t want to put all of your calls to action as the first thing visitors see because most people aren’t ready to take action as soon as they land on your site. At the same time, your primary CTA should be bold and easy to recognize quickly.

Instead, place the CTAs strategically in various places on your site. A StoryBrand website design suggests CTAs should contain language that tells your customer precisely what will happen when they click on it. 

Transitional CTAs, which happen further down the page, should work together with the primary CTA but not be quite as bold. Appearance makes a difference because it can look less risky than your primary one and still achieve the same goal.

Building a StoryBrand Website

Your website is quite literally the face of your business as it’s what people see when they start searching for what you offer. The StoryBrand framework allows you to design a website that will help you achieve the goals you’re pursuing.

Of course, if you’d rather have someone do it for you, here at Lantern Marketing, we’re a StoryBrand Certified Agency, and we can build the site you want. Schedule a call to learn more about what we can do for you or answer any questions you might have.