Amateur vs Pro Website Design (with examples)

Sdílet
Vložit
  • čas přidán 22. 07. 2024
  • 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 CZcams channel 👉 ‪@MattBruntonUK‬
    Flux Academy's Instagram 👉 / flux.academy
    Flux Academy's TikTok 👉 / fluxacademy

Komentáře • 23

  • @devinsfountain
    @devinsfountain Před 4 měsíci +12

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

    • @MattBruntonUK
      @MattBruntonUK Před 4 měsíci +5

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

    • @FluxAcademy
      @FluxAcademy  Před 4 měsíci +4

      +1

  • @keimaye
    @keimaye Před 4 měsíci

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

  • @Karaz76
    @Karaz76 Před 4 měsíci +3

    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
    @MaxJones123 Před 4 měsíci +2

    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
      @FluxAcademy  Před 4 měsíci +1

      Good point. Type fundamentals are timeless though.

  • @prithamsahoo4761
    @prithamsahoo4761 Před 4 měsíci +1

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

  • @cristeen
    @cristeen Před 3 měsíci

    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

  • @RazahLP
    @RazahLP Před 4 měsíci +2

    Love your explanations, thanks a lot!

  • @lgarnz4314
    @lgarnz4314 Před 4 měsíci

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

    • @FluxAcademy
      @FluxAcademy  Před 4 měsíci +1

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

  • @ihuomakings8298
    @ihuomakings8298 Před 2 měsíci

    The download links arent working

    • @FluxAcademy
      @FluxAcademy  Před 2 měsíci

      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.

  • @warriorclassmedia
    @warriorclassmedia Před 4 měsíci

    💯 percent

  • @badcatdesign
    @badcatdesign Před 4 měsíci

    Love it {

  • @epicsseven7686
    @epicsseven7686 Před 4 měsíci

    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
    @bjon3048 Před 4 měsíci +2

    Websites from hell

    • @FluxAcademy
      @FluxAcademy  Před 4 měsíci +2

      Coming soon to Netflix (maybe).

  • @suman121069
    @suman121069 Před 4 měsíci