The Best Homepage Layout In Web Design (Supported by UX)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 มิ.ย. 2024
  • The best homepage layout that optimizes both user experience and conversion.
    Support me on Patreon so I can post more videos: / thewebsitearchitect

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

  • @marzoval9551
    @marzoval9551 ปีที่แล้ว +166

    I wholly believe in optimizing website designs and layouts for the best user experience, but I also believe that designers should try new things without fear of their ideas being called "mistakes" or "stupid". Today's optimal designs for maximum click-through rates may very well be different in a decade, but we won't know if the design community as a whole condescendingly shames others for experimenting outside the norm. We didn't get to where we are today without making "stupid mistakes" along the way.

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

      I agree with this for making a portfolio page. However, I believe that the majority of people in a site like what he is saying, want some familiarity. I hate the Veteran Assistant pages they cumbersome and different menus everywhere. I seen sites like that too, give me some familiarity

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

      You can see the whole this channel are about to roast awwwards winner because of it's all "mistakes" and "stupid".

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

      I think you are right. Also, today we have this pattern. The video is from 2 years ago and I feel it is this way things moves. When a designers try new things, as you said, and that thing became popular we shift to that direction and a new pattern is more dominant. I super enjoy fancy layouts and out of box stuff, but when I am looking for services, damn, I just need that KISS. Keep it simple

    • @diggee172
      @diggee172 10 หลายเดือนก่อน +1

      Interesting point. It is important to know your audience. I’m over 50and I feel that a lot of designers don’t take poor vision into account. I use my iPhone but not for browsing or making purchases. Pho e screens are just too small for me. I use my iPad or laptop

    • @shuccle6161
      @shuccle6161 8 หลายเดือนก่อน +1

      familiarity is ideal for most things in the niches he mentioned. this layout is intended for certain markets.

  • @guacamolen
    @guacamolen ปีที่แล้ว +61

    As a UX designer, I agree completely.
    (Granted, always some wiggle room depending on actual user needs instead of best practices, but this is basically spot on.)

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

    I found your other video when I googled "sliders suck" and you provided a great brief explanation. I came up with a similar formula for home page layouts that's been working incredibly for speed and conversion... but alas clients want the slider revolution because their competition had a "wow gimmicky slider that made the page take 15 seconds to load." Keep it up, your videos are nailing it.

  • @careercoachmandy
    @careercoachmandy ปีที่แล้ว +9

    I love the simplicity of this and I'm totally using this for my website. Thank you.

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

    „your website is not a movie trailer, so stop trying to make it one!“ Ha ha, that‘s so true and spot on observation! Too many websites are like a teaser to a cinema-movie.

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

    been researching for months and this videos sums it all up, thanks a lot! :)

  • @lisadixon6617
    @lisadixon6617 6 วันที่ผ่านมา

    I can't thank you enough for all the videos you make!

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

    This video is really good and I don't understand why it doesn't have many views but literally you gave me a wonderful advice and I'm so thankful for it!!

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

      Probably because its UX and not Wix?

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

      I was also wondering why

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

      @@LuckySainz44 UX stands for "User eXperience." Wix is a website provider. You would use Wix (or Squarespace, etc.) to implement your website using these UX principles.

  • @bucklogos
    @bucklogos 8 หลายเดือนก่อน +9

    Amazing breakdown. I was completely intimidated designing my own website at first, but I'm going section by section and applying your tips and it's working. It looks completely custom, but inspired by your workflow too. So excited to start my own business.

  • @KIngdomManChris
    @KIngdomManChris 11 หลายเดือนก่อน +16

    Lots of comments about the type of website layout depending on the application...and I agree. However, he clearly states in the first 30 seconds or so that this is what works best for local, service based businesses and in my experience this is true. You can still have some design creativity withing the constraints, and in the case of most small service based businesses they just need something that achieves ROI. The goal is not to win design awards or reflect the creativity of the business. It is to move potential clients to take some action and place as few barriers in their way as possible.

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

      Yeah this channel is a massive vomit of misinformation and random opinions about why everything should look identical to the opinions he just pulls out of a hat

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

    Thanks some great advice for a non-designer but programmer like me, subscribed.

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

    Since i started watching your videos which is less than five, I am doing better layouts than before. Thanks for the great help

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

    Well kind of, it's a good website because of it's common user sense and would easily make a good impression. But business-wise, the website should also 'make punch' and create 'noise' through every scroll and screens so breaking a common user sense is also a good idea. I mean if you want to make slider make it fancy

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

    Great explanation. Thanks for sharing. I watched you for the first time and subscribed. Very high quality video

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

    I've been creating websites for my clients for 7 years now, and even though I'm not an expert in the technical aspects, I've been following certain strategies since day one. It's great to see that my approach has been successful, as it ensures that when a regular person visits a site, they can easily learn about the products and services offered. Your video has further validated the effectiveness of my work, and I couldn't be more thrilled about it!

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

    this is the most important video i ever see. Other big youtuber even did not say something like that. Thank you for it.

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

    I'm a newbie and this video is very helpful. Thank you

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

    Solid points. I agree with your vision for mistakes and how to do strucure right and usefull

  • @TifferDesign
    @TifferDesign 27 วันที่ผ่านมา

    Amazing information, your are so clever, you won another subscriber.Thanks for all the info.

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

    So I've just watched this and I just realized how similar this is to the original layout that I did for the company I'm still working with, but ever since the higher ups messed with it and it's now an utter garbage. Thanks to this video though this made me more confident that I was doing the right thing ever since.

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

    Very clearly explained. Agree with your breakdown; thanks for the video!

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

    Amazing! I love this website advice! Just subscribed!

  • @RoRo-gu9ug
    @RoRo-gu9ug วันที่ผ่านมา

    This was exactly what I needed.

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

    I really love your content! You’re amazing! You should be so proud of yourself with the way you explain and present information.
    I’m in my late 30s and couldn’t really grasp website design until I’ve watched a few of your videos.
    I’m thinking about my layout, elements, classes, IDs, and styling before I even touch my computer.
    It’s a deeper understanding of engineering websites.

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

    Excelent !! easy to follow easy to understand , clear , brief...

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

    Best content right here. Whatever's stopping you from creating more videos, I hope you get around it. Best tutorials I've seen in over a year.

    • @kohai-kun9261
      @kohai-kun9261 ปีที่แล้ว +2

      Might be how dogmatic he sounds.
      Comes across as extremely condescending -- the first half of the video (along with a couple points thereafter), it sounds like he's essentially just saying "do what everyone else does. Creativity bad and if you disagree you're stupid."
      His delivery makes me want to do the opposite of what he's suggesting, even if I can acknowledge that most of the advice is alright.

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

      @@kohai-kun9261 I experienced it differently because I'm the new kid in the class. Learning some fundamentals. From which one day I hope to express my creativity. Without confusing my users.

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

    Great insights for Homepage layout, thank you !

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

    Thank you. This was very helpful.

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

    This is the video that I was looking for.

  • @user-vn7hx5jq8h
    @user-vn7hx5jq8h 3 หลายเดือนก่อน

    nice and useful video. simple and clear and one of the best visual video. easy to understand

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

    This was gold! Thank you!

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

    This content is gold. You deserve more recognition. Please keep doing what you're doing, I learned so much from this video.

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

    Cool video for beginning, I'm a beginner, Thanks

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

    Software engineer + Designer here! Just found out your channel and I absolutely love your straight to the point approach and explanations. Great job!
    Do you have some tips for mobile layouts and design? For example how to convert a desktop home page to make it useful and responsive on mobile? Some best practices? Since 80% of visitors nowadays are mobile users and google does mobile first indexing, I think this topic is really important.

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

    very good explanation , well detailed

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

    Very good content, I have seen a trending in many documentation or online services using this approach, also they put a FAQ, so people will have their common questions answered without leaving the page. Also guys, this is a starting point, not a must follow.

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

    Appreciating Your Support

  • @slamsandwich19
    @slamsandwich19 4 หลายเดือนก่อน +1

    I was literally taking notes while watching this

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

    This is pretty solid. Thanks! Sending it to our print designers that want to make "artsy" web pages ... for an insurance company. LOL.
    3:14 reminds of the term "Mystery Meat Navigation" from the days when some websites were designed in Flash. If you have to guess how a site works, it sucks.

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

    Thanks for the informative video. I learned a lot!

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

    I find this very useful. Thank you

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

    Really good content, thanks for sharing.

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

    Thanks man 😊 we are now bidding 🤟🤟

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

    Enjoyed this video, thank you!

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

    Excellent video ! Just excellent. I agree with you 100%.

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

    awesome video thanks i got all the answers o was looking for

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

    Hello, I really enjoyed your video. Please take my gratitude home for a video with such high-quality content. Congratulations from Brazil!

  • @MM-jr5sr
    @MM-jr5sr ปีที่แล้ว

    You have a new sub 🫡 Great job!

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

    Thanks for making such videos

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

    Very good and explanatory

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

    This video is really good and you gave me a wonderful advice to change my first page. I thank you for it!

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

    This is so good - thank you

  • @mrs.quills7061
    @mrs.quills7061 ปีที่แล้ว +6

    I really appreciate this I’m redoing my art portfolio and will also be transitioning to my own little online shop to sell my art stuff so it’s good to hear feedback on what works. I have a slider on my homepage, but it auto plays different artwork 😅 and doesn’t take up the whole page. I get what you mean though with the PowerPoint look, I often feel those sites run horrible on mobile and they’re trying too hard. Like I just want to get to the point I don’t need all this fluff. I feel that’s what they are fluffy and filled with unnecessary things.

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

    I really enjoyed all of your videos! I'm working on a startup that is going to sell (at first) a single hardware product. It would be very interesting to know whether your recommendations would differ for more product based sites. The biggest problem I'm facing is whether to put all of my product info on my homepage, or keep the homepage shorter, and put all of my product info on a product-page. That last one would be the mistake of 'barely having a homepage'

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

    ver very vey good video man, i still don't know why you don't have many views. But man keep on creating more videos, keep it up!

  • @NicksTherapy
    @NicksTherapy 7 หลายเดือนก่อน

    Such a great video!

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

    You earned a new subscriber

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

    So great. Thank you!

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

    No Bullshit, good advice, well documented, bravo !

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

    Great video! Thank you... cheers!

  • @kaise.science
    @kaise.science 2 ปีที่แล้ว

    you got a new subscriber.

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

    Yes! Thank you! I HATE those full-page sliding homepages! I immediately click off of a page like that

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

    Great summary!

  • @Christian-ql4vw
    @Christian-ql4vw 3 หลายเดือนก่อน

    Excellent thank you

  • @arnaudfeyte7443
    @arnaudfeyte7443 2 ปีที่แล้ว

    Great video, thanks a lot !

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

    seems very nice

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

    Im not so experienced in this but my best clicking respect this for buisness model and learning / e-learning websites. And a second page to detalled offers you don’t want them in the front. Using A.I.D.A for the texting part. And of course the big plus is the convertibility on mobile devises but now days even no-code apps do it good

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

    Fantastic. Gold standard.

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

    Awesome thank you so much!!

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

    haha, I didn't expect you to say, "So what makes a shitty homepage?" LOL CRACKED ME UP!

  • @UnderworldMalek
    @UnderworldMalek 15 วันที่ผ่านมา

    thank you so much

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

    I LOVE this . Thank you so much . Makes it so easy to build a website fast

  • @mr_c.i.c
    @mr_c.i.c ปีที่แล้ว

    Very informative content

  • @adilbek.ermekov
    @adilbek.ermekov ปีที่แล้ว

    You have 6.3K subscribers. While your views are 63K
    Very underrated

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

    I agree. Great vid.

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

    Great Content and Explanation man. Btw, what do you think of a good product page looks like? Thank you!

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

    Thank you

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

    It doesn't matter if you are right or wrong. I just like that you have a strong opinion which is something most people lack in these kind of videos.

  • @Yes-bm4vn
    @Yes-bm4vn ปีที่แล้ว +2

    I don't necessarily agree with everything being said but I 100% agree that some websites are too chaotic. I can tolerate it if those are websites of the brands that are known for being "futuristic" but it is still important to know limits. This kind of a website can turn into an absolute hell from an accessibility standpoint. People with a vestibular disorder may have a hard time going through websites full of animations. If you don't want to be ignorant but still want to make your website flashy at least make it possible to disable/limit the motion of elements.

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

    Quality content. I love your explanation style.

  • @aydanlalonde9242
    @aydanlalonde9242 7 หลายเดือนก่อน +2

    Just a thought - I think it would be cool if you did an updated version of this video every year. The web (UX/UI) design industry has changed a lot over the last 2 years with new technologies trying to make websites have more immersive experiences. We know, the principles of design are timeless but I would be interested in (1) getting your opinion, in a yearly round-up video, if these trends or evolutions enhance the UX of websites/web principles and can be implemented as new standard practices or if the direction of these immersive websites are missing the mark, despite creating these amazing experiences.
    And, if these new websites that are being produced today are missing the mark, what elements do you think they got right and what would be your approach/ solution. Personally, sometimes I think these new animated websites have a lot of fluffy and there could be a conversation to be had about why going back to basics supports a stronger UX journey and conversion

    • @nathan-sg7cu
      @nathan-sg7cu 6 หลายเดือนก่อน +1

      Sure. But see what works, same old patterns. :) Check the UX designers who commented on this, they basically agree completely with TWA.

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

    Good video!

  • @mr.anderson5393
    @mr.anderson5393 4 หลายเดือนก่อน

    Thank you very much for the tutorial. How do you go about implementing this on a blog site?

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

    This is awesome 👌

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

    Thanks for this. I have a website for a local business with a side navigation and I've been struggling with it because I feel like it looks too different. I think the site looks cute, but cute might not help the goals for their website.

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

    The truth has been spoken. One little question about the first two containers. What about the first like you said, and the second WHY you need the service instead of prices right away?

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

    "Websites are not Powerpoint presentations. " - I will steal this quote.

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

    Logo on the top left
    Visible navigation
    Cta button sign it , log in top right

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

    "A Website is A Website, so stop trying to make it a powerpoint presentation" . I Was laugh when u said this 🤣🤣🤣🤣. Thanks for your advices👍👍

  • @SonPhan-of9yr
    @SonPhan-of9yr ปีที่แล้ว

    Thank hou its helpful

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq ปีที่แล้ว

    I agree with you absolutely, do you have any web design (not web development) course to recommend?

  • @user-jl2eg9mq2o
    @user-jl2eg9mq2o 3 หลายเดือนก่อน

    you earned my sub lol 🤙🏽

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

    good content

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

    Bro sounds like a strict teacher telling you the right thing to do 😭😭😭😭

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

    this is god content thanks :)

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

    Agree also, but i standardize websites, making one look to another. In the end when you check your historic how can one stand out more than another?

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

    Is that good for a website to have no scroll but different page per purpose? Lke a home page that explains what you sell, then a product page and finally a contact page ?

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

    And because you're right, doesn't mean I'm wrong. Who decides? Preferences bro.

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

    your website isn't tinder so stop making people swipe that is so funny lmao great video

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

    Where have you gone? We need more content from you! At least 1 a month