Do you produce BORING layouts? Here's a QUICK Fix

[@DesignCourse]

What'd you think of the design produced? Give it a shot yourself and see what you come up with. Tag me on twitter #boringlayouts

[@ismailfaturrohman4858]

Let's try to develop it maybe 🙂

[@BrutalInsights]

Looks great, if i had to critique I would say it is missing those micro lovely subtle animations that you yourself always love to see and so do we 😀

[@amirkamalian8045]

It's challenging to advance the design while maintaining functionality. We must adhere to usability principles, integrate essential marketing strategies, and avoid overwhelming users with multiple calls to action.

[@ys1197]

Maybe not having this type of design as the Hero could work? With little CTA sparkled between

[@BrialMusic]

I mean the result is basically a left aligned text box with immages on the right which is not that different from the well established pattern. There's a reason why it works but I agree that looking into grids makes the layout a bit more dynamic

[@jklughertz]

Great video. Suggest you hide your chat GPT history. Not that I care, but the internet is a weird place

[@DesignCourse]

I thought about it. I looked at it, and was okay with what was shown. My wife uses it for her lactation consult business lol, thus some of those searches.

[@LordJHouse]

Thank you soooo much for making and sharing this tool. I too get stuck with layout ideas, but this will mitigate that problem promptly. Much appreciated!

[@asvpreis]

Holy smokes! Thank you so much for this nifty tool. It just saved me some headache...😅

[@Chris_Percival]

This is great, as are some of your other layout tutorials but I would really like to see how an example like this would translate into a responsive design which looks good on tablet and mobile viewports.

[@canaryinc]

One major challenge I actually have isn't the hero section, but sections beyond the hero section

[@tomsdesign_]

Great tips on designing fresh layouts Gary, thanks for sharing!

[@Rensoconese]

The process of making a brief with ChatGTP to practice is great. But I disagree on several points. The structure should be functional and help communicate the message, not something stylistic. On the other hand, the grid should help structure the information and make it easy to understand. The result has opportunities in terms of reading and cognitive load. I understand the problem of boring and wanting to achieve a more persuasive imprint but I don't think it is the best approach, or rather what makes me noise is that you relate the UX course that you are giving with this. I think the point you are attacking here has more to do with web design than with UX. I don't want to sound bad. It's just a simple feedback since I love your channel :)

[@crakerjack3]

I was pretty much going to leave this comment. I agree. This layout creates way too much overload for a visitor.

[@michaelgakanga]

Well said. Looks like something a UI designer would re-do

[@whiskyo]

Ya I get that as designers we should be creative but I also get annoyed with websites that are too creative. Just give me the information l need NOW

[@whatisiswhatable]

Always someone who parrots this view

[@cryptostu]

Clever little tool. I shall experiment with this especially when I get "writers Block". Thank you.

[@poncardas]

Awesome vid Gary! Love this type of video very straight to the point 👏

[@KD-tp6er]

To me most website users expect a good level of familiarity with their experiences, so opting for a wildly different, or new approach could wind up decreasing conversions. Maybe if the website is supposed to be artsy, cutting edge, or experimental you could get away with it, but for most, following proven design principles is better.

[@mycodingjourney8413]

Too an extent I agree, but the web is slowly changing from the old school boring design, brands want to stand out nowadays. I am finding more and more brands have at least a touch of flare to there website and unless you have both practiced the extreme and learned to tone it down you're not going to get better as a designer. Design is everchanging and we need to keep up.

[@TotalSinging]

Correct. Newer designers tend to lean to design to impress other designers and not for the average consumer. Older designers like myself design for UX because we started during the time of dial up and no smart phones during the dotcom boon where content and simplicity were King. Simple clean lines because we come from print background where you learn how users scan pages and digest content. Just because you can doesn't always mean you should.

[@unl0ck998]

This is pretty cool, being able to partially offload the first step is a pretty smart way to gain momentum in a new project, plus it presents a new mini challenge, I love it.

[@MyUsernameIsElla]

Great resource! Thank you! I have an upcoming redesign project coming up soon I think I’ll try using this on!

[@MrAbbo11]

This is cool for the design challenged, of which, there are many!!

[@juangv8002]

Thanks Gary I want to make my Own Website and this helps me big to find ideas thanks🎉

[@SpankIEkzs]

Pure gold! Thanks! Great content and a valuable one for sure! 👏👏👏

[@valeriashults7305]

Thank you, that’s life-changing!!!

[@ysammo214]

Can you create a follow up video where you actually hand code this landing page? I think it would be a great thing to tie it all together for us web designers who also hand code our sites

