Amateur vs Pro Website Design (with examples)

What separates high and low-quality website design? Often, it’s the way they use type. In this video, Matt Brunton introduces the fundamentals of typography for the web by showing us some common mistakes, followed by best practice examples on both desktop and mobile screens.

Best practice examples featured in this video:

📱 Find us on SOCIAL MEDIA
Matt's YouTube channel 👉 @MattBruntonUK

[devinsfountain]

Matt, I'm only here in the comments to tell you that the moustache IS in fact working for you. Looks great mate.

[keimaye]

Great vid! The typesetting example, although formatted well, I massively struggle to process huge walls of text owing to cognitive difficulties.

With longer articles like that, I personally find it heaps easier to take it all in with a couple of relevant images, bullet points and even bigger subheadings to break it up a little bit and give me a wee bit more of a hierarchical structure to follow.
Also makes it easier to snap to the specific info I might be after.

Enjoyed this run-through ☺️

[MaxJones]

Great video thank you! So good to see type based videos :)

I think there is also that sweet spot to hit, that your local or small business does not look like a tech startup.

I have seen that go wrong many times. A designer following cool trends that simply do not fit the brand and industry.

[Karaz]

Really great and informative video. Thanks for all the work.

If it's not too much work, I would've love to see you edit these websites to understand how you would have approached them.
At least a few changes with the browser's inspector.

[studiosao]

Matt teaching Typography - That's all we need for a a day💯🙌

[cristeen]

Something that would be really helpful is for you to estimate how much you think has been spent on creating each of these websites.
I know it’s amateur vs pro, but some of the contrasts are very disparate.
Like the wedding dress comparison. The amateur was probably done by herself as a one person business struggling to get by. While the pro is a multimillion dollar name brand designer business.
I understand the design principles don’t care about money spend, but it does provide context and gives people an insight on value for professional design.
Thanks

[RazahRzh]

Love your explanations, thanks a lot!

[lgarnz]

Do you have any advice/videos on the buisness side of Web design. And how to start, outreach what platforms and plans etx

[epicsseven]

Your assessments are similar to my own. The multiple 'Patioworld' on the header, is redundant. One logo to the far left, is all that is needed. And the navigation can be started from the middle, going towards the right, where there's room for the search box. The hierarchy picture with the inconsistent font. I'd take a a semi translucent overlay, over the pictures, and have my logo on it. But just enough to bring balance, where the logo doesn't dominate the patio pictures and vice versa. Facebook, Instagram etc, can go of the footer.