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
The best homepage layout that optimizes both user experience and conversion.
Support me on Patreon so I can post more videos: / thewebsitearchitect
Пікірлер: 205
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.)
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.
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
Жыл бұрын
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
Жыл бұрын
You can see the whole this channel are about to roast awwwards winner because of it's all "mistakes" and "stupid".
@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
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
8 ай бұрын
familiarity is ideal for most things in the niches he mentioned. this layout is intended for certain markets.
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
Жыл бұрын
Probably because its UX and not Wix?
@ozonehephzibah6949
Жыл бұрын
I was also wondering why
@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.
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!
„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.
I love the simplicity of this and I'm totally using this for my website. Thank you.
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.
Since i started watching your videos which is less than five, I am doing better layouts than before. Thanks for the great help
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
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
been researching for months and this videos sums it all up, thanks a lot! :)
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
Жыл бұрын
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
Жыл бұрын
@@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.
I was literally taking notes while watching this
this is the most important video i ever see. Other big youtuber even did not say something like that. Thank you for it.
I can't thank you enough for all the videos you make!
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.
Excelent !! easy to follow easy to understand , clear , brief...
Thanks some great advice for a non-designer but programmer like me, subscribed.
Great explanation. Thanks for sharing. I watched you for the first time and subscribed. Very high quality video
Amazing information, your are so clever, you won another subscriber.Thanks for all the info.
This was exactly what I needed.
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.
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.
This is the video that I was looking for.
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
Solid points. I agree with your vision for mistakes and how to do strucure right and usefull
This content is gold. You deserve more recognition. Please keep doing what you're doing, I learned so much from this video.
Very clearly explained. Agree with your breakdown; thanks for the video!
nice and useful video. simple and clear and one of the best visual video. easy to understand
I'm a newbie and this video is very helpful. Thank you
Great insights for Homepage layout, thank you !
This was gold! Thank you!
Thank you. This was very helpful.
Yes! Thank you! I HATE those full-page sliding homepages! I immediately click off of a page like that
Amazing! I love this website advice! Just subscribed!
Thanks for the informative video. I learned a lot!
I find this very useful. Thank you
Appreciating Your Support
Excellent video ! Just excellent. I agree with you 100%.
very good explanation , well detailed
Cool video for beginning, I'm a beginner, Thanks
awesome video thanks i got all the answers o was looking for
Enjoyed this video, thank you!
Really good content, thanks for sharing.
Thanks man 😊 we are now bidding 🤟🤟
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.
This is so good - thank you
Hello, I really enjoyed your video. Please take my gratitude home for a video with such high-quality content. Congratulations from Brazil!
Such a great video!
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.
Thanks for making such videos
You have a new sub 🫡 Great job!
This video is really good and you gave me a wonderful advice to change my first page. I thank you for it!
You earned a new subscriber
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!
Fantastic. Gold standard.
Great video, thanks a lot !
Great summary!
Very good and explanatory
"Websites are not Powerpoint presentations. " - I will steal this quote.
So great. Thank you!
Great video! Thank you... cheers!
You have 6.3K subscribers. While your views are 63K Very underrated
Excellent thank you
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.
Awesome thank you so much!!
No Bullshit, good advice, well documented, bravo !
you got a new subscriber.
I LOVE this . Thank you so much . Makes it so easy to build a website fast
seems very nice
This is awesome 👌
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'
I agree. Great vid.
Logo on the top left Visible navigation Cta button sign it , log in top right
thank you so much
Very informative content
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.
Thank you
haha, I didn't expect you to say, "So what makes a shitty homepage?" LOL CRACKED ME UP!
Good video!
Great Content and Explanation man. Btw, what do you think of a good product page looks like? Thank you!
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
6 ай бұрын
Sure. But see what works, same old patterns. :) Check the UX designers who commented on this, they basically agree completely with TWA.
Thank you very much for the tutorial. How do you go about implementing this on a blog site?
Quality content. I love your explanation style.
Thank hou its helpful
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
you earned my sub lol 🤙🏽
"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👍👍
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.
I agree with you absolutely, do you have any web design (not web development) course to recommend?
your website isn't tinder so stop making people swipe that is so funny lmao great video
good content
The Best Homepage Layout In Web Design (Supported by UX)
And because you're right, doesn't mean I'm wrong. Who decides? Preferences bro.
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.
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?
90 percent of users (on my sites) are on mobile devices, why do designers insist on showing designs on desktop?
@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
Жыл бұрын
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
Жыл бұрын
@@hellovagim data doesn’t support that any longer from what I’ve seen
@fltngmmth
Жыл бұрын
modern layouts should be responsive from the start. shouldnt matter what device is viewing the application
@WingRaidCoach
Жыл бұрын
@@fltngmmth this ^^^
this is god content thanks :)
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?
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 ?