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

The best homepage layout that optimizes both user experience and conversion.
Support me on Patreon so I can post more videos: / thewebsitearchitect

Пікірлер: 205

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

    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
    @estycki2 жыл бұрын

    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.

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

    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

    Жыл бұрын

    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

    Жыл бұрын

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

  • @felipe1876

    @felipe1876

    Жыл бұрын

    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 ай бұрын

    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 ай бұрын

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

  • @elishajimenez6682
    @elishajimenez66822 жыл бұрын

    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

    Жыл бұрын

    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.

  • @ravinderramini
    @ravinderramini3 ай бұрын

    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!

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

    „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.

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

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

  • @bucklogos
    @bucklogos9 ай бұрын

    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.

  • @georgekyalo1804
    @georgekyalo18049 ай бұрын

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

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

    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

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

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

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

    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

    Жыл бұрын

    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.

  • @slamsandwich19
    @slamsandwich194 ай бұрын

    I was literally taking notes while watching this

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

  • @lisadixon6617
    @lisadixon661717 күн бұрын

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

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

    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.

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

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

  • @malcolmcolindixon
    @malcolmcolindixon2 жыл бұрын

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

  • @omercengiz8507
    @omercengiz85074 ай бұрын

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

  • @TifferDesign
    @TifferDesignАй бұрын

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

  • @RoRo-gu9ug
    @RoRo-gu9ug12 күн бұрын

    This was exactly what I needed.

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

    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.

  • @carguy1979
    @carguy19792 ай бұрын

    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.

  • @aramaldarraji3852
    @aramaldarraji38522 жыл бұрын

    This is the video that I was looking for.

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

    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

  • @blablablablab
    @blablablablab6 ай бұрын

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

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

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

  • @EamonnCottrell
    @EamonnCottrell10 ай бұрын

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

  • @user-vn7hx5jq8h
    @user-vn7hx5jq8h4 ай бұрын

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

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

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

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

    Great insights for Homepage layout, thank you !

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

    This was gold! Thank you!

  • @nikiholland5010
    @nikiholland50103 ай бұрын

    Thank you. This was very helpful.

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

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

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

    Amazing! I love this website advice! Just subscribed!

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

    Thanks for the informative video. I learned a lot!

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

    I find this very useful. Thank you

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

    Appreciating Your Support

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

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

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

    very good explanation , well detailed

  • @svarka777
    @svarka7772 ай бұрын

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

  • @TeamNnj
    @TeamNnj9 ай бұрын

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

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

    Enjoyed this video, thank you!

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

    Really good content, thanks for sharing.

  • @vanshjangid9782
    @vanshjangid97822 жыл бұрын

    Thanks man 😊 we are now bidding 🤟🤟

  • @KuroManX
    @KuroManX10 ай бұрын

    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.

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

    This is so good - thank you

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

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

  • @NicksTherapy
    @NicksTherapy7 ай бұрын

    Such a great video!

  • @marija1337
    @marija13374 ай бұрын

    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.

  • @RisingIndian
    @RisingIndian10 ай бұрын

    Thanks for making such videos

  • @MM-jr5sr
    @MM-jr5sr Жыл бұрын

    You have a new sub 🫡 Great job!

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

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

  • @gustafcederborg9744
    @gustafcederborg97442 жыл бұрын

    You earned a new subscriber

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

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

    Fantastic. Gold standard.

  • @arnaudfeyte7443
    @arnaudfeyte74432 жыл бұрын

    Great video, thanks a lot !

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

    Great summary!

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

    Very good and explanatory

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

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

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

    So great. Thank you!

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

    Great video! Thank you... cheers!

  • @adilbek.ermekov
    @adilbek.ermekov Жыл бұрын

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

  • @Christian-ql4vw
    @Christian-ql4vw3 ай бұрын

    Excellent thank you

  • @mrs.quills7061
    @mrs.quills7061 Жыл бұрын

    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.

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

    Awesome thank you so much!!

  • @yannalaplageable
    @yannalaplageable9 ай бұрын

    No Bullshit, good advice, well documented, bravo !

  • @kaise.science
    @kaise.science2 жыл бұрын

    you got a new subscriber.

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

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

  • @auguststas7770
    @auguststas777010 ай бұрын

    seems very nice

  • @pransis.d
    @pransis.d Жыл бұрын

    This is awesome 👌

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

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

    I agree. Great vid.

  • @jennyjamalcherfan3409
    @jennyjamalcherfan34092 ай бұрын

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

  • @UnderworldMalek
    @UnderworldMalek26 күн бұрын

    thank you so much

  • @mr_c.i.c
    @mr_c.i.c Жыл бұрын

    Very informative content

  • @Yes-bm4vn
    @Yes-bm4vn Жыл бұрын

    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.

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

    Thank you

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

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

  • @derekshort
    @derekshort4 ай бұрын

    Good video!

  • @Kazee-X
    @Kazee-X Жыл бұрын

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

  • @aydanlalonde9242
    @aydanlalonde92427 ай бұрын

    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 ай бұрын

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

  • @mr.anderson5393
    @mr.anderson53934 ай бұрын

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

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

    Quality content. I love your explanation style.

  • @SonPhan-of9yr
    @SonPhan-of9yr Жыл бұрын

    Thank hou its helpful

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

  • @user-jl2eg9mq2o
    @user-jl2eg9mq2o3 ай бұрын

    you earned my sub lol 🤙🏽

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

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

    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.

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq Жыл бұрын

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

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

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

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

    good content

  • @kungfookeney6628
    @kungfookeney66284 ай бұрын

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

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

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

  • @LightlyLilyAsmr
    @LightlyLilyAsmr9 ай бұрын

    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?

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

    90 percent of users (on my sites) are on mobile devices, why do designers insist on showing designs on desktop?

  • @WingRaidCoach

    @WingRaidCoach

    Жыл бұрын

    Because they can be vague and not have to speak specifically to what matters. Not saying this user is doing so, but it seems to be the way things are going.

  • @hellovagim

    @hellovagim

    Жыл бұрын

    I think it also depends on the target audience too. If the website is targeted to consumers (b2c) then maybe it’s more important to focus on mobile. On the other hand if I’m the website is for another business (b2b) they might better off focus on desktop website.

  • @WingRaidCoach

    @WingRaidCoach

    Жыл бұрын

    @@hellovagim data doesn’t support that any longer from what I’ve seen

  • @fltngmmth

    @fltngmmth

    Жыл бұрын

    modern layouts should be responsive from the start. shouldnt matter what device is viewing the application

  • @WingRaidCoach

    @WingRaidCoach

    Жыл бұрын

    @@fltngmmth this ^^^

  • @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
    @marcjus43929 ай бұрын

    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 ?