วีดีโอ

Earned a sub

This is good stuff! It's nice to see some process of some more realistic websites. We usually see people working on really insane designs that will require three.js and gsap to accomplish. But I reality websites like this are what we work on most often in the field. I quite like some of these tips as often times I'll want to make a design feel "lighter" with more space and I think this helps a lot!

Wow. How un-self-aware do you have to be to publicly state that you are not skilled enough to do something? Folks are trying so hard to pretend to know their stuff yet they go out of their way to complain about something and reveal their limitations in the process.

Excellent info! Edge Cache! looking forward to putting these to the test.

good job buddy

throwback vid from the algorithm.

I am not a designer. But I have a strong need for estetics and ecen more structure. I don't like your design ideas at all. I very much prefer the structure of the initial version over the "flow" of your so called improvements.

You’re a really good designer and storyteller for your TH-cam videos so I’m surprised you didn’t have more subscribers. It may be your thumbnails and video titles actually (the first click and the hook are the most important). Or there is a TH-cam setting that may be holding you back.

Super video, Thanks! Took lots of notes :))

I think complexion reduction is always welcome. The visual cues are subjective, I wouldn't use some of those suggested, like gradients, those can age quickly.

Subbing to help you reach the 10k goal 💪🏼

This is simplest design layout to build in wordpress page builder and if develop can't do that with page builder i think they should stop calling themselves developer 😂😂

6:35 The Core Framework plugin, works for me.

Thanks for this video! You saved me $$$ when I need it :)

What are you talking about? This is basic design, and I mean that in every sense. You exaggerated way too much with the title.

Great video, thanks Kyle!

Thanks Kyle. As a Bricks user I appreciate you showing how to do this regardless of the builder we use. How did you create the color fade effect in the header and footer CTA section? I like how they tie the brand colors in.

Do you ever design MOBILE first?

Thanks for the clear and informative explanation. You addressed many of the issues raised, including mine, and also showed the nice builder you're using, which I will study. However, I didn't think the design was difficult. I have been building sites for over a decade, and it's easy when the design is yours. My issue was actually with designers who forget about the mobile version, leaving you to struggle with the mobile adaptation of their design. This often leads to back and forth and time wasted. Sometimes I feel like I need to be not just the builder/programmer but also do the designer's job when it comes to different screens and mobile optimization. It gets worse when the client or the designer is OCD (true story). Anyway, thanks for the video!

That's visual heirrachy nothing wrong with that design...

Really good video, as always! Would you tell us which clamp function you use to determine the padding for the Hero section?

Awesome video! This is something i was looking for since regular background colors like egg shell white seem a little to boring and doesnt provide much depth

Excellent. Love the clear explanation and the usefulness for my preferred builder (Bricks). Thanks.

Customizing everything is an excellent way to lock your customers into your own ecosystem. This is perfect. Thanks!

Abusive :)))

Thank you for the support - I am getting sooo close to 10K subs 🙏 If you haven't already, consider helping me get there!

Mic drop

WOW! Such subtle changes made such a dramatic improvement. May I please ask what software you're using? I do mostly WordPress websites so I am unfamiliar with the software you're using in this video.

Thank you so much for this one, Kyle - really helpful! as always! 👏 However, as other has already adressed, it affects the submenu. How to fix that?

I'm grateful for this video. I was a little triggered at first, because I lean on striping pretty hard.You've given me the nudge to move outside the box and some great tips on how to do it. Thank you!

For this type of design, formal, clear, basic… I think you can stick to the stripy stuff. Pretty sure the clients would say it looks messy and confusing without them. The designer would argue that it looks generic, but that’s often what you want in a commercial setting, I would side with the clients on this one

I disagree that this is an amateur mistake. Clear distinctions between sections is an indication to the user from an accessibility perspective that you're in a new section. Little flares of negative margin or edgy transitions are good, but as long as it's easy to ready for everyone. Your opinion is not the driving force in design. It's your customers and readers. So I think we should be careful telling newbies that stripes should be avoided completely

Non vedo nessun miglioramento di Design qui! Certo che ormai tutti si professano Designer! Lo sapete che esistono anche altre professioni? Panettiere, maccanico etc

Candy cane looking websites drive me a bit crazy as well. 😂 I like the changes you covered here. However, shame on you for using Figma. I know it’s fun to work fast, but the code behind it sucks. Clean optimized code is just as important as good design.

Ehy Kyle, super video as always! As regards gradient shape, how would you do it with GenerateBlocks Pro? My idea would be to create it with e.g. Figma and then to export it in Gb as background image but not sure if there would be better solutions!

I'm guilty of stripes! Thanks for adding a different way to divide up the sections.

Clients love stripes. And if they’re paying they’re getting stripes lol.

The only people who would be interested in monthly maintenance reports are larger companies where effectively they have filled the company with too many people, so now they are scratching round for things to fill their day. If the company employs less than 200 people I would be pretty sure no-one would ever read a monthly maintenance report. In nearly 20-years of hosting websites for clients it has never occurred to send clients a maintenance report. When you pick you car up from the garage all you want to hear is. "Everything is fixed and it is all working fine." The last thing you want the engineer to start telling you is what they have done.

This week I was updating a clients website who had commissioned a graphic designer to generate some backgrounds. The designer had, I suspect never built a responsive website. What can work well on a design program can become a much bigger challenge when applied to a responsive website. All problems can be overcome, but I essentially had to create two different designs for some pages. Better designs are not a bad idea but most small businesses want to spend the least possible on a website. Stripey designs tend to lend themselves to being responsive. Good food for thought. Thanks for sharing.

New to web design. I knew there was something off about the section striping. Now i am equipped to partition sections without it. Thank you!

What tool are you using in the video? Is it Figma?

You can introduce a new component to sort of break the repetition. This is usually the case for projects with strict design systems. Say, add a few eye CTA's or ads. It's great for UX and overall page flow too.

Yikes, I've made my share of stripey pages. I really loved this tutorial. Thanks. I am subscribing!

I love hearing your thought process and explanations! But for my poor tired eyes, I hope future examples aren't such a faint grey because it's hard to see on the screen!

So how do you take your great design in Figma into a WordPres site?

nothing is wrong with stripy websites, just don't make everything look blended and you'll do fine, alot of clients wont care if the site has photos over lapping the hero section or not, they just want their phone to ring from what you built so if it works don't break it to please other designers

Some very good ideas here, and I'm sure I will use some of these ideas on some future sites. I know a lot of people seem to be in denial about the stripe problems and don't want to give up their stripes, but all they have to do is realize that (as you said) they don't *have* to use all these ideas on *every* site. As with many things...the key is moderation. Thanks for this excellent tutorial, Kyle.

Hey Kyle, awesome tutorial, thanks! I have a question about the code snippet. Do I have to use the code snippet plugin to add the code, or can I use the element (hook) instead? If so, under the hook section, what location do I choose? I guess I have to check the boxes to execute shortcode and PHP. What about the priority setting? Do I leave at 10? Thanks.

The gradient you apply is hard to do by code or if you wan to just make it image it will adds up the website's load which is not good for seo

Can't waittt!!!!