SAVE THIS GUIDE TO COME BACK TO IT IN THE FUTURE

You can download this guide as a PDF using the form here, or you can keep reading to learn about:

  • Mistakes to look out for during each stage of the design process; planning, execution, and post-launch.
  • Benchmarks to consider while evaluating your website design.
  • How to avoid making the common design crimes that marketers are prone to committing.
31 Web Design Crimes

CHAPTERS

1

Crimes in Web Design Planning

Learn the six crimes that will undoubtedly land you in design jail.

Head to Chapter 1

1

Crimes in Web Design Execution

Learn the 14 offenses that are the most visible and apparent to visitors from the moment they land on your website.

Head to Chapter 1

1

Copywriting Crimes in Modern Website Design

Learn the three major crimes in copywriting for web design.

Head to Chapter 1

1

Landing Page Crimes

Learn the seven landing page crimes to avoid at all costs.

Head to Chapter 1

1

Post-Launch Web Design Crimes

Learn the four major post-live crimes that marketers are prone to commit.

Head to Chapter 1

1

Conclusion

Chapter 01

Crimes in Web Design Planning

Six crimes that will undoubtedly land you in design jail.

As the saying goes, “If you fail to plan, then you’re planning to fail.” True for just about everything in life, this adage is worth taking seriously if you want to design a great website.

Although planning may not be the most exciting part of the modern website design process, it is essential for creating a website that attracts visitors, converts them into leads, and supplies the information that helps your sales team close deals.

When planning a custom website design or redesign, these are the six crimes that will undoubtedly land you in design jail.

1Neglecting to Record Benchmarks

Before you rip apart your website for a redesign, record its current benchmarks. Assuming you have some form of tracking on your website (e.g., Google Analytics), you should record:

  • Average monthly visitors to website
  • Average monthly bounce rate
  • Average monthly time on site
  • Top-performing keywords by rank, traffic, and lead generation
  • Total number of inbound linking domains
  • Average monthly leads
  • Total number of sales per month
  • Current number of website pages indexed
  • Current number of pages that receive traffic

Also, make sure that you use the same tool to measure benchmarks before and after the redesign to ensure consistency. With these website analytics in hand, you can more accurately measure how your reimagined site is performing against the original.

2Designing Without a Goal in Mind

If you’re redesigning your site, there’s probably a good reason, right? Maybe you want to attract more of the right kind of visitors, generate more leads, announce a new product or service, or introduce new messaging. If you’re designing your website “ just because,” with no goals in mind, there’s no way to measure your success and failure may be imminent.

Set goals that are specific, measurable, attainable, relevant, and timely (a.k.a. SMART). SMART goals will get everyone
on the same page about why you need this redesign. For example, if your goal is to attract more site visitors, dig deeper and be as specific as possible by asking yourself the following:

  • Would you like to increase visits from a specific source?
  • Do you want to increase those source visits by a certain amount?
  • Is there a specific time period during which you want to increase visits?
  • What benchmarks will you set and recognize along the way?

If you need help with goal planning, we’ve got a worksheet for that. Download it here.

3 Failing to Identify Your Audience

You can’t design without knowing whom you’re talking to. It’s important to map out your buyer personas, which are representations of your target customers based on research and interviews with actual customers. Buyer personas go beyond basic demographics to include the intangible elements that make a person tick.

Persona development is paramount for web design success, no matter the size or scope of your business. Additionally, when you know why your site visitors do what they do and think what they think, you can start refining your inbound marketing efforts, streamlining the sales process, and even improving customer and product support.

Not sure where to start with buyer personas? Check out our guide to buyer personas—templates included—to learn how to create personas and make the most of your inbound campaigns.

triangle_top_orangetriangle_top_orange

Persona development is paramount for web design success, no matter the size or scope of your business.

4Refusing to Map Out Your Site Structure

Before a line of code is touched, an image is selected, or a sentence is written, you must plan how your website will function. You want your website to provide a user experience (UX) that is intuitive, reliable, fast, and engaging—and this is where those buyer personas will come in handy.

