Your brain HATES these websites

[@timmydotlife]

I can not remember the time I received so much value in a design video. I have been in design for two decades. This brought a lot of pieces together for me. Thank you

[@bryantony9836]

I am a frontend web developer for +3 years now, And this video was refreshing and informative.

[@Ironication]

I'm not a designer but a frontend dev. Whenever I see you do a new video I am always dumbfounded how much I learn from it. Thank you for making these!

[@MalewiczHype]

I appreciate that!

[@seo5856]

Same here

[@soulwarrior]

It's very similar for me. We do a bit of backend coding as well, but design is what we're lacking the most. Often we have a feeling for what makes a good design, but @malewicz often breaks it down in such an understandable manner, it's hard not to walk away feeling like you learned a ton. 🙂

[@lemoniahoffmann8401]

Ja, weil Du behämmert bist

[@lemoniahoffmann8401]

WAhrscheinlich hat der Tyo sich selbst ein Kommentar geschrieben....dachte wenn er englisch schreibt, dann fällt das weniger auf...

[@vince3282]

Wtf man I’ve never seen such an in-depth explanation for what makes a *good* landing page. This is crazy value. Thank you!!

[@MalewiczHype]

That's just the tip of the iceberg, more in my newsletter as I'm doing live A-B testing on all our sites and will be sharing results

[@alexhartan]

SO much gold in just 11 minutes. Thank you for publishing these!

[@kylebrownbridge]

Hey @alexhartan. Small world to find you in the world of KZbin. :) Hope you are good.

[@suzanneshea520]

I think learning typeframing was the most valuable part of those web design courses. I still go back to that when I am starting a web design project.

[@MalewiczHype]

Yeah I think it helps to set the intention properly for the website, otherwise our artistic side can get crazy with gradients without thinking about the purpose. I had this happen to me too :)

[@andreasnitzsche9395]

What kind of Course? @suzanneshea520

[@andreasnitzsche9395]

@suzanneshea520 What kind of courses?

[@kcd1757]

Great video! Would like to see more mobile designs. For some reason everyone in KZbin focuses on desktop landing pages but 90% of our traffic is now mobile. It's much harder to do these designs with little space

[@davidkonevky7372]

I really do love when people show their apps in the front page but mainly because I visit a lot of front end based design websites and im always blown away when I see how much people can get away with pure css instead of just making an image. A site that impresses me for similar reasons is the stripe site, that site is a design marvel, just eye candy all around, and they use little to no images

[@al75an]

The clicking sound effects are too much and kinda annoying, can you reduce the volume in the next videos 🙈 love your content thank you 🙏🏻🙏🏻🙏🏻

[@MalewiczHype]

Noted, I wanted to test something with it - will make it a bit quieter next time

[@Moe_Salah]

Yes it's over used every where in every video on the internet

[@RezaOpdebeeck]

OMG yes I had to stop watching...

[@sarim88]

It wasn’t annoying until I read this comment 😂

[@catalin5002]

I didn't even notice 😂

[@zhanezar]

amazing break down, please do more of these , i love the typeframing name, i always start with type as a website with just text can be understood , while a website with just images can be dificult to understand

[@dilankamadushan9736]

Learned so much from a single video. It's a must watch for every web designer! Thank you for creating such amazing content. Choosing you as my mentor was one of the best decisions in my design career.

[@kllebollmannen3007]

I enjoy your approach for the main reason: Keeping it clear, rooted in data and according to cro main concepts of motivation and friction. Well done keep it up :)

[@MalewiczHype]

I'm working on providing more actual data in the future but for now it's a secret ;)

[@Sushilkumar92]

Genius Stuff! In my entire design career of 10+ years, I have never come across such insightful video regarding the psychology of design communicated in just 10 min video. 🔥🔥

[@adityaazmihail94]

