The Perfect Ecommerce Website Layout Explained

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025

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

  • @dylandavino
    @dylandavino ปีที่แล้ว +15

    Ecommerce is a great space to be in. Great points you bring up, and definitely don't forget to add upsells and limited time sales to add that urgency throughout the site.

  • @salih-khan
    @salih-khan ปีที่แล้ว +1

    within 20 seconds of this video im hearing about the importance of getting it right but jokes on you im making it for myself

  • @abdu_brh
    @abdu_brh ปีที่แล้ว +7

    Thank you Payton, we need more videos like this for other types of websites !

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

    Wowwww your knowledge runs deep with this stuff. I look forward to paying you for a consultation

  • @cruchlorent
    @cruchlorent ปีที่แล้ว +6

    Love this! We'd love to have more of ecommerce design videos like this...Subscribed!

  • @catalinim4227
    @catalinim4227 ปีที่แล้ว +50

    amazon having the best layout is subjective. they have huge success because of the low prices, the huge range of products, delivery, refunds, etc.

    • @rootenshi
      @rootenshi ปีที่แล้ว +13

      Yes!
      If it wasn't for these services I would have never opened their website.
      By far the most confusing UX I've had with an e-commerce website. Let alone the super ugly cluttered ui.

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

      i wonder if the same applies to facebook but in terms of algorithms (or the fact that they were the first). when i signed up for the first time i was shocked by how awful and confusing the experience was, haven't touched that website since lol.

    • @joaomarcoscosta5095
      @joaomarcoscosta5095 11 หลายเดือนก่อน

      @@rootenshiwhat’s a UX?

    • @rootenshi
      @rootenshi 11 หลายเดือนก่อน

      @@joaomarcoscosta5095
      UX (user experience) in plain terms, how easy it is for the user to undrrstand, use and navigate the app.
      Of course there is more to it. But this is the caveat. The experience of the user whilst using your product. Whether it's alright as expected, or more positive such as joyful experience. Or even negative ones like frustrating.

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

      @@joaomarcoscosta5095 User Experience

  • @zanvengust1205
    @zanvengust1205 11 หลายเดือนก่อน +1

    Thank you for sharing knowledge and not selling courses.

  • @GavinGrayston
    @GavinGrayston 4 หลายเดือนก่อน

    Great to see the mobile layout. Too many of website design videos are still desktop only

  • @TheLeighjones
    @TheLeighjones ปีที่แล้ว +3

    Great insights and I like your teach style.

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

    Great info!

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

    Thanks for video.
    What can you suggest,
    How to get products rewie for a new site?

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

    Payton, could you please comment on the optimal amount of choices for personalized products? I sell custom quote wrap bracelets, so the clients get to choose: width, length, font, color of bracelet and clasp, and enter their text. Any idea how to minimize choice for a highly customized product?

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

    Superb, high quality video 👏

  • @MarekWGDvorak
    @MarekWGDvorak 5 หลายเดือนก่อน

    It might be potentially and most probably different with a vendor / designer /Manufacturer that sells their own brand + sub-brands versus Market Place like Amazon and Others...

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

    Do you have an example of a single product website? What would you change? Would it be an option to center the product image, or probably put the text to the left of the image?

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

    You're incredible! Thanks!

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

    If I'm to build this style of eCommerce site on WordPress, is there a plug-in you could recommend or some way to build my website in this style?

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

    this is really helpful bro✔✔

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

    Great Video!

  • @bree-jofficials
    @bree-jofficials 6 หลายเดือนก่อน

    Thanks short and accurate

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

    Clark, you rock.

  • @alexandrabeskrovnaya5327
    @alexandrabeskrovnaya5327 11 หลายเดือนก่อน

    Great video, with some helpful advice, but ultimately falls short. In today's mobile-dominated world, optimizing for 'add to cart' buttons or screen spacing isn't paramount. Focus on your unique selling proposition for real business success.

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

    what language can I compute the prize when they have discount prize?

  • @Faks_Ar
    @Faks_Ar ปีที่แล้ว +3

    Sorry but what's the size of that viewport you're using as example? looks really off, that height looks mobile but the width dont..
    Also, you can auto scroll the viewport on page load

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

      It wasn’t any official size. Just an example to illustrate!

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

      @@PaytonClarkSmith Oh! Okay, makes sense 👍

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

    Isn't the bad ecommerce example just mobile layout? So the viewport would be horizontal

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

    Btw, can you show us a video on how the extension you made was built?

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

      I am planning a video walking through the design process. The dev was done by my team and that would be a pretty complex video

  • @hustleyas__
    @hustleyas__ 11 หลายเดือนก่อน

    Hey, where can we found the template of this website ?

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

    Do you recommend this layout for digital products?

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

    Amazing video

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

    Hey Clerk,
    What's your recomended pixel height of "fold"?
    Thanks.

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

      The height of your screen I Guess?

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

    reely gud vydeo

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

    How do you define the viewport size? Everybody has different size monitors & resolutions

  • @JeffinRajan-e7y
    @JeffinRajan-e7y ปีที่แล้ว +1

    Can I get the figma link

    • @FuzzyButtCheese
      @FuzzyButtCheese 11 หลายเดือนก่อน

      Sorry, best I can do is Ligma!

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

    But personally on mobile version I will use dashes instead of circles!

  • @TheoEllis-my3ig
    @TheoEllis-my3ig 10 หลายเดือนก่อน

    Worth more than gold

  • @Lilian-yc9nl
    @Lilian-yc9nl 27 วันที่ผ่านมา

    can you do my website?

  • @yaakovchaim
    @yaakovchaim 11 หลายเดือนก่อน

    Do you think it's better to have 3D images or real product images?

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

    Ok

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

    Your face section should be smaller for such a video