To map out a UX-driven website, ask yourself the following: What should visitors do after landing on your homepage? What information do your customers need to move through their buying journey? If you’re redesigning your site, consider looking at heatmaps to see how people are engaging with your current site and then make improvements based on your findings.

5Missing Out on Mobile

Although you can bang out some marketing projects inhouse, if your website isn’t pulling its own weight, it may be time to call in the experts. For your website to reach peak performance, it needs to be designed, engineered, and driven by your company’s buyer personas, buying journey, and sales process—and that planning process is what web design pros live for.

Determine whether or not you need to call on an expert for a custom website design by assessing the scope and timeline of your web project, as well as your team’s skill level and availability. If you’re out of your depth, it’s time to work with an expert. (Good news: Our web design team has a planning and strategy package ready and waiting for you! Let’s talk.)

With a professional design team in tow, you’ll breathe easier, be able to focus on mission-critical tasks, and avoid all of the website design crimes already mentioned, not to mention the 25 we haven’t yet discussed. Read on!

 

triangle_top_orangetriangle_top_orange

If you’re out of your depth, it’s time to work with an expert.

6 Ignoring Your Need for an Expert

Today, mobile devices account for 60 percent of all organic search engine visits in the United States. In fact, it’s predicted that by 2021, 53.9 percent of all online retail sales will be generated via mobile devices.

That’s a lot of traffic that you don’t want to miss out on— or lose entirely because you neglected to implement responsive design. The question is no longer whether or not to make your website mobile friendly; it’s how to do it.

If you’re redesigning, plug your current site into a simple mobile-friendly test and review your analytics to see how mobile users are interacting with your site. Then, minimize the disruptive marketing (e.g., pop-ups and forms) and provide your mobile visitors with a clean, user-friendly experience.

Chapter 02

Crimes in Web Design Execution

14 offenses that are the most visible and apparent to visitors from the moment they land on your website.

Even with the most well-intentioned planning, execution is the stage with the greatest potential for web design crimes to crop up. The 14 offenses that follow are the most visible and apparent to visitors from the moment they land on your website.

Whether or not you have a brick-and-mortar shop, your company’s homepage is the online equivalent of your business’s front door. What visitors see—or don’t see—when they view your homepage can define how they interact with the rest of your site. It could even drive them to click away forever.

7Using a Splash Page

When visitors reach your website, they should reach your website, not a splash page. In most cases, showing a page pop-up before a visitor even sees your homepage is unnecessary. It creates a frustrating experience for your personas (who have to find the exit link), when all they want is to solve a problem.

Instead, rely on your homepage to move visitors through their buying journey. For example, if you offer separate services or products for businesses and consumers, put a call to action (CTA) for each persona on the homepage to drive them further into the site and in the right direction.

 

Pro Tip

Pro Tip:

A splash page isn’t the same thing as landing page. A splash page shows up when you first enter a site, typically to share a promotion or display a disclaimer or warning, depending on your industry. A landing page, on the other hand, is a standalone page without navigation that’s built to fulfill a specific conversion goal.

8Failing to Clearly Define Your Value Proposition

When visitors land on your homepage, you have 3 to 5 seconds to capture their attention, according to HubSpot. If you fail to engage visitors, they’ll click away before they have a chance to blink, let alone figure out what you do and why you do it. Your homepage should clearly define what your business does, and your value proposition should be displayed clearly and prominently on the homepage so it can’t be missed.

 

Pro Tip

Pro Tip:

Check out Crime No. 18 for how to write a value proposition that will resonate with your buyer personas, because at the end of the day, your website is yours, but it’s not about you.

9Neglecting Navigability

The average site visitor has a list of expectations for how a website should work, and navigation is at the top of that list. Your site visitors want your website to be intuitive. They want to be able to easily learn about your solutions, find information about your company, access your blog and other resources, and contact you without making a dozen clicks through sub-menus.

