The Perfect Ecommerce Website Layout Explained

For more private training and resources for web designers, join us at:
www.paitpro.com
🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
More videos to help your career:
🎥 Perfect Homepage Layout 🎥
🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
CHAPTERS
0:00 Intro to ecommerce web design
1:16 The best example of an ecommerce website
4:13 The most important parts of an ecommerce product page
8:22 A bad ecommerce site example
10:15 Ecommerce site design on mobile
🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳🔳
The Perfect Ecommerce Website Layout Explained

Пікірлер: 53

  • @dylandavino
    @dylandavino Жыл бұрын

    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.

  • @catalinim4227
    @catalinim422711 ай бұрын

    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

    7 ай бұрын

    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

    6 ай бұрын

    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

    2 ай бұрын

    @@rootenshiwhat’s a UX?

  • @rootenshi

    @rootenshi

    2 ай бұрын

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

    Ай бұрын

    @@joaomarcoscosta5095 User Experience

  • @cruchlorent
    @cruchlorent Жыл бұрын

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

  • @abdu_brh
    @abdu_brh Жыл бұрын

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

  • @boualamizakaria1223

    @boualamizakaria1223

    Жыл бұрын

    Yes we do!

  • @zanvengust1205
    @zanvengust12052 ай бұрын

    Thank you for sharing knowledge and not selling courses.

  • @scott8193
    @scott81932 ай бұрын

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

  • @joe6776
    @joe6776 Жыл бұрын

    Clark, you rock.

  • @hrgraphicsstudio
    @hrgraphicsstudio Жыл бұрын

    this is really helpful bro✔✔

  • @nicknorway
    @nicknorway2 ай бұрын

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

  • @jordanrazowskymusician8178
    @jordanrazowskymusician81786 ай бұрын

    Great info!

  • @TheLeighjones
    @TheLeighjones Жыл бұрын

    Great insights and I like your teach style.

  • @PaytonClarkSmith

    @PaytonClarkSmith

    Жыл бұрын

    Thank you 🙏🏼

  • @dragonflyjones5023
    @dragonflyjones5023 Жыл бұрын

    You're incredible! Thanks!

  • @PaytonClarkSmith

    @PaytonClarkSmith

    Жыл бұрын

    🙏🏼

  • @SpaceGhostSupreme
    @SpaceGhostSupreme Жыл бұрын

    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?

  • @Higgfarm
    @Higgfarm Жыл бұрын

    Do you recommend this layout for digital products?

  • @developer_george
    @developer_george Жыл бұрын

    Amazing video

  • @salih-khan
    @salih-khan7 ай бұрын

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

  • @nhsareng
    @nhsareng Жыл бұрын

    Superb, high quality video 👏

  • @PaytonClarkSmith

    @PaytonClarkSmith

    Жыл бұрын

    Thanks!

  • @wealthyman5420
    @wealthyman5420 Жыл бұрын

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

  • @dbs5212

    @dbs5212

    7 ай бұрын

    The height of your screen I Guess?

  • @user-zf7wp2fc2k
    @user-zf7wp2fc2k9 ай бұрын

    reely gud vydeo

  • @jaymarcelodagos9665
    @jaymarcelodagos96656 ай бұрын

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

  • @yaakovchaim
    @yaakovchaim3 ай бұрын

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

  • @fatjay9402
    @fatjay9402 Жыл бұрын

    Great Video!

  • @PaytonClarkSmith

    @PaytonClarkSmith

    Жыл бұрын

    Thanks!

  • @alexandrabeskrovnaya5327
    @alexandrabeskrovnaya53272 ай бұрын

    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.

  • @hustleyas__
    @hustleyas__2 ай бұрын

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

  • @joe6776
    @joe6776 Жыл бұрын

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

  • @PaytonClarkSmith

    @PaytonClarkSmith

    Жыл бұрын

    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

  • @Faks_Ar
    @Faks_Ar Жыл бұрын

    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 👍

  • @aireisorentertainment3143
    @aireisorentertainment3143 Жыл бұрын

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

  • @alanrobertson3734

    @alanrobertson3734

    7 ай бұрын

    Design for the minimum and scale up.

  • @Sam_North
    @Sam_North5 ай бұрын

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

  • @TheoEllis-my3ig
    @TheoEllis-my3igАй бұрын

    Worth more than gold

  • @user-es3gs4xj8v
    @user-es3gs4xj8v8 ай бұрын

    Can I get the figma link

  • @ApeHolder42069

    @ApeHolder42069

    2 ай бұрын

    Sorry, best I can do is Ligma!

  • @iUmerFarooq
    @iUmerFarooq Жыл бұрын

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

  • @PaytonClarkSmith

    @PaytonClarkSmith

    Жыл бұрын

    Love it

  • @chunghoangngoc8620
    @chunghoangngoc86209 ай бұрын

    Ok

  • @bodyclockcoach3367
    @bodyclockcoach33677 ай бұрын

    Your face section should be smaller for such a video