I like how you explain this, especially when combined with videos that are very well-made and focused. Without excessive music, the points you deliver are clear and provide valuable insights for me. The phenomenon nowadays is that many designers only focus on visuals without paying much attention to the copy or even the purpose of creating the landing page. Thanks 🔥

[@ShukrDesign]

The part with the big complex image blew my mind, never seen it like that - Your reworked Header looked so much better than the big Image Hero!

[@MalewiczHype]

It was just a 5 minute rework, more to show a path / direction (and to test it further)

[@ShukrDesign]

@MalewiczHype it blew my mind

[@MalewiczHype]

Happy to hear! :)

[@adam_moucka]

For me it was that mobile gaze breakpoint. That was a nice touch!

[@ShukrDesign]

@@adam_moucka the whole video was a banger!

[@jordankromwell]

I don’t know if it’s me who’s opened my eyes, matured, or if you’ve made some strategic shift, but what you’re doing is incredible. You’re cutting through the noise with pure signal, and I’m a fan. Thank you.

[@0xahmad542]

Finally someone big in this market spoke about this

[@temmmio]

Thanks man. There's tons of content about visual effects design right now, but most designers forget about the purpose of the site and how it should work, or don't think about it at all.

[@HaikuTutorials]

This was incredible! Thank you so much for this video, mate.

[@Tanmingbye]

Great stuff as usual Michal, thanks for making this video ❤! Super grateful that such an experienced designer like yourself is willing to share these kinds of knowledge for free, something not even the seniors at my previous company was willing to do 😂

[@MalewiczHype]

Bad seniors then. We should be showing the path to the new generation. I’ll be sharing more in my method newsletter soon.

[@MattKelley]

Man you're good! This was great! Definitely hit that sub because I want to keep learning. Making used car websites I struggle with the Hero and convincing car dealers it shouldn't be just random stock sportscars when they sell $10k vehicles. But that's the norm in the business so they "want what everyone else has"

[@maxb4732]

What is the hero ?

[@lucaszapico926]

Great content! You address challenges in such a clear and analytical way!

[@MalewiczHype]

That's what I try to do! :)

[@MuhammadSuleman-u4l]

Thanks, finally someone producing real website design content i stead of glowing trends. Keep producing such contenr

[@MalewiczHype]

This is also a trend, not a real website but it’s stuff that in various ways actually contribute - even if by a little

[@SkArifHossain]

Always awesome to see you put hours of effort into making content like this! Kudos to you and have an awesome day :)

[@sleepssociety]

My brain LOVES this style of video editing. Please add more sound effects and change content for every video frame

[@MalewiczHype]

and yet it worked

[@muhammadbacar6051]

You videos are truly helpful for creating Highly converting websites. Never had this type of insight before. Would like you to make a video of a complete landing page structure.

[@santiagobydesign]

Amazing editing! Those visual cues and notes on the screen are super useful... And after creating a few websites myself, I also agree with your design principles here💯

[@danieldopiriak2633]

I've been developing websites for years, but I've never thought about this stuff. Very valuable information. Thanks.

[@natalie-taylor]

Whooo ~ I know I've said this 1,000x - if only I had a teacher at your level at the beginning of my career. Still learning over here. Ppl should feel lucky to have these success points. So well done 🙌

[@MalewiczHype]

Thank you! We're trying to back it up by data and the newsletter will be all about making sure testing results in the right outcomes so definitely more insights to unlock :)

[@forgodani]

What a professional video! Love it, keep up the great work!

[@adhamhmad91]

You know what?! I think I Have something to tell my clients about when I am going to design their website. Thank you, Mija!

[@danilobatista251]

Dude, this is awesome! Such a high level content in one video. Thank you, sir.

[@MalewiczHype]

Part 2 all about mobile versions coming on monday

[@darndarn99]

Wow!!! This was mind blowing 🤯 absolutely incredible value. The way your calm voice guided me through that journey was just perfect. On another note, all these fancy websites popping up are just too much. I nearly fell into that trap but something in the back of my mind just knew it was not the way to go. Yes they are pretty but not one has made me want to buy or try.

[@vladl-us5pf]

That is just soooo much knowledge in 11 minutes! thanks you so much for the great content!

[@MalewiczHype]

Glad you liked it! "How to do it for mobile" is coming in a few days!

[@alexjagi3448]

What an exceptionally good video. Like a mini masterclass in Above-the-Fold optimization.

[@MalewiczHype]

That's the idea

[@camilocbarrera]

Even your thumbnail perfectly applies the Eye Gaze Principle, amazing!

[@MalewiczHype]

With thumbnails there's a couple other principles to take into account.

[@Milia_works]

This was so easy to understand. Thank you for sharing❤️.

[@MalewiczHype]

Which part do you want me to focus on next? Any favorite techniques here?

[@abdoo3301]

Thank you for commenting

[@shubhsharma19]

Love this video man!

[@MalewiczHype]

Appreciate it!

[@YesImaDesigner]

6:10 Great video as always. My only criticism is that the lady holding the phone is clearly generated. I know it makes sense to do that for a tutorial, but it would have been good to scrutinize the image a bit more before ending up using it. The main issue is the way she is holding the phone, I don't think anyone puts the corner of the phone to their ear. The earring and the fingernails are also big giveaways. I wouldn't have mentioned this but since you make a point about not using bad generated images in hero sections I thought I bring this to your attention.

[@MalewiczHype]

Yes, she is. But my point was to show it quickly as an example of a person looking in the right direction vs "ai generated images" of blobs or random backgrounds. So fair point for a real project it's best to fix up all the mess-ups AI makes. However as "not perfect" as it is, it still does work better than the counter examples :)

[@YesImaDesigner]

@ definitely works much better, it is a really great image. I normally fix issues with Magnific when I manage to generate a good image that I want to use in a comp. Just to clarify the tutorial is top-notch, you are great at visualising your talking points. 👏👏👏

[@LaithWallace]

Great video. Really love how you edited this 🎉🎉

[@JB-ri9ie]

Mike you nailed it man!

[@leolr111]

Finally a useful video, the best 11 minutes invested of my day!. thanks for share your knowledge :D

[@hamza201183]

Just found this channel now. WOW. Thank you very much!

[@MalewiczHype]

Welcome!

[@carlibg]

Bro.. That's brilliant, thanks for sharing that beautiful piece of content.

[@bobinorlando]

Brilliant! Intelligent! Grounded in the key knowledge that a skilled web designer and UI designer must have.

[@DrewAndersen]

Haha dude I’m always responding about your X rants about this BS and hoped you’d YT it 😂. Good shit.

[@mayurdotca]

This is the best landing page video I have seen

[@guilhermevoze9434]

That’s a very good video! Helped a lot, many thanks.

[@KristopherrLove]

This was too good!

[@jamesmou9180]

These are design gems! Thanks for this Malewicz

[@bronxcartel6193]

Thank you for being real, instructive and clear! 🙏

[@denorosu]

CTA color matching is absolute genius!

[@grantwlms]

I’ve actually done a hybrid between the traditional software website look and a VSL. Instead of just some photo from the software I actually have a video walking through a demo of it as well as some sales language in there.

[@ZenonFrankster]

Kolejny rewelacyjny filmik. Samo mięso. Do kwadratu, o ile nie szcześcianu!! Dziękuję za inspiracje, chyba czas zapisać się konsultację :)

[@MalewiczHype]

Bardzo mi miło, obecnie jedyne konsultacje to async w nadchodzacym newsletterze (link w opisie) ;)

[@ZenonFrankster]

@@MalewiczHype Wideo: Akcja. Reakcja. Od minuty tekst mojego Hero Section układa się w lejek zakończony przyciskiem! Mała rzecz, a cieszy. Pięknie dziękuję :)

[@MalewiczHype]

Super! :)

[@craiginzana]

I’ve been designing landing pages for startups and small businesses for over a decade and this is so spot on. Always good to have a reminder of these fundamentals! Any ideas on photorealistic people vs illustrations?

[@MalewiczHype]

We will be A/B testing the same website with a photo vs illustration (of the same person) in the header. Results around February in my newsletter.

[@jevgenisuija]

"I will repeat!" - it eas funny 😂😂 Useful video by the way! 👍

[@bankoledada]

excellent stuff - subcribed

[@LeanneDigitalDesign]

The Client/Customer is the Hero, our product or service is their Sidekick for them to reach their goals.

[@PrajwalNegii]

I loved this video especially the copy in CTA which i need to learn thank you ❤

[@jdstarek]

I’m noticing a trend in SaaS where more and more companies are using videos (usually customer testimonials) in the hero section, usually on the right side, where the your “emotional connection” main image would go.

[@dougscott188]

Great video. Well done.

[@noypihowto]

Happy that this video show on my feed

[@manolomaru]

Suuuper video like always bro! ...And thank you sooooo muuuch for the spanish audio ✨👌💪😎🤗😎👍✨

[@MalewiczHype]

That part is automatic, youtube auto translates audio now ;) Heard it’s nit that great yet but it is good for acccessibility

[@josemanuelfarfan]

Thanks for the Spanish caption!

[@remind-me]

Outstanding content, man. Cheers

[@MalewiczHype]

Much appreciated!

[@mubashir7343]

Great video. Next video could be implementing the required website vs complex fancy website and sharing their results

[@yacineyacine2178]

Love the content. Subscribed.

[@MalewiczHype]

Welcome aboard!

[@asong9695]

This is so useful, thank you!!

[@EddyVinckTech]

I am redesigning my SaaS website soon. The timing of this video couldn't be more perfect. Guess who was planning to use an app screenshot in the hero section? 🙈

[@MalewiczHype]

There are some cases where it does make sense, but yeah for most people it doesn't - they don't "know' your app, they don't want to decipher a huge image full of panels and cards - they want to quickly know how it solves their problem :-)

[@EddyVinckTech]

@@MalewiczHype Yes you explained it well! Thanks a lot. I'm not a designer but this helps.

[@aghileslounis]

Incredibly skilled!

[@adebimpeomolaso]

Spot on as always

[@Pballer03]

Awesome video, would love to see you do one for mobile as well since 90%+ of paid social traffic is on mobile

[@ZekinDesignTM]

Thank you for putting the video in French, I think you saw it, it exploded in a very short time trying to reach more community ;)

[@-keith4857]

Well said. I have to say, it is difficult to get out of the mindset to replace the product image with a human. I agree with the design principal to lead the users gaze to the CTA. When I'm pitching to potential clients, I like to backup my statements with references. Can you tell me where you got your statistics for this number? "99% of businesses resonate with people in the hero section."

[@MalewiczHype]

That's based on our personal experience in testing. We created over 500 projects for clients since 1998 and many (over half) were later tested. Almost universally headers with people performed better.

[@-keith4857]

@MalewiczHype Works for me! Thanks.

[@jeros2911]

Great video Michal, thank you for sharing!

[@MalewiczHype]

Which part was the most interesting to you? I want to know what people find useful to focus future video more.

[@jeros2911]

@@MalewiczHype I find the comparison between what works and what doesn't to be the most interesting and helpful part of your videos. Using examples of real-life projects to demonstrate your points is extremely helpful and gives a lot of context to what you are trying to explain. I've been following you for years and absolutely love your work, keep it up! 🙌🙌❤❤

[@MalewiczHype]

Happy to hear that! 2025 will be all about conversion and testing

[@DenizOmer]

This was an awesome video! Redoing my entire landing page now :D What's the font used in the example hero?

[@nice21nice]

Insightful, thank you! 🙌🏻

[@MortyCJ]

What’s your thoughts on designers who know (at least the basics of) coding? As a web dev (particularly front end in my last few roles), I’ve noticed that the best designers I’ve worked with are those who understand the capabilities and limitations of web technologies/browsers! I don’t think a designer needs to also be a coder, but cross-knowledge (and this goes for devs knowing design techniques!) is so so helpful!!

[@MalewiczHype]

Knowing code is good, especially with communicating with devs. I started when coding was a part of design so I can now code my own stuff when I need it too.

[@DanielKwan-b7g]

Thank you for breaking down the science of hero’s. I was strugglin!

[@manharsharma1760]

no way!! wow.... very informative

[@waggadash]

Great insights!

[@nickchild5790]

This is so good… can you do some stuff on how to use there principles on mobile ?

[@lilanebula1677]

Thank you for sharing your knowledge with us. I would love to dive deeper in Typeframing method. Take good care of you.

[@MalewiczHype]

The biggest take on Typeframing at the moment is in my Landing Page course, but I do share bits and pieces on KZbin too.

[@callu6528]

@@MalewiczHypeWhere can we find this course?

[@MalewiczHype]

Link to our platform is in the description and the course is in books & courses there

[@plixplop]

Great stuff, I'm applying your recommendations to a new site I'm building right now!

[@MalewiczHype]

Great! Make sure to test and tweak it constantly!

[@the_real_greywolf]

Woah, this is great info! 😮

[@arthurmorgan718]

4:03 typeframing is a very effective solution for communicating early stages of design to clients that might get confused with wireframes

[@MalewiczHype]

Yes, that's the best part - they do get it when presented that way and yet they still know it's "not final" :)

[@shinobi_coder88]

Thanks for sharing all these inspirations, Malewicz. This is a very great example to help potential SaaS startups to follow as your examples are making legit senses! What do you think other niches beside SaaS like Real-estate and Hotel can do the same thing to really boost the conversions?

[@TheGamemasterEU]

We need more from you about landing pages!!!

[@S04B3L]

ive been looking for tips like this

[@CarlHeaton]

This was excellent thank you

[@rishabhkatiyar3027]

Which heat map software are you using? Loved the video ❤

[@MalewiczHype]

Eyetato for predictive + a lot of the examples are based on past tests using the actual eyetracking glasses ;)

[@masterstylex]

Good and interesting video. However it seems to be good advice for static websites, what about responsiveness and the breakpoints? All the effort for the picture of a person looking to X or the shape of the text would be valid only for a specific size range. It makes me think that for other breakpoints you would need to think on other layouts to follow the same principles of the desired design

[@MalewiczHype]

I showed what to do on mobile in this video too.

[@RudolfJvVuuren]

Hey just want to point out I think you made a typo in the label of the buttons shown at 3:38. Instead of "Buy it now >" it reads: "But it now >". Great video btw!

[@rhiivideos]

Great video.

[@naveendsouza8162]

Fantastic explanation! Do do also edit them?

[@MalewiczHype]

Do I edit explanations? Not sure I understand

[@TheCatmandu13]

Request: more content for people who sell physical products. Most all YT vids out there is for service based, not much for physical. Love your content overall though!! ❤

[@TanguyHubnerHowToGetRef]

Great advices 👏✅

[@reaganjagi]

I've been in a lot of design communities and most of the design I create are conversion-based (as in their purpose is to make sales/subscribers/etc..) but when I post my work, "today"s designers" are always like: "Add 3d animations." I don't think they understand the purpose of landers it to either make a sales or get subs

[@OlivierFontana]

Why the picture on the right? This goes everything I've learned about slide design and I don't see how a web page would be different from a slide? The eyes move the same way in both cases.

[@nisanka]

Marvelous !!!

[@MalewiczHype]

These are of course very small things, you need a good product first to sell, but they add up

[@nisanka]

@@MalewiczHype Exactly!. Thanks for your input bro!

[@creativemindloveworks]

Great Value, thx! Are there no copyright issues if you show all this brands in this context?

[@MalewiczHype]

No