If your site doesn’t have intuitive navigation—on desktop and mobile—and visitors can’t follow the yellow brick road, they’re likely to leave your site in favor of a company whose site is easier for them to use.

triangle_top_orangetriangle_top_orange

The average site visitor has a list of expectations for how a website should work, and navigation is at the top of that list.

10Overlooking a Logical User Path

Your website shouldn’t be a scavenger hunt. We repeat: Your website shouldn’t be a scavenger hunt! Don’t make users hunt around for what they need next—deliver it to them.

If you’re showing your value to visitors on your homepage, the logical next step is for them to learn more about your solution, so ask them to request a demo or schedule a consultation and give them a link to learn more about your products or services. If you’re discussing a newly launched product, use a CTA to guide visitors to download spec sheets, read a case study, purchase the product, or get a quote. Some next steps you might want to use include:

A link to a demo (whether live or pre-recorded) or consultation

  • “Buy now” links for e-commerce sites
  • A related, pre-recorded webinar
  • A related e-book, guide, or white paper
  • Relevant case studies

Use logic and what you know about your buyer personas to govern the user path. Sending them to a random section of your website instead of a logical next step is like not even having a path to begin with.

11Using Sliders in Excess

Once fashionable, the inclusion of sliders (a.k.a. carousels, rotators, galleries) on homepages has been largely abandoned because they’re not particularly good for search engine optimization or the user experience—but the problems don’t stop there.

Carousels also pose accessibility issues that can’t be adequately addressed by markup or hacks, according to Jared Smith of WebAIM, a web accessibility solution provider. Sliders can also cause slow load times, especially on mobile devices.

Yes, they’re big and flashy and command a lot of visual attention, but as of yet, they have not been proven to boost engagement or conversion rates. When in doubt, avoid sliders.

 

12Ignoring the Right Imagery

The photos, icons, and other imagery you choose for your site should be high quality and relevant to your brand message and personas. A candid photo of the design process for a fashion brand? Perfect. A stock photo of generic office workers around a conference table? Not so much. If there is nothing to gain from the image you plan to use, it’s probably not the right image.

Images are powerful. They can explain a process, humanize your brand, showcase products, and keep visitors on your website longer. Consider this: When people hear information, they’re likely to remember just 10 percent of it three days later. However, if a relevant image is paired with that same information, people remember 65 percent of the information over that same time period.

The point? Imagery has to be a priority as you design or redesign your website. With the right images on your homepage and throughout your site, you’ll be able to draw visitors in and keep them engaged with your content longer. www.smartbugmedia.com Inbound

 

13Failing to Use CTAs that Align with the Buyer’s Journey

The majority of people who visit your site for the first time aren’t ready to buy, which means that you shouldn’t have high expectations for converting visitors into leads and leads into customers if your only homepage CTA is “Buy Now!”

Instead, thoughtfully include CTAs like these for each stage of the Buyer’s Journey:

  • “Request a Demo” button in your main page header
  • Links to additional resources, such as e-books, your blog, and case studies further down the page
  • “Buy Now” button in the navigation menu

With carefully planned CTAs, you can provide a conversion opportunity for each visitor, whether they’re just starting their research, are comparing solutions, or are ready to make a purchase.

 

Pro Tip

Pro Tip:

Don’t forget to use CTAs on internal pages. Your best chance for conversions is to call users to act while they’re reading page content. You can be bold with buttons, subtle with links in the copy, use images or just text. Whatever you do, don’t forget that CTA.

14Using Visually Aggressive CTAs

It’s true: Your calls to action should stand out. However, if they’re totally flashy and clash with the rest of your website, they’ll cheapen the look of your site. Instead of randomly selecting colors that make your website look like a confusing, sign-filled intersection, be smart about coordinating colors. A site like Design Seeds (or the minds of a professional design team) can help you see how CTA colors can celebrate and complement your existing logo and branding.

 

15Including CTAs that Aren’t Relevant to the Page