[@rhalferty]

You just put your finger in the wound between developers and designers. This makes for a nice layout, however ignores the practicality and reality of different screen sizes and devices.

[@mustaphanail2005]

Life saving tool, thank you

[@Kimoartcave]

It was interesting approach, thanks for sharing ❤❤❤

[@ducvu7566]

I don't think those layouts are boring. It's just people don't know how to execute them in an exciting ways. They jst need to mix them up with cool typographic and graphics to make them standout. Saying those layouts are boring is like saying circular wheels are boring, and we need to reinvent the wheels.

[@Darkmanxdmx]

This is super nice. I would also share it with my Linkedin audience as well in the upcoming days. Quick question: How it would look on tablet and mobile? Thanks a ton!

[@badcatdesign]

Piet Mondrian would be proud. 👍

[@ohadcohen136]

How do you make it responsive with bootstrap?

[@greendsnow]

Form follow function... not the other way around.

[@juls2334]

Thanks for sharing your nifty Layout Generator and how you use Chat GPT! Would you recommend learning Webflow for web design? Love the program but was put off by the fact that you have to host the site on their platform

[@MrRalphbro]

It’s a good visual way to understand code. Webflow is probably to most popular and advanced no code tool with a steep learning curve which will yield great learnings, but if you want to launch a website fast, framer is great.

[@DesignCourse]

Webflow, framer, wix studio, all worth giving a shot to see if you like it.

[@wchorski]

If you need to build something fast and get some general UI design practice - yes if you want ownership of your files and where to deploy - Wordpress

[@PaulShellDev]

You don't have to host with them. You can export the code and host yourself with a paid workspace. That's what we do.

[@horikatanifuji5038]

@@PaulShellDev Can you let me know how you fixed the "Form Submission" not working problem after exporting without using third-party paid tools? The only way I know is to make a simple web app with flask and embedding it into the original website, but then I have to host both the web app and html and css. Or either make the entire html css part of the web app, but that requires a lot more tedious work and every time I want to update the html css it's a hassle. By any chance have you found anything simpler?

[@darshitmungra8778]

I like it ❤

[@amyg9418]

this concept has a nice and clean aesthetic, but how would it translate over to mobile? I dont see this grid concept translating very well over to mobile

[@sophiemulders]

How would you dynamically fill this with a loop??

[@dhruvvashist6947]

Sir please guid how to create vector minimal images for figma designs

[@MilanB]

Seems like bento style is popular nowadays

[@RandomPlays28]

También me sirve, ya me suscribí desde el otro video😛

[@dgy_are]

U'r awesome .

[@DesignCourse]

Thanks, but I do not feel that way 😬😬

[@user-xd2yf4tw9m]

How i use it for sign up page ?

[@kliMaLd]

Well, yes, but the thing is, 90% of the traffic comes from mobile, and on mobile, everything is in portrait mode, one below the other. It's a bit of a waste of time to produce elaborate desktop websites - unfortunately. Of course, there are exceptions depending on the business, but they are just exceptions.

[@mdqmatias]

Baby problems? I saw you asked chat gpt a lot about that haha

[@igor_cojocaru]

Wife's lactation business

[@APFC95]

ah yes, a fresh new reason for the developers on the team to hate me and a new way to lose users more quickly

[@PaulShellDev]

How do I code this and responsively?

[@fahimmuntasirniloy]

That's the neat part. You don't.

[@Trazynn]

Congratulations on the baby?

[@egidijusmailing9278]

The real designer must to learn creative layouts by himself, from experimenting, studying and pushing it's creative boundaries further. Otherwise u gonna stuck in one place, which means, u stopped growing as a designer. It's helpful when u see such tools, but to be honest, there is no easy way out to be good. Hard hard work is the solution to grow and become as a professional...

[@Videosuser]

I agree. Unless you're copying other design pieces nothing replaces experimenting.

[@Its-InderjeetSinghGill]

Responsive left the chat💀

[@chesrel]

great. now make it responsive

[@PUK1SVA]

It looks like a mess tbh

[@MrRalphbro]

Gary, is chatgpt4/plus worth over the free counterpart? Does it provide better unique copy, better ideation etc that reflect its value?

[@DesignCourse]

Which counterpart are you talking about?

[@MrRalphbro]

Gpt 3.5 over gpt 4?

[@wchorski]

in this case, i'd say gpt3 will do just fine for mock data. Only reason you'd go with 4 is for the updated data (i.e. you're trying to research something and need current data / events as reference)