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.
Complete Guide to Choosing Fonts 👉 bit.ly/3IIrnut
The Best Google Fonts for Every Mood 👉 bit.ly/3TmCn6I
Best practice examples featured in this video:
www.carvico.com/en/
www.viviennewestwood.com/en-g...
alistapart.com/article/opport...
www.risd.edu/
📱 Find us on SOCIAL MEDIA
Matt's KZbin channel 👉 @MattBruntonUK
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy

[@devinsfountain]

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

[@MattBruntonUK]

Bro, I appreciate the support on the long road to growing my hair and moustache back.

[@FluxAcademy]

+1

[@Karaz76]

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.

[@MaxJones123]

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.

[@FluxAcademy]

Good point. Type fundamentals are timeless though.

[@prithamsahoo4761]

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

[@MattBruntonUK]

[@RazahLP]

Love your explanations, thanks a lot!

[@FluxAcademy]

You're very welcome!

[@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 ☺️

[@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

[@lgarnz4314]

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

[@FluxAcademy]

Search "freelancing" or "clients" on our channel and check the relevant playlists via our channel homepage. LOADS of videos to help. ✌️

[@warriorclassmedia]

💯 percent

[@badcatdesign]

Love it {

[@ihuomakings8298]

The download links arent working

[@FluxAcademy]

Sorry you’re having trouble accessing this resource. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.

[@suman121069]

♥

[@epicsseven7686]

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.

[@bjon3048]

Websites from hell

[@FluxAcademy]

Coming soon to Netflix (maybe).