You want to include a CTA on a page you’re working on. The page is about summer landscaping services, so a CTA for an e-book about choosing the right snow-plowing company wouldn’t be relevant (nor would it bring you a good conversion rate).

Also, even though using a global sidebar across your entire site seems easiest, it’s better to map your CTAs to the page content in order to guarantee relevance for your buyer personas.

 

16Using Media that Autoplays

Although it might seem like a good idea to have a video autoplay the moment someone lands on your site—now they have to listen/watch, right?—nobody, and we mean nobody, likes being surprised by video or audio content that starts without their consent.

When video or audio content surprises a site visitor, they become instantly distracted or confused, which interferes with what they’re on your site to do: find a solution to their problem and become a customer. In fact, if your unsuspecting potential customer is sitting in a busy coffee shop or office, that shock of sound may force them to quickly click away and vow to never return to your site.

Although most web browsers have cracked down on autoplay videos (legislation was even introduced in 2019 to kill autoplay), it’s important to give your site visitors a choice. After all, that big play button icon that shows up on top of an embedded video is a CTA that visitors who are interested in watching understand (it’s intuitive!).

 

17Dismissing the Art of Decluttering

Packed with huge blocks of text, images with poor resolution, and dozens of CTAs, homepages of bygone days were cluttered and unfocused, leaving visitors with no clear path to follow. Marketers now know that clutter-free sites let visitors quickly find what they’re looking for and understand how your business can help solve their problems.

Keeping the clutter at bay means next steps are clear, concise, and obvious, which helps turn visitors into customers and customers into brand evangelists.

Chapter 03

Copywriting Crimes in Modern Website Design

Three major crimes in copywriting for web design.

You can have every aspect of your website’s design buttoned up, but if your website copy misses the mark, you probably won’t see all of those site visitors convert into customers.Here are three major crimes in copywriting for web design:

18Writing in the First Person

First-person language—“I,” “we,” “us,” and “ours”—is great when you’re narrating a story, but it’s not the best choice for your website. Remember that your website isn’t about you—it’s about your customers and solving their problems.

For example, when crafting your value proposition and other site copy, avoid saying, “We solve your problems by doing x, y, and z,” because that makes it about you. Instead, say something like: “You need a solution that can x, y, and z, and we’re here to help.” Flipping the script will also make you stand out from the competition, who, let’s be honest, can be a little self-involved.

When crafting your website messaging and copy, don’t tell visitors about your solutions and all the features. Instead, show them how your solution solves their problems. Save detailing the bells and whistles of your product or service for the demo or free consultation.

 

triangle_top_orangetriangle_top_orange

Remember that your website isn’t about you—it’s about your customers and solving their problems.

 

19Crafting Copy that Isn’t Scannable

Is your font too small? Have you chosen a light gray background with white text (or the dreaded black background with white text)? Did you forget to write headers? Is that an internal page or a wall of text?

Take a step back and think about your site visitors. They’re a distracted bunch, with pings and notifications and real-life interruptions in the form of kids, dogs, and dinner in the oven. Over time we’ve grown increasingly distracted: Just 16 percent of people report reading online content word for word. The truth is, most of us are scanners who read slower, less accurately, and with less comprehension online than when we’re holding something in our hands.

You need to craft creative website copy that caters to an increasingly distracted audience who wants to just read headers, subheaders, and the first sentence or two of a paragraph—if you’re lucky. This means using legible fonts, crafting headers and subheaders that stand out, writing shorter paragraphs with simpler words, avoiding jargon, and more.

 

20Forgetting to Use Bullet Points

Remember those distracted readers? They love bulleted lists. In fact, people love them so much that not using them is its own design crime, separate from No. 19’s scannable content crime. Bulleted lists visually grab your site visitor and say, “Hey, this content is super important, so we put it in an easily digestible list for you!” Bullets give you a huge opportunity to highlight the most valuable information and give your buyer personas what they’re looking for, which will help move them through the Buyer’s Journey.

How to Write and Edit Like a Rockstar Cover Image

 

 

Need help writing great website copy that resonates with distracted readers and converts visitors into leads? Check out our webinar:

Watch Now

Chapter 04

Landing Page Crimes

Seven landing page crimes to avoid at all costs.

When you’re designing your website, you have to make landing pages a priority. Why? A landing page helps you convert visitors into leads, and the more landing pages you have, the more leads you can bring in. In fact, sites with 15 landing pages receive 55 percent more leads than those with only 10.

Your landing pages should be some of the hardest working pages on your site—so avoid committing these seven landing page crimes.

21Confusing Visitors with Multiple CTAs

The purpose of a landing page is simple: to convert a visitor into a lead. If you’re asking a landing page visitor to watch a video, read six testimonials, and then fill out the form, you’re in serious trouble. With so many CTAs, your potential customer will be lost on the purpose of the page and click away before they even get to the form.

Whether you’re offering an e-book download, a tour, or a free consultation, the most effective and intuitive landing pages need to do three things:

  1. Present the offer.
  2. Explain the offer’s value.
  3. Ask the visitor to fill out a form in order to get the offer.

Done and done.

 

22Failing to Explain What the Offer Is

People don’t like handing their email addresses out to just anyone. If you’re going to ask a site visitor to give their information to you, then they need full transparency about what they’re getting from your business. Your headlines and landing page copy should be clear about the value and benefit of the offer (e.g., “Want to triple your lead base? Request a demo.”).

Also, when possible, provide an image of the offer. E-book download? Show the cover. Sending over a webinar? Add a compelling screenshot. Consultation? Show visitors the report they’ll receive at the end of the meeting. The more transparent you can be about the offer, the better you’ll manage expectations and be able to start out your relationship with the customer on the right foot.

 

triangle_top_orangetriangle_top_orange

The more transparent you can be about the offer, the better you’ll manage expectation and be able to start out your relationship with the customer on the right foot.

 

23Neglecting to CustomizeForm Buttons

At the end of your web form lives a little button that users click to submit their information. This button can usually be changed to say just about anything, including:

  • Download Now
  • Access the Webinar
  • Request a Demo
  • Read the Case Study

Although “Submit” is perfectly fine, verbs are exciting and—when customized for form buttons—reinforce the goal of your page.

 

24Ignoring the Importance of Headlines

The copy on landing pages should be simple, but that doesn’t mean it should be scannable like other site pages. In fact, because landing pages are asking visitors to divulge personal information via a form, these pages should be some of the most clear and concise pages with value-driven headlines that are specific and compelling. As advertising revolutionary David Ogilvy said:

On the average, five times as many people read the headline as read the body copy. When you have written your headline, you have spent 80 cents out of your dollar.

Make it clear what the visitor is getting in exchange for their information and what value it will bring to them.

 

25Asking Too Many Questions

As a rule, forms on landing pages should ask as many questions as necessary to qualify a prospect. This varies by offer, business, and even industry, but forms with fewer fields are quicker and easier for visitors to complete—and conversion rates on pages with shorter forms tend to be higher.

If your gut is telling you that you’re asking too many questions, here are two options:

Progressive profiling: Using smart forms, marketers can queue additional questions to ask users who have already completed a form. For example, if a lead has already told you the name of their company, instead of asking for it again, you can ask for their job title.

Dependent fields: By implementing dependent fields, you can trigger new questions based on a site visitor’s response. For example, you ask a lead’s country of residence and only prompt a state question if they’re based in the U.S. This way, you’re only asking relevant questions.

 

26Including Cheesy Stock Photos

Stock photo sites seem to be filled with images of happy people in suits in atypical work situations. Cheesy stock photos can be the kiss of death—not only for your entire website, but for landing pages in particular. Instead of making your website look trustworthy and valuable, it can end up looking amateur, low-budget, and seem suspicious.

Website Illustration
If you’re using part of your design budget for stock photos, make sure you’re choosing the right kinds of images. Use lifestyle images where possible—visitors want to see actual people doing what you want them to do with your product or service. Or, buck the trend entirely, and use illustrations instead of photography in your website’s design.

 

Pro Tip

Pro Tip:

There are many sites with free, high-quality stock photos, including Unsplash and Pexels. If you want to be able to refine your search (such as for image orientation), consider premium stock photography from Getty Images, iStock, and Adobe Stock.

 

27Adding in Navigation

Crime No. 9 explained why it’s important to always have clear navigation in your website design, but landing pages are the exception to that rule and thus we have Crime No. 27. Landing pages with forms are focused on lead generation and should never have navigation because it gives your visitors the opportunity to click away from the offer. If visitors don’t complete your form, you don’t collect their contact information.

Be sure to have a landing page template that does not include your regular navigation bar so you can quickly create high performing landing pages for the offers you’ve spent so much time planning, writing, and designing.

Chapter 05

Post-Launch Web Design Crimes

Four major post-live crimes that marketers are prone to commit.

After your website goes live, the design process doesn’t just stop! In fact, there are four major crimes that marketers are prone to commit.

28Forgetting About Analytics

You took your benchmarks, planned, and made it through the design process to launch. Congratulations on your new website! But did you remember to add your web and marketing analytics tracking codes back in? If you forget to track your website’s performance after you launch or re-launch, you can’t compare the before and after to find out whether your efforts were even worth it (more about this in Crime No. 30).

 

29Failing to Tie Up the Loose Ends

After your site goes live, there are post-launch things that have to be taken care of and can’t be left behind. For example, if you’ve reorganized your page structure, you’ll need to add 301 redirects to let search engines know that a page has moved and ensure a seamless user experience. You also may encounter 404 or “page not found” errors that will need to be corrected. Remember that the work isn’t done once your new site is live—you still need to monitor the site and measure performance to tie up all loose ends.

 

Pro Tip

Pro Tip:

Not sure where to start with launch-day loose ends? Check out “9 Things to Double-Check on Launch Day of Your Newly Redesigned Website.

 

30Forgetting to Look at the Data

Your new site is live and you love it, but is it helping you reach your goals? Because you benchmarked your old site for posterity (check out Crime No. 1), make sure you use that data to evaluate your new site’s performance. Are your visitors spending more time on the site? Viewing more pages? Converting at a higher rate? As a marketer, you need to be driven by data. With data in hand, you can create smarter strategies to increase leads, grow revenue, and boost your brand authority.

 

31Washing Your Hands of Web Design

The biggest post-launch web design crime is thinking your website is finished. There is always something to be updated or optimized. You have to constantly revisit CTAs based on performance. Forms on landing pages need to be updated to supply the sales team with the right information. When products are discontinued or services added, it’s time to update your site. In fact, it’s worth A/B testing your CTAs and landing pages to ensure you’re delivering your site visitors the best, most relevant experience.

Your website is a living, breathing part of your business that will evolve and change over time—it’s never a static, finished product. And don’t you forget it! (We know we won’t.)

Chapter 06

Conclusion

Get Out of Jail with SmartBug Media®

Whether you’ve already committed these 31 design crimes or are jittery about landing in design jail, fear no more. With our Intelligent Inbound® Web Strategy package, our expert web design team will work with you to unlock your website’s full potential.

Over five weeks, we’ll work with you on goal alignment, complete an infrastructure analysis, create a moodboard, craft an SEO strategy, build a goal-oriented sitemap, and develop a website strategy that you can implement immediately.

Ready to get out of design jail?

Let’s Talk

31 Web Design Crimes
Download the 31 Website Design Crimes to Avoid at All Costs Guide
Simply fill out this form to receive a PDF version of our guide.

Download this guide to save as a PDF.

View All ChaptersInbound Marketing’s Most Wanted: 31 Website Design Crimes to Avoid at All CostsDownload this guide and our bonus persona template.

Chapters

close chapters modal