Make content pages NOT boring again

[@KTaco11]

Im actually in the middle of designing a news/blog section for a client on their site and these were some amazing talking points and things to consider when designing a more engaging blog. Thank you!

[@MalewiczHype]

Awesome! Keep in mind that you don't need to go full crazy parallax (I wanted it ;)) and just using the interlaced visuals every 2 paragraphs boosts engagement of blogs big time.

[@KTaco11]

That's definitely a good point! Thank you for bringing that up. I agree the parallax definitely makes it feel more dynamic and fun. I might include some subtle parallax but i wanted to make it easy to be reused across different posts but not feel super "template-y" at tye sams time which is obviously easier said than done haha. And im not sure if the client will always have imagery that works for a crazy style parallax. I really like the interlaced imagery point you mentioned too! Definitely great things to think about! Thank you again and keep up the awesome work!

[@saminoid]

I'm one of those that I read the entire 1000 word article. Greetings from Spain!

[@MalewiczHype]

Hola! That's awesome! And spain is great too, can't wait to be back there in a few weeks :)

[@antonernst2696]

Pop-up blogs for the win. Thank you for sharing the wisdom. Actually heard of Framer just yesterday and i was blown away and your input just comes right on time

[@MalewiczHype]

Great to hear! Yeah some blogs can be "different" that way :)

[@grindstoneii]

As a freelancer while i love this, i feel like one of the largest sources of pushback From some clients would be the budget required to account for planning and extra resources

[@SzabatDesign]

Wooow, the quality of this material exceeded my expectations! It is really engaging. You can see that you worked hard on this film. I think that this is probably a better way, to post less frequently but in such great quality! I like how you use promts to generate images. I would be delighted if you added them to your AI course. Have a beautiful day!

[@MalewiczHype]

I'll probably share my prompting method at some point in that course - good idea. As for the video - I took a different approach to videos lately, but this pause wasn't due to that - it was necessary for another reason :)

[@natalie-taylor]

Such lovely blog 2.0 'delight' 🌠 Big fan of ur behind-the-scenes process vids - they're visually rich & great for engaging learning.

[@MalewiczHype]

Thanks!! Much appreciated as they take forever to create but I do enjoy making them too. It allows me to step out of the typical computer typing / rectangle moving stuff. :)

[@FloNocode]

Honestly, I really like what you did and the creative process that took place. And I agree with you regarding the need to rethink a format that is becoming very boring and uninviting. Now when I see the creative process for an article, it can be a turn-off, because it takes too long in my opinion. However, what could really be a real step in terms of a new way of consuming a blog is to transform this article into a video story format which could be a new way of communicating with its audio while keeping the spirit that you have in mind. Especially this type of format once written down and reusable in many ways in various formats. In fact, I prefer to create content that will take me time and that can be reused in various ways. POV

[@MalewiczHype]

A lot of the thinking is later reused so I won't have to do as much for the next post - I'm working on a more streamlined version of this :)

[@FloNocode]

@@MalewiczHype But i want to be clear with you, i really love your sandwich structure and idea behind you blog2.0.

[@MalewiczHype]

The sandwich is what I used in my regular Medium post for years and it seems to have worked well :)

[@czerskip]

I recently heard an influencer say that beautiful websites don't convert 😉

[@MalewiczHype]

Who said that?! What travesty is that! :D :D But at the same time, a blog is a little different to a sales website. I do like shifting views like that though :)

[@staybalancedn]

That was the next video KZbin showed me after this... I was confused when i saw it was the same person but I glad he addressed it

[@Mithferion]

Different purposes: different solutions

[@vasilicarafizi]

I don't really agree with the way Michal presents his ideas sometimes but most of the time low conversions have to do with bad copy and bad "framing" of the value of the service. A beautiful website will still undoubtedly increase your conversions if your copy is already good.

[@dinoscheidt]

@OP Problem is „Convert“. Which is a transactional point of view, and is correct if you really really have a game of numbers strategy to sell something online. However, a large part of the internet is actually branding and recognition, further up the funnel. Your or my personal website achieved its goal when it was memorable. Because being remembered means higher likelihood of being chosen, which than converts into a service, sale, career opportunity what ever. In that regard consistency is most important though.

[@alexinaustralia]

I love Framer so much omg

[@SkArifHossain]

Thanks for sharing the "sandwich" technique and the blog, kudos for your effort and have an awesome day 💝💝💝

[@MalewiczHype]

Thanks! This was both time consuming and super fun to make!

[@staybalancedn]

Love this, do you have more content doing design the building in framer... thanks so much!!! Also I really appreciate you finding a way to avoid the dreaded wall of text, i see often. I am going to replay this.

[@MalewiczHype]

Awesome! Of course the wall of text breaking is more important than parallax - in the long run this is what got me my millions of medium article views :)

[@josipX]

Excellent video as always

[@MalewiczHype]

Glad you enjoyed it! Took a looong time to make :)

[@AdrianRodriguez-tm3qj]

Thank you! I also wanted to create blog posts like this... I've just finished reading the post, a few of the images like the astronaut or you looking at the mountains keep popping in and out when I scroll

[@unsa101]

Thanks a lot for this awesome tutorials. Sir making img asserts without backroud is the biggest task when creating web. Please make a video about how to use mid journey and removing background using tools.

[@unsa101]

And trun off, your scroll animation's reply option.

[@hadiaslam7801]

That is the most creative Blog design I've ever seen, but how we can set this up in the CMS?

[@MalewiczHype]

Not all blogs need to exist in a CMS

[@Spunky_Tx]

I miss you man💯🧘🏾‍♂️

[@MalewiczHype]

what?!

[@Spunky_Tx]

I found relaxation watching your content. Like I leant a lot💯

[@MalewiczHype]

But what do you mean you miss me? I'm here.

[@werchsley]

Thanks for this, I think this approach/idea would work with email designing to be more engaging

[@crossxer6099]

Malewicz, heads up for your framer "the end of influencers" is not optimized for large screens and on my 2560 width screen everything looks broken including clouds and everything else :D Its very beautiful when i make it smaller though

[@MalewiczHype]

I have yet to add that larger breakpoint, for now it's just 1120 and mobile as the video took a lot of time. iPads and large displays are coming soon too :)

[@vaishnavimishra7293]

Thanks for sharing such innovative idea of presenting blogs. Could you also come with a tutorial of framer breakdown how to build this.

[@MalewiczHype]

I don't really do tutorials, it's more about exploring a concept. But for every single thing I did here you can surely easily find tutorials on the web and create stuff like that :)

[@muhamadsaeedd]

Your videos cheer me up! ❤

[@MalewiczHype]

How come? ;)

[@muhamadsaeedd]

I don't know, I just love to design when I see your videos, It's simple and true! ​@@MalewiczHype

[@MalewiczHype]

Then I succeeded! :)

[@muhamadsaeedd]

@@MalewiczHype Absolutely! ❤️

[@yasemintopuz]

Why do I keep nodding my head while I am listening to you? 🤣

[@alexeytretina]

I'd write in such a blog :) Technically it's Medium which just needs a certain type of multi-layered images. How to enable this feature - that's the only question. Those who want it - can use it. Others can stick to default images.

[@MalewiczHype]

Would be amazing if Medium allowed for stuff like that but it's not as easy to do well within a CMS so I don't think we'll see a full on platform enable stuff like that. But one can dream ;)

[@julianp3244]

where did you find the background components?

[@wiktoriaborska2681]

Love your videos

[@MalewiczHype]

Thank you!! This one took a lot of work to make but I enjoyed it a lot :)

[@zarathoustraInParis]

I follow a very interesting blogger in a niche problem and he often posted GIF animation in the middle of these articles. It's horrible when you are a reader and focus on the text.

[@MalewiczHype]

If it's right between text blocks it can be disturbing, but I try to actually give it ample whitespace so when you scroll to the gif you don't even have that much text in view.

[@OlafWilkosz]

Great video, but it's disappointing that no one considers 4K screen users 😞

[@ps-dn7ce]

Your name sounds Polish. 🙂 Anyway, amazing videos. Thank you!

[@MalewiczHype]

it is polish. Dziekuje ;)

[@barmosseri1353]

Really nice man

[@MalewiczHype]

Happy to hear!

[@deoncardoza2051]

What do you think about animations through an SEO standpoint? Animations or anything complicated significantly reduces site speed.

[@MalewiczHype]

There should be a balance between speed and the wow factor for blogs. But generally in most cases people don't get to your blog post from Google anyway, they usually already know you and click from your site. And the question then is - how do you keep them reading and not click away. But yes, speed in general is important to take into consideration when you rely on SEO heavily (some niches do)

[@enkvadrat_]

@@MalewiczHype You should add more semantic html elements, (like an actual element for the heading and for the subheadings). And maybe a for the qoutes.

[@MalewiczHype]

That is on the list after I finish tweaking the visuals.

[@vasilicarafizi]

in 2024 you shoud be able to add light animations to your website that load just as fast as static images did 5 years ago

[@andreasfalke2]

The importance of speed for SEO is often overstated. Sure, you don't want a website to take 20 seconds to load. But with internet speeds steadily increasing that barely happens anymore, not even on cell. Last year, we completely rewrote a clunky, very slow WP site with way too many plugins by hand. No WP, no plugins, just very slim, efficient code. The site was blazing fast after that, scoring 98 to 100 even on mobile, where before it got scores between 30 and 60, depending on the page. We purposefully did not change any of the content in order to test the impact page speed really has. Even a year after the switch it did not make any difference whatsoever to the SEO rankings. At this point, I think speed matters only once it starts affecting user behavior. But for that, it matters more that the page is clearly structured and not cluttered with irrelevant animations or pictures. I'd certainly prefer a simply text-only page with substantial content over fancy animations, no matter how elegant, any day. But if they support the content and maybe help me to grasp the main points made better, as suggested and demonstrated in the video, cool. I am sure that keeps people on the page longer. And THAT certainly is a relevant SEO factor.

[@tonystarkmowa]

I use wordpress to design websites but where i can acutally learn and master the web designing like you please share the resources i dont want to be like a uiux or any like that i just love websites so i want to learn the web designing and design principles

[@MalewiczHype]

I made a web design course back in the day - many people use it. We also have a web design challenge on our platform where you can practice.

[@intelone814]

While it looks really engaging, you got a lot of technical issues on the page. On my screen (2k), images are aligning to left, there's a huge space/gap between these yellow cards, the only correct thing is the long walls of text. I guess we can call it blog post 1.5? Till it's mature/stable enough to be 2.0. Thanks for the inspiration.

[@MalewiczHype]

As I mentioned in the description only two breakpoints are done currently - I am working on fixing more of them :)

[@intelone814]

@@MalewiczHype keep up the good work, I know working on breakpoint is kinda painful.

[@tomaszgasior772]

I wonder what's the quality of accessibility in website generated with such tool - this is required for disabled people who are blind or who have to use website without a mouse. Your website does not respect user preference for reduced motion - this may cause headaches for some people. Also, what about SEO? I took a look at your linked website and SEO fundamentals are broken - subheadings are implemented as paragraphs instead of correct h1/h2/h3 tags. Your site could look pretty but it may not work for disabled people and may not be properly indexed by Google. However, your page has some bugs, at least in my browser. Clouds are strangely cut in the middle and some non text elements are misaligned, justified to left instead of center. Basically, besides accessibility and SEO even the appearance itself is kinda broken.

[@MalewiczHype]

There are tools to add accessibility features to it and my take is to create a dedicated version of the blog for people with disabilities - it will also load faster. As for bugs - this is currently only created for two breakpoints, I stated it above the link, I'm still working on other breakpoints here. It's more of a proof of concept / exploration than a fully finished post (yet)

[@tomaszgasior772]

@@MalewiczHype > my take is to create a dedicated version of the blog for people with disabilities This is not how websites are expected to work. Websites should be accessible by default, without need for separate variants.

[@MalewiczHype]

Maybe most websites but I don't believe in a lower common denominator and I will be making dedicated versions - including one for screen readers and one with black background and yellow text. That way everyone gets an experience suited for them, not averaged.

[@enkvadrat_]

@@MalewiczHype Shouldn't you be able to define headings with framer?

[@MalewiczHype]

Yes, you are able - but this exercise is not about (yet) making a final-final version - it's about exploration of ideas. I am still working on it - as it's stated in the description :)

[@marloelefant7500]

I honestly much prefer blog posts that look like books or proper articles without distracting "by the way" sections in the middle. Your "Blog post 2.0" is admittedly really well made and the graphics do add value to the text, but I would have read it even if it was a wall of text. Especially the animations do not add much value for me. Moreover, they are a bit buggy when near the screen edge, they start over and over. Lastly, you have to carefully consider accessibility, never assume someone will be able to see the images or animations.

[@Mania26]

Czy certyfikat kursu Google: - "Build Dynamic User Interfaces (UI) for Websites" - "Certyfikat zawodowy Google UX Design" Plus zaplecze graficzne z doświadczeniem kilkuletnim, wystarczy mi by być zatrudnioną jako UX/UI albo choć UI ? Jeśli tak to w jakich firmach szukać pracy, jeśli nie to czego musiałabym się douczyć. Dobrze wiem, że całą wiedzę na temat projektowania mogę znaleźć za darmo na KZbin, no ale myślę, że pracodawcy wolą mieć jakieś potweirdzenie nauki.

[@MalewiczHype]

Hej, certyfikaty maja moze 1% przełożenie na zatrudnialność. O wiele wazniejsze jest jakiekolwiek doswiadczenie graficzne (wiec jesli to masz to to juz jest ogromna wartosc) - mozna tez robić projekty dla NGO's / non profitów za darmo bo to "prawdziwe portfolio". Jeśli jestes na naszej platformie learningowej to tam na Community Slacku bardzo dużo jest rozmów na ten temat + jak zoptymalizować wszystkie elementy + recenzje tych którym się udało (coraz więcej osób)

[@unpollo93]

I tried to read the article on a 4k monitor and all the layout was completely broken

[@BoredToDeafRecords]

Very cool, but... the tops of the clouds are getting chopped off leaving some really ugly flat tops to the clouds as the introduction to your page! Might want to address that.

[@MalewiczHype]

I'm still tweaking this, there will be changes for sure :) Clouds should be fixed now

[@BoredToDeafRecords]

@@MalewiczHype Yes, fixed, but... just a heads up: it's happening at the bottom of the page as well in case you didn't catch it. Also: the pull quote with your pict overlaid... missed a bit of the green screen. It looks like you're using a lot of automatic selections... which can be fine on a busy background, but can look a bit messy on a plain bg (though, I guess most people wouldn't notice).

[@MalewiczHype]

There's still a lot there to work with - I wanted to first create a proof of concept - so it can be a little buggy initially - we'll get there :)

[@BoredToDeafRecords]

​@@MalewiczHype Ahh.. I didn't quite pick up on the fact that it was a work in progress, thought it was a finished example (just a little rough because it wasn't a real job). BTW: I'm sure this has to have been done before, but what about hiding easter eggs in things like that computer screen? I'm guessing it wouldn't help conversion, but would knowing a site is full of easter eggs help engagement?

[@tonystarkmowa]

isnt it too much to design each blog post attractive?

[@MalewiczHype]

It is, that's why only my best posts will get this treatment - usually 5-6 per year.

[@GoodOAGames]

This is all very interesting of course, but no real business will spend resources to create such pages. Articles are usually written for volume and greater audience coverage

[@MalewiczHype]

They are written for volume and then get 3 reads in a year - 2 of which by the author :)

[@bartech101]

I agree that good visuals are important to convey the message or to explain complex topic. But doing fancy animations is a complete waste. Copy should be on the first place. If your post is bla bla bla no amount of animation will make it good. I prefer well written wall of text over pretty garage.

[@mrRobot-d1s]

first love from india "jai hind"

[@MalewiczHype]

Welcome!

[@marloelefant7500]

Shouldn't this video be labeled as "advertisement"?

[@MalewiczHype]

It is

[@Mooooty]

No one reads blogs anymore, period!

[@marloelefant7500]

15 years ago, we used to ask "follow for follow" or "follow back?"