8 Rules of Good Web Design

If you can implement these 8 rules into your web design process, you will improve the quality of your work. In fact, if you want to see all of these in action, check out my landing page; I pretty much do all of these things on my own website.

It also doesn't matter if you're a web designer, web developer, marketer, brand owner, etc. If you are responsible for building websites, these 8 rules will help.

Let's go:

Use Less Words
Using less words means you get straight to the point. This makes it easier for people to understand you. Got it?

Larger Fonts
Likewise, larger text makes it easier for people to read what you've written. This means they can more easily find and act on the information you've presented.

Little/No Animation
Needless scroll-jacking animations get in the way of actually accessing the content you're trying to present. It's hard to follow the content of a website when things are fading and moving in as you scroll. Skip the needless animations and show the content instantly.

Lots of Neutral Colours
By using a simple colour palette, your aesthetic can get out of the way, and people can focus more on the content than the way it's presented. Also, this doesn't mean you can't have fun with your design, it also means you can keep bright fun colours for important call-to-actions/highlights.

Friendly/Inviting Images
Having good clear pictures (of you & your products & services) makes it easier for potential customers to feel good about reaching out to your or buying your product. It makes you and your business more approachable.

Good Clear Social Proof
Social proof basically just signals to your market that you do in fact know what you're doing and that others have trusted you in the past. For example, a testimonial is a kind of social proof.

Bright Colours For Key Elements
As outlined above, using neutral colours means that you can keep bright colourful colours for key elements like links, sign up buttons, and other call-to-actions and highlights.

Make Sure It's Mobile Responsive
Making your websites mobile responsive is an industry standard now, but responsiveness goes beyond simple making it fit on mobile. It's also worth considering the mobile context. People are often on the move, on a bus, walking, etc. Their brightness is usually dimmer when compared to a laptop. For this reason, it's important we make mobile websites responsive not only in terms of layout, but in terms of contrast and clarity. Mobile sites should be fully capable, but they should also be a little oversized and simpler to navigation, in my opinion.

If you found this helpful, be sure to subscribe on YouTube and follow me on Twitter.

Do you want to make money with web design? I teach people how to design awesome websites and find profitable clients. Learn more here.

If you found this article interesting, consider sharing it with someone who needs to read it. Also, if you want to learn more about web design and online business, you should check-out my video courses & 1-to-1 mentorship.

Tools Mentioned In This Post

No items found.

Make Money Online With Web Design

Supercharge your web design career with on-demand video courses & 1-to-1 support.

LoginLogoutContactPrivacy PolicyTerms & Conditions