Use THESE building blocks for the PERFECT website

Sdílet
Vložit
  • čas přidán 28. 06. 2024
  • 💌 Join my free newsletter:
    www.paytonclarksmith.com/news...
    Become a better web designer:
    www.paitpro.com
    This video teaches you the basic building blocks that you need to use in order to make a unique and professional website. In this video I share several website layout examples and also give ideas on how to add variety to your web designs. Enjoy!
    🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
    🎥18 HERO Layouts You Can Steal🎥
    • 18 Hero Section Design...
    🎥11 Sections Designs You Can Copy🎥
    • 11 Section layouts to ...
    🎥 Full Guide To Web Design 🎥
    • The ULTIMATE Guide To ...
    🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
    CHAPTERS
    0:00 The Basic Website Wireframe
    2:35 New Ideas for Your Website Sections
    5:46 Ideas To Add Variety To Your Website Sections
    9:01 Good Example Of a Website Design
    🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
    Use THESE building blocks for the PERFECT website

Komentáře • 39

  • @ZhredTerror
    @ZhredTerror Před rokem +16

    Hi Payton,
    Just wanted to say thank you for teaching interface design in a way that is easy to digest. I admire your rather analytical take to treating visuals seem more of a science rather than art, making learners hopeful that this is something anyone can get better at (with sufficient practice of course). Really do enjoy these videos & I hope to see your channel grow more in the future In Sha Allah

    • @PaytonClarkSmith
      @PaytonClarkSmith  Před rokem +2

      I appreciate this comment! Teaching some design topics is tough for me because I don’t have much formal design education. But you don’t need to know your design vocab to be able to know what looks good and what works! Thanks for watching

    • @2107ssr
      @2107ssr Před 10 měsíci

      Agree 100%. Almost no one is offering this kind of practical, detailed, actionable advice. Really appreciate the videos!

  • @expandingdongs
    @expandingdongs Před rokem +5

    As someone who is studying and trying to improve in web development, your videos have been a really big help to increase my variation and give me new ideas. Great video keep it up

  • @cwiggs1212
    @cwiggs1212 Před rokem

    Hey Payton! Your content is fantastic dude. Always a great new bit of value with each new video 👏👏

  • @s.hammad
    @s.hammad Před rokem

    Great video Payton. Very powerful insights and the strategic view that you provide with the building blocks are excellent sources of inspiration. Thanks again for this great one! Cheers mate

  • @UmairUlhaque
    @UmairUlhaque Před rokem

    Thanks Payton! You always bring value to your teachings while delivering the knowledge. There was a time during my past employment I used to design web pages with left to right and right to left content and image repetitions and my boss was not happy with that he told me that my designs are too boxy. I was helpless. With your teachings, I am gradually understanding the building blocks of a unique and original web design. Please make a separate video for getting rid of that boxy design look and how could we make them better. Thanks again!

  • @desireearthoceans1797
    @desireearthoceans1797 Před rokem +1

    This was so helpful - and inspiring. Thank you, Payton,

  • @llothar68
    @llothar68 Před 11 měsíci +1

    Do you have a video about section blending ? I mean design ideas how to design the move from one to the next section

  • @upstatenyrider8413
    @upstatenyrider8413 Před rokem

    Exceptionally well presented in such a short time - thanks sincerely. One thing I noted in your last section was the entire page still conforms to a really solid grid design with the vertical focal axis precisely in the center. Not only have you varied the heights of the sections, you brought fantastic depth by varying the width of the sections, eliminating the "fully justified" margins. You still have the overall grid layout on the page with great proportions. This capitalizes on white space in a very attractive manner. The background color variations are well thought out also. Using the horizontal axis of the page, you brought in brand color in the middle, bracketed with mellow contrast to the dark background, and sharp contrast to the light background. Each of the individual sections are well balanced despite the difference in object sizing within the section. You proclaim little "formal education" in design - this 12 minute video blows the socks off some of the formally educated designers!!!!

  • @markyoung695
    @markyoung695 Před 9 měsíci

    Payton has given me so much inspiration in building my company's website. Hes awesome

  • @kikensen1
    @kikensen1 Před rokem

    So much value, thank you!

  • @spideywatters
    @spideywatters Před rokem +1

    Thanks, this is great content always. It would be great if you could do a video tutorial about the transitions between sections on page. This is something I sometimes struggle with.

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

    Very good video. You’re a great communicator!

  • @B_Migs
    @B_Migs Před 11 měsíci

    Tons of great info here! Thanks Brother!

  • @gihanchamila_abey
    @gihanchamila_abey Před rokem

    So much value❤.Thank you very much❤❤

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

    Solid informative base
    Thank you ❤

  • @tusharsadaf515
    @tusharsadaf515 Před 11 měsíci

    thank you Smith this is a gem video . very worthwhile

  • @cultarabia6752
    @cultarabia6752 Před 10 měsíci

    Great video..learnet a lot....thank you 👏👌

  • @LearnCodeBuild
    @LearnCodeBuild Před rokem

    Maybe can also add so top and bottom shape dividers for few sections.

  • @jeffbarnhart6441
    @jeffbarnhart6441 Před rokem

    Good video. have a series where you break down each section in a separate video and build it out using something like gutenberg.

  • @Svetlana-hk3mm
    @Svetlana-hk3mm Před 7 měsíci

    Thanks a lot!

  • @EliezerPerlmutter
    @EliezerPerlmutter Před 5 měsíci

    Awesome tips! Pls always include transformation to mobile layout pls

  • @AxxionMarketPlace-iu6ri
    @AxxionMarketPlace-iu6ri Před 10 měsíci

    Thank you

  • @joeltiago7257
    @joeltiago7257 Před rokem

    thanks

  • @SingaporeMathsAcademyUK

    Damn! You're good at making great content. I almost feel guilty getting all this for free 😂

  • @maciejczapiewski2190
    @maciejczapiewski2190 Před rokem +3

    Great timing, jest needed this hahah

  • @emmathetechguy
    @emmathetechguy Před rokem

    GREAT VIDEO . PLEASE KINDLY LEAVE THE LINK TO LAYOUT DESIGN YOU USE IN THE VIDEO IN THE COMMENT SECTION OR THE DESCRIPTION SECTION FOR US. THANK U.

  • @sonpollo8995
    @sonpollo8995 Před 9 měsíci

    whats the best platform to create a website on?

  • @d.o.nmuzic3802
    @d.o.nmuzic3802 Před 3 měsíci

    🙏🏾

  • @LearnCodeBuild
    @LearnCodeBuild Před rokem

    ❤❤❤

  • @normaperez6871
    @normaperez6871 Před rokem

    Thanks Payton- really great tips and advice. You rock! I just wanted to payback your help with a quick tip (detail). On the quote that you put at the end of the video, you put "...life, that gives it all it's flavor." Please change it's (contraction for it is or it has) to its (possessive pronoun). I don't believe you wanted to write "...life, that gives it all IT IS flavor"- Thanks.

  • @PirateOfTheNorth
    @PirateOfTheNorth Před měsícem

    Watching this and getting ads for AI website builders 💀

  • @garrydye2394
    @garrydye2394 Před 8 měsíci +2

    The vast majority of websites are built by individuals attempting to build a business to sell a product or products. These almost always fail but this is where the bulk of new websites come from. Point is....86% of future viewers that come to this type of website want to see products on the first page and near the top. This is not the kind of website you want for products. You do not see Nike or Apple with a large testimonial or logo section for a reason. If your attempting to sell products....dont make a website like this.

    • @vapor4
      @vapor4 Před 7 měsíci +1

      Good point

    • @Digital.Done.Right.
      @Digital.Done.Right. Před 6 měsíci

      This is what I use (somewhat) for service based businesses. Works great.

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

      You’re talking about e-commerce websites. Of course Nike and Apple don’t follow these rules. They’re e-commerce websites. If the website is a service based business this type of website works perfect.