Your Brain likes THIS kind of websites better

[@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 :)

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

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

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

[@forgodani]

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

[@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. 👏👏👏

[@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 :)

[@SkArifHossain]

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

[@Joshuatran10]

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.

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

[@adebimpeomolaso]

Spot on as always

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

[@doo847]

Mobile design first 👏 Mobile design first 👏 Mobile design first 👏 90% of all websites traffic is mobile traffic now!

[@MalewiczHype]

We design mobile last even for sites where 99% of traffic is from mobile. I explained it many times already. Mobile first is a trap.

[@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! :)

[@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 ;)

[@leonlouiswalker]

…The Optical Guide 🤯🤯🤯 👀

[@MalewiczHype]

It makes a few milliseconds of difference.

[@hihi9674]

Great stuff!

[@MikeRodriguez-go9bz]

Can't even say what is the most important here because it's all important. Like an engine with its individual parts, everything works together for a singular goal. Users have short attention spans. Don't make them figure things out. The Gaze Principle, which uses a variety of tricks, offloads user thinking by guiding them to where they need essentially eholding their hand. People want to immediately know: What good are you for me?

[@MalewiczHype]

Yes, that's the idea, but every one of these tweaks does make some difference. And then there's more in A/B testing of course :)

[@MikeRodriguez-go9bz]

@@MalewiczHype Indeed on both!

[@adam_moucka]

Sadly people these days don’t put any effort and want just a good looking UI

[@Pballer03]

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

[@TuanLe-co1gy]

Another amazing video! When designing a landing page for a company in practice, should I use free images from online sources to include on the landing page?

[@MalewiczHype]

Yes, for practice you can use any images you want that match and amplify the message

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

[@remind-me]

Outstanding content, man. Cheers

[@MalewiczHype]

Much appreciated!

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

[@Jarreddesigns]

Designers have stopped designing to solve a problem, they’re designing to impress other designers on X 😂

[@josemanuelfarfan]

Thanks for the Spanish caption!

[@sethchaffee9718]

Good stuff. One small typo, your button at 3:34 says "But it now!"

[@MalewiczHype]

There’s a couple small things I missed given how much work this whole video took, that is one of them. ;)

[@tfdesign4072]

Another great video Mal! could you do the same but for B2B sass? I work in marketing tech so I would love to see how you appraoch these things.

[@MalewiczHype]

We will have a case study jan/feb from a really cool client in the space.

[@nisanka]

Marvelous !!!

[@MalewiczHype]

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

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

[@ferdousaofficial]

From now on I'll follow all these things when designing a hero section. Will a Ai generated imagine which is connected to the copy of the hero section decrease conversation?

[@MalewiczHype]

If it’s connected then it’s fine. Don’t blindly follow everything- test it for a particular website - iterate :)

[@johan8008]

These examples are great but only reach out to a small audience. I do wish see more examples of real life services or social media webdesign experience. Like what ratio and types of image sizes is best a a news feed, should sidebar navigation be scrollable or not, when should I use grid vs list view for cards, to name a few.

[@MalewiczHype]

What do you mean small audience? Most businesses need a landing page.

[@johan8008]

@@MalewiczHype Thats true! Imagine millions of users that use specific parts on a social media website that also can be covered as web design trends. Maybe thats I would like hear more about. Like smaller things, how big should a cover image be to get best visual experience, where is the best position add the profile actions, what animation attract users when giving a like of a feed entry. Maybe this is more UX but it also touch the visual.

[@lech.dutkiewicz]

Hej, bardzo szanuję Twoje podejscie do optymalizacji konwersji przez design. Jak ogladam Twoje materialy, czesto zastanawiam się, jak yo przenosi sie na e-commerce. Mawz podobne przemyślenia o e-com? Może masz kurs na ten temat?

[@MalewiczHype]

Kursu nie mam ale obecnie redesignujemy ogromny ecom i kilka przemyslen mam - licze ze w lutym jak ruszy zrobimy case study.

[@Notabot479]

Great video but are you sure ppl read the kicker before the headline? For me i would scan it see the headline description cta then if im still interested ill read the kicker above the headline..

[@MalewiczHype]

Yes they read it after, but social proof reinforces the headline.

[@muhidulhasan1283]

What is this software he is using?

[@erkintek]

Non visual programmer here, wow 😮

[@MalewiczHype]

You mean backend?

[@vinanet77]

People want to make fancy websites to display their skills but forget the main purpose of most websites is to drive action. Only very specific niches benefit from the type of design you see a lot on awwwards and dribbble.

[@MalewiczHype]

That's true and with quick AI generated backgrounds this is now even more rampant.

[@abdoo3301]

That sounds true

[@bazimnubailaz]

4:50 you said it

[@MalewiczHype]

did I?

[@maleenonline]

When its come to mobile view how do we connect the CTA button and the visual image ?

[@MalewiczHype]

That depends on the visual and the CTA - you can use the gaze principle when possible - like I showed here.

[@opsnax1468]

Which AI did you use for the headshot in your thumbnail?

[@MalewiczHype]

A couple of models that we connected together ourselves with Reactable.ai

[@opsnax1468]

@MalewiczHype by the way the video is very helpful ☺️

[@MalewiczHype]

Which part did you like the most?

[@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" :)

[@bikibalami]

Whats up with every top Graphic Designers and their Hats

[@MalewiczHype]

We’re all secretly old and bald

[@carlosrocha5814]

👏👏👏👏👏

[@vasilicarafizi]

goated video

[@MalewiczHype]

Which part?

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

[@grav3ns3n]

The example at 6:00 has 4 fingers, yeah real people :D

[@MalewiczHype]

As real as they get, these are quick examples not production ready pics :)

[@Mylordkaz]

now that I know the tricks, I feel forced to buy by design 😅

[@MalewiczHype]

You can now focus more on evaluating the value of the product instead

[@gerwynmoores1132]

Great, now do this type of hero on mobile 😂

[@cincsciences]

funny and badass useful...

[@davids.watson7342]

Nice and expensive content... however, cognitively speaking you might want to avoid those sudden intermissions about your services, liking and subscribing, as you are creating a pattern interrupt and causing a frustration. Better results if you keep that for the end or at the beginning of the video (in any case, someone who doesn't watch till the end is not going to like or purchase your services. 👍🏻

[@kevyn.patrick]

Hello, Michal! Long time no see. I don't know if you're using AI for choice or it is a KZbin feature; but it is lowkey terrible... Even the song that is playing on the intro is getting auto-translated to the language in question. I have no trouble watching you in english, but since it is a useful accessibility function (even tho I don't support using AI), I'd like to give you this feedback and or piece of advice here! Nice video as always, thank you so much!

[@MalewiczHype]

That is a youtube feature and I think it's automatic :)

[@simonankele299]

Bad translation to german.

[@MalewiczHype]

It’s automatic by KZbin. You can turn it off.

[@MrInsider33]

Why is this translated to german with a bad AI voice? Not sure if it's on purpose, but I am not going to listen to this...

[@MrInsider33]

okay, found the option to switch audio tracks :)

[@MalewiczHype]

KZbin is testing accessibility features, not sure where I can even turn it off 😂

[@SehrishMoujahid]

can you plz make video in English?

[@sahilrathee5347]

wowwwwwwwww

[@RezaOpdebeeck]

OK but please stop with the annoying "click" sound effect every 2 seconds! It's very annoying and distracting. We can understand your message without it

[@gariklaw]

But it now :) Great stuff otherwise!.

[@MalewiczHype]

Nobody’s perfect there are some small things I missed in some other places - but these videos already take forever to make

[@Sonu-wg3os]

"Can you handle more Views ?" Hey malewicz, Did you know Your Content has a potential to reach million of more views? Yes that's India's Population Would You be open to the Idea of Having a quick meet to discuss how ? I'll Show you How's that Possible.

[@MalewiczHype]

No I cannot handle more views. Sorry.

[@adam_moucka]

Awesome video as usual 🫡 thanks for the effort you put into these to make a change!

[@abdoo3301]

Pretty sure this video is AI generated, Malewicz is a bot.

[@OtVosff]

kzbin.info/www/bejne/pIjFc42Gn8qplZI I se that you use the dashboard platform is on top of hero :))))))))))))))

[@MalewiczHype]

Yes. We made it that way because that course was about UI patterns - and in some B2B cases an app can work in the hero section (as mentioned). All according to plan