6 Mobile Section Layouts and Examples You Must See

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 มิ.ย. 2024
  • Learn the business of web design in my private training community:
    www.paitpro.com
    🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
    🎥 HERO Layouts
    🎥 General Section Layouts
    🎥 Mobile HERO Layouts
    🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
    CHAPTERS
    0:00 Intro to mobile section designs
    0:23 1
    2:44 2
    4:33 3 and 4
    7:38 5 and 6
    10:25 7
    🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
    6 Mobile Section Layouts and Examples You Must See

ความคิดเห็น • 39

  • @4Mulator
    @4Mulator ปีที่แล้ว +20

    Payton, you have been on a serious roll with incredibly helpful content. I can't thank you enough!

  • @reverieWithRupam
    @reverieWithRupam 4 หลายเดือนก่อน +2

    You have made so many helpful videos that i can't imagine my journey without your help. Seriously thank you, man.

  • @stussmith614
    @stussmith614 3 หลายเดือนก่อน

    I’ve been thinking about this challenge all day. Thanks for the tips. I now have a solution!

  • @UmairUlhaque
    @UmairUlhaque ปีที่แล้ว

    Thanks, Payton for your insights into the subject matter. I was not considering these factors during my responsive design process. It will really help me to come up with more fresh ideas.

  • @matthewferguson5464
    @matthewferguson5464 9 หลายเดือนก่อน

    Your content is amazing man, especially these layout videos. So helpful that you show the examples. Best-in-class.

  • @massi368
    @massi368 ปีที่แล้ว

    broo so much value in one video, every time i click on a video of yours i know that i'm gonna be learning something. you've accomplished your mission as a teacher, thank you for your work and please continue.

  • @helenazrinski3679
    @helenazrinski3679 9 หลายเดือนก่อน

    Awesome and helpful content! I'm looking forward to exploring more videos!

  • @adevikthur
    @adevikthur ปีที่แล้ว

    Thanks for the consistent, helpful content.

  • @OscarObians
    @OscarObians ปีที่แล้ว +2

    These layout design examples are pure gold! I'm like a kid in a candy store. Please do another video on layout examples for inner page template designs. I noticed most sites often throw up a 40vh banner with title text overlay and call it a day. Same with blog post layouts

  • @alvarocarrilho
    @alvarocarrilho ปีที่แล้ว

    Thks Payton, Cheers from Lisbon - Portugal

  • @HellaTekLLC
    @HellaTekLLC 2 หลายเดือนก่อน

    Excellent videos. Thank you

  • @13LesTadO13
    @13LesTadO13 ปีที่แล้ว

    Thanks. I'm glad you agreed about the mobile idea. You gave me a few good ideas here.
    After watching your videos for a while, I'm starting to realize that maybe I want to switch to Webflow for simpler sites because of how easy it is to make something look great. In WordPress it's always such a pain in the ass to get my sites to look right. If I didn't know CSS, PHP and JavaScript, I would have no chance with WordPress. I've played around with Webflow, but it seems a bit limited in what you can do with it (as far as using databases and such). I'm done rambling, lol. Good video.

  • @RobertWildling
    @RobertWildling 8 หลายเดือนก่อน

    Great to see that on mobile topics! Thank you! Buuuuut - videos that play automatically are an absolute no-go!

  • @henrythomas7112
    @henrythomas7112 ปีที่แล้ว

    Found your post interesting to watch. I can't wait to see your new videos soon. Good Luck with the upcoming update. This TH-cam channel is really very informative and effective.

  • @daviddelvin8783
    @daviddelvin8783 ปีที่แล้ว +1

    Great examples Payton! love this kind of video format

  • @corvuscorax8941
    @corvuscorax8941 ปีที่แล้ว

    Perfect !

  • @janosvizi5074
    @janosvizi5074 ปีที่แล้ว

    I love the video mate very helpful. One question...
    In the last example with the megaphone picture, what if youwould make the background hero section larger and keep main image up left and have the title and small text go over it not under? Would that be viable?

  • @RichardSantillanes
    @RichardSantillanes ปีที่แล้ว +1

    Thanks man, this is great

  • @noahbraun7901
    @noahbraun7901 10 หลายเดือนก่อน

    you are amazing

  • @maciejwika4405
    @maciejwika4405 9 หลายเดือนก่อน

    helpful thx

  • @namithag4457
    @namithag4457 ปีที่แล้ว +1

    You are awesome..🎉🎉ur content is more practical useful tips than just talks.

  • @remmytonui2573
    @remmytonui2573 3 หลายเดือนก่อน

    I would like to know how to design a mobile feature with the use of figma.

  • @chefbrian26
    @chefbrian26 ปีที่แล้ว

    Is it a bad idea to do a completely different design on mobile than the desktop version? I would use the same colors but spice up the mobile version a lot more

  • @jaimevtv
    @jaimevtv ปีที่แล้ว

    Hi Payton, I really love your content, I would like to check on my mobile too, whats the link of the first example? butter?

  • @LearnCodeBuild
    @LearnCodeBuild ปีที่แล้ว +1

    Great tutorial. Maybe it’s time to consider some tutorials based WordPress in the future.

  • @shanemur
    @shanemur ปีที่แล้ว

    Impossible to manage designs with all devices viewports

  • @VisualsBySaleh
    @VisualsBySaleh ปีที่แล้ว +1

    Sir is it necessary to learn webflow and code same time i'm very confused right now i'm a visual designer and wanted to learn webflow i hate coding , when so difficult design how can i build inside of webflow without code you know codes?

    • @PaytonClarkSmith
      @PaytonClarkSmith  ปีที่แล้ว

      You don’t have to know code to use Webflow. It will help but not necessary!

    • @VisualsBySaleh
      @VisualsBySaleh ปีที่แล้ว

      @@PaytonClarkSmith Thank you

  • @lifesfluff
    @lifesfluff 6 หลายเดือนก่อน

    a plug in of a plug in

  • @nygma1436
    @nygma1436 2 หลายเดือนก่อน +1

    4:30 Thats what she didnt say