Small Web Design Changes Can Make a Big Difference

Quick Summary:

If you feel like your website is looking a little stale, you may not need to throw it all out and start over. Making a tweak here and there can help perk it up.

Think of web design as a fluid element. What was great web design years ago may not be up to today’s standards of web design. That goes for both the style and the functionality. Even websites built within the last few years sometimes need some updates to the web design now and then. 

If your website isn’t quite as fresh as it could be, there’s some good news. You may not need to scrap the entire site and start over. You may be able to update the web design to improve the look, feel, and even the functionality of your website.

Even better news, some of the smallest tweaks you can make to your existing web design can make a BIG difference. 

RELATED POST: B2B Web Design: How to Balance Beauty and Brains

Quick Tips To Know Before Updating Your Web Design

Below, we’ll be going over specific examples of small changes you can make to your web design. But before we dive right into the deep end, let’s take a moment to talk about some web design best practices. 

whiteboard with buyer persona data for web design
User-centered web design is the most effective web design technique.

Good Web Design Stems From Good Research

Before you address any web design project, it pays dividends to do a discovery phase. In the discovery phase, you will gather all kinds of vital information.

While the discovery phase builds web design projects based on the needs of company stakeholders, business goals, and other internal information, customer personas also play a major role in the process.

By taking the time beforehand to examine and get to know your customers fully, you will ensure you’re making the right changes to your web design to suit their needs.

Simple Web Design Wins

First impressions count a lot! Don’t overwhelm visitors to your site right off the bat with a busy interface that’s hard to navigate. Ask any web designer…Successful web design projects (big or small) require restraint and the ability to edit down. 

I know, I know…it can be tempting to try to pack as much on a page as possible, but the numbers show, it’s just not effective. A website’s design needs to be clean and straightforward. On the same note, the navigation of your website needs to be intuitive. 

Good Web Design Is Consistent, Not Monotonous

Using a consistent style across a website’s pages gives the user a predictable experience. That’s a good thing! It helps them understand where to look for information and, overall, makes it easier to navigate the site.

However, it’s important to balance consistency with an artistic touch. In web design, artistic pops could be photos, videos, call-out boxes, and so forth.  A good web designer will know how, where, and when to use these types of elements.

RELATED POST: Avoid These Common Web Design Mistakes

6 Small Web Design Tweaks That Make A Big Difference

Now that we’ve covered some best practices let’s talk about some small but mighty web design tweaks you can use to give your website a little pick me up. 

bake n joy website homepage
Your web design needs to feature modern, easy-to-read fonts that look good on mobile and desktop.

1. Update Your Fonts

For starters, take a look at the fonts you are using on your website. Then, answer the following questions:

How many different fonts are there? 

You would be surprised by how much a difference it makes to minimize the number of fonts your website uses. 

In clean, impactful web design, two fonts sitewide works best.

One for the body text and a second font for headers that compliments the body text font.

These two fonts should be on every page of your website that has text. Avoid using two fonts on the homepage, a different set of fonts on the about us page, and so forth. Two fonts for the entire site. That’s really all you need to create a more seamless web design for your company site.

Yes, there are thousands of thousands of awesome fonts to choose from, but your job is to find two that look really great together. When selecting your fonts, think about how they work together. Here are some things to consider:

  • Try pairing a serif with a sans serif font for a nice, balanced contrast
  • Use a bold font for the header text and lighter font for body copy
Covectra Inc. Gets a New Website Design
Keep your fonts consistent across the site’s entire web design.

Are the fonts modern and easy to read?

This one should go without saying, but it’s essential, so let’s go ahead and talk about it anyways. Stated, you must use readable fonts. If you’ve ever come across a website with a fancy script text that’s difficult to read, you know from a user’s experience why this one is a big one.

RELATED POST: Custom Website Design vs. Templates: Let’s settle this

If visitors to your site have to work to make out what the words on the page actually say, it’s pretty safe to say they won’t stick around very long.

What size are the fonts (including headers and body text)?

Now, on top of the style of your fonts being readable, your web design should feature fonts that are also large enough to read—on all kinds of devices. In earlier years, a 12px font was considered standard sizing in web design. Well, times are changing!

Use a 14px for body text. You can even use a 16px or 18px font for short, punchy paragraphs like callout boxes. For headers, use a 24px to 32px font. Whatever font size you ultimately land on, remember to keep the sizes consistent throughout the website.

2. Update the Visuals In Your Web Design

How old are the images and graphics on your website? Are they aging your site? It could be time to replace them with graphics that are more modern in design. When selecting what kinds of images to use on your site, here are a few pointers:

Cryoservices Website
Use visuals that relate to your company and your customer’s needs.

Consider the user’s interests. When selecting images for your website, don’t just choose images that appeal to you. Use images that appeal to your user base’s interests and relate to your company. 

Use authentic photos. Rather than filling your site up with staged stock photos, use photos that give an authentic feel. Hire a photographer to come into your workspace and take shots of real employees and staff members to populate the About Us page on your site. 

Pay attention to file size. While you want the images and graphics on your site to be clear and sharp, don’t add too large images, or your page load speed will suffer. And when page load speed times go down, so do the number of visitors to your site. 

Also, don’t go overboard with images. Make sure the images and graphics you do use on your site are intentionally placed. In fact, that leads us to our next point—embracing whitespace.

3. Use Whitespace Wisely

There’s this quote from Janis Krums of OPPORTUNITY that sums this up perfectly. 

“Chances are, you’ve cluttered areas of your website as new ideas and content have emerged over the years. Take some time to review what is critical to your business and what is not. Remove what isn’t, and find new, cleaner ways to present the refined content.”

Krums recommends identifying the most important sections of your website. Then figure out a way to create additional white space around those. This will ensure your web design is working to lead the user’s eye where it needs to go– looking at the important stuff.

4. Simplify Your Web Design

Minimalist Web Design
Minimal web design is a trend that continues to grow.

Have you ever heard of the phenomenon known as the “mere exposure effect”? The American Psychological Association (APA) defines it as: “the finding that individuals show an increased preference (or liking) for a stimulus as a consequence of repeated exposure to that stimulus.”

In other words, the more familiar a person is with something, the more they will like it.

What’s that have to do with web design? 

A lot, actually.

It turns out; there’s no need to reinvent the wheel or spend tons of resources coming up with creative, over-the-top ideas when it comes to web design.

According to the mere exposure effect theory, your web design is better than others in your market. You can make it your own by making it even more simple than the others. 

And, the push to move web design standards to become the industry baseline only strengthens the argument. 

RELATED POST: Crafting the Perfect UI Design for Your Website

5. Standardize The Buttons Throughout Your Entire Web Design

Speaking of web design standards, the buttons on your website should be standardized sitewide. Again, this is for consistency, which users respond positively to. But in addition to that, it also aids in usability and functionality. 

long ridge school project homepage
Keep the buttons on your site consistent in color to improve navigation.

Use the same color button for all the buttons on your site. Especially actionable buttons like “Add To Cart,” “Signup,” “Checkout,” and so forth. Keeping these the same throughout the site makes it easier for users to identify where they need to click.

If you want to experiment with different colors, one way to incorporate a bi-color button palette into your web design is by having the buttons change color when a user hovers over them. 

6. Freshen Up The Copy

Now, you might be wondering what copywriting has to do with web design. But the reality is, website copy is just as important as the imagery. The entire point of website copy is to motivate users to act as some kind. Perhaps that will be to read additional blog articles, complete a purchase, or some other action.

Well, good web design has the same goal. Web design and copywriting go hand in hand.

Much like choosing imagery, you can follow a solid set of best practices when writing copy for your site.

First, make sure you use short sentences and short paragraphs. The last thing users want to encounter on a website is long walls of text. It comes off as daunting and unwelcoming. That’s why it pays to condense your message down into digestible bits of information. 

The MicroGroup Gets New Website Design
Language needs to be clear, concise, and understandable.

Pay attention to the tone of your copy. Ideally, it will complement the style of your website. 

On top of that, remove jargon and confusing language. Assume you’re writing for a 6th-grade reading level. 

Essentially, the copywriting on your website needs to satisfy the following statements:

  • The copy on your website reflects that your company understands your customer’s needs.
  • Clearly explains how your company’s products and/or services will benefit your customers.
  • Creates a path forward to guide the user to the next step in their buyer journey.

If you can check off those three qualifications, your copywriting is off to a good start. You may also consider working with a professional copywriter. In some instances, your web design agency may even offer copywriting services.

RELATED POST: 3 Media Web Garners TWO 2019 W3 Silver Awards

Give Your Web Design A Facelift

Don’t judge a book by the cover. We’ve all heard that advice before. But, when it comes to web design, the advice is rarely heeded. It takes a visitor to your site all of 50 milliseconds to form an opinion of your site. 

You read that correctly. In just 0.05 seconds, a visitor to your site has already decided whether or not they’re going to stay or click away. 

If you feel like your website is looking a little stale, you may not need to throw it all out and start over. Making a tweak here and there can help perk it up. Our web design experts are here to help you implement changes to your website quickly and efficiently. Get in touch with us today!

Continue Reading

Questions to consider before you redesign your website