6 Mobile Section Layouts and Examples You Must See

Поділитися
Вставка
  • Опубліковано 30 тра 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.

  • @adevikthur
    @adevikthur Рік тому

    Thanks for the consistent, helpful content.

  • @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.

  • @stussmith614
    @stussmith614 3 місяці тому

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

  • @matthewferguson5464
    @matthewferguson5464 9 місяців тому

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

  • @helenazrinski3679
    @helenazrinski3679 9 місяців тому

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

  • @alvarocarrilho
    @alvarocarrilho Рік тому

    Thks Payton, Cheers from Lisbon - Portugal

  • @daviddelvin8783
    @daviddelvin8783 Рік тому +1

    Great examples Payton! love this kind of video format

  • @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.

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

  • @RobertWildling
    @RobertWildling 8 місяців тому

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

  • @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.

  • @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 UA-cam channel is really very informative and effective.

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

  • @namithag4457
    @namithag4457 Рік тому +1

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

  • @noahbraun7901
    @noahbraun7901 10 місяців тому

    you are amazing

  • @maciejwika4405
    @maciejwika4405 9 місяців тому

    helpful thx

  • @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?

  • @shanemur
    @shanemur Рік тому

    Impossible to manage designs with all devices viewports

  • @lifesfluff
    @lifesfluff 6 місяців тому

    a plug in of a plug in

  • @LearnCodeBuild
    @LearnCodeBuild Рік тому +1

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

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

  • @nygma1436
    @nygma1436 2 місяці тому +1

    4:30 Thats what she didnt say