The BEST ‘Before & After’ Designs Of 2021 So Far!

[@user-wk8vo4ju7o]

9:01 the designers here tried to achieve a fashion magazine look so that's why they used too many fonts and overall it meets the vibe...the reason they choose text color all white bcoz the main focal point was the dress and not the text.

[@azrulnaqeeb]

The fashion sale poster after the redesign, I still feel like it lacks in contrast. The word sale should be focused and highlighted.

[@user-wk8vo4ju7o]

Yup!! That's pretty important word and it should be on top of hierarchy...

[@katscandance]

Yeah …. From my screen I couldn’t even see the word “sale” in his redesigned poster lol.

[@Karonclip]

No

[@nexpro6985]

I agree. Plus the discount did not have enough prominence

[@gotivanmomak]

True its so hard to notice white sale color. And if ur selling something it needs attention!

[@paramedic4176]

I think the hand in the VR poster should be preserved because it is a key aspect of playing with VR which is feeling like you're in a different world despite being in the same place. The hand shows the exploration part of it which I think is important to preserve.

[@cristinabottino1202]

The goal is to advertise the product, not advertise virtual reality ... Don't forget it! Finally, the hand in that position sends negative messages in body language. Ciao!! 40 like? Seriously? 😅

[@fithomanuel1167]

@@cristinabottino1202 but the virtual reality is the main thing people want to try. So thats why they buy the product. 🤷‍♂️

[@Boxofcare666]

@Gian Goicoechea for me it looks like he is looking around, ”feeling” around.

[@hsn191919]

It might be from marketing point of view. But i get your point, it would’ve included on the brief or first revision.

[@LO_FLI]

I think the point for the client is to sell the technology and I immediately felt drawn to buy into the product in the revision but I was actually too distracted by the design and focal points to really follow the point of the original ad.

[@snapgraphicsuk]

At 7:23, I made myself quite proud, I’ve been learning poster design and layout theory (self taught) so, to test myself, I paused it before, pictured what I would have done then clicked play, and turns out we had the same idea, that gives me hope for my design future, small victory, however It made me smile, it was a subtle inkling, that I’m learning, and, going in the correct direction.

[@anonniftian2630]

You Sir, are an excellent teacher!

[@SatoriGraphics]

Wow, thanks anon :)

[@thejagman22]

Really enjoy your work and the improvements you've made are evident. One thing I see slightly differently, though. Working as a designer, realistically one rarely has the option or possibility of choosing whatever font or colour scheme you wish. Most brands are completely bound to a font and colour scheme as dictated by boring, but nonetheless existent brand guidelines. There are so many times working professionally where I know I could have made massive improvements if I had free rein, but realistically that's rarely the case (very often even imagery is dictated) and you just have to make the best job you can of it because to one degree or another your hands are tied.

[@riledmouse4677]

You really are an excellent teacher. I’ve learned so much from you in just a short amount of time. To me, it’s been more valuable than a college course would be because it’s organized in such a clear, compelling, accessible way. Can’t thank you enough.

[@SatoriGraphics]

Wow, thank you for the neat feedback Mouse! Have a great day

[@ShakaTechnique]

Where did you go to school? I’m also a graphic design atudent

[@IAMSucc3ss]

This is very helpful bro. Thanks alot

[@SatoriGraphics]

Glad to hear that

[@WillPage]

The VR one looks just like one of my designs. Honestly, I think the original is better, the text fitting the curves/shape of the image, but I do like highlighting the call to action. Being a landing page, a subtle animation can be used to draw attention to the button too. I think the margin consistency (padding) around the elements in relation to the edge of the page on the existing one too. Great design IMO.

[@droy589]

Liked and enjoyed this video. Need more videos like this....

[@SatoriGraphics]

There are more videos like this on my homepage :)

[@F0xtastic]

I love all these designs including the Fashion Sale poster, but I will say I feel the Fashion Sale poster was really reduced down to a very stereotypical sale style whereas the original, while RIDICULOULSLY too cluttered, had a bit more character and style. I would have liked to see it retain just a degree more of artsy elements to make it feel more unique and trendy rather than going all the way to the red tone and two shapes that feels like any old department store. That said, your design is worlds better in readability and I'd take it over the original any day!

[@jm0062]

I agree, a lot of people are afraid of detail making their designs "cluttered" or "too busy", but I think that's way better than the opposite extreme, where everything is so oversimplified, generic, minimalistic and ultimately boring. Detail and complexity gives your design style and identity. I'll take those dots and arrows and scattered shapes over a flat white background and a circle any day of the week.

[@mar_ink]

i agree

[@artdesignadvertising7026]

You're right some changes made the fashion sale dull

[@harleyb6327]

I think this channel simply likes to take creativity out of the equation to be honest.

[@christopherw.3063]

I love the concept of the original! I don’t think it needed to be simplified. Rather it needed more emphasis on the important information. Keep the flow of the poster. Also, I was wondering if “SALE” needed to be the one with the bold blue rather than “FASHION” because the purpose of the poster is to show that there is a sale. Good choice btw with making the 30% off bit stick out more!

[@williamlosima6636]

Hey @Satori, the feedback and tips in this video, Pure Gold

[@SatoriGraphics]

Cheers William

[@majotalan6333]

I learn better with these examples. Can't thank you enough.

[@SatoriGraphics]

Awesomeness Majo, thanks for the feedback

[@DoctorJjay]

I just got caught up with your videos and tips and one thing I really appreciate is the short quiz at the end. Being able to actively participate as if it was an online class lesson and getting your insights after showing which answers you were expecting really helped in the immersive side of the video. Thank you!

[@SatoriGraphics]

yeah I will look to add that at the end of future videos more so.

[@likatskitishvili8403]

I'm learning so much from you, everything you explain, makes perfect sense! Thank you 💜

[@SatoriGraphics]

Thanks a bunch Lika :)

[@zarrinnahid448]

Can you show some examples in which vertically aligned text stands out and looks intriguing. Thanks :)

[@LadyNerdyLegalPants]

For the "What goes into the ocean" redesign, I loved the hierarchy you made. However, that last line I would have pulled it away from the big group of text so it stood out a bit more. And I would have removed one of the two exclamation points. (!!) Lastly I would have made the PLASTIC POLLUTION as the red font. It drops the point that yes you're looking at sushi, but it's plastic garbage.

[@bigmanjustice1867]

Binge watching all your videos. super content wow thank you :D

[@SatoriGraphics]

Hope you keep finding them useful 👍

[@eduardlevitsky]

Nothing teaches you faster or better than Satori's before and after comparisons!

[@kukkutk2161]

watching yur vids way more effective thn joining a costly class i believe . you explain it the best way keep going thanks it helps. God bless !!!

[@SatoriGraphics]

Thanks for the solid feedback Kukku, annnd have a great day

[@VHSback]

For the H&M redesign I love the new hierarchy, but it lacks the elegance of the outfit/photo. What would be a good way to bring that back?

[@user-wk8vo4ju7o]

Yes in the original they tried to give the design, a fashion magazine look to it, that's why they used too many fonts...the main focal point was the dress and not the type so they choose all white...

[@taishibikiqe8796]

@@user-wk8vo4ju7o True but you have to consider if it's all readable

[@Denial210]

I think, it's just the box. Get rid of the white box, get the white H&M logo back in and make all the text elements white. Fixing only the hierarchy is enough for this to work just fine.

[@123mulita]

I think the font is too thick. Slim font would give more elegance/fashion feel to it

[@sharp4271]

@@123mulita Spot on, the font is too thick and maybe even a more scripty font somewhere would probably bring the elegance back

[@Dreyzie]

We need more of these contents 😍

[@SatoriGraphics]

Thanks for the feedback Drey ✌

[@RachelDala]

Love this video! So educational! I felt like I went to back to design school. Thank you so much ! I can’t wait to apply these new tips to my client projects :) stay well!

[@SatoriGraphics]

Happy to hear that Rachel, have yourself a good day 👍

[@wilsononyango380]

Your a genius baba! Thank you for your content

[@SatoriGraphics]

and thanks for the solid feedback, cheers

[@russelrealeza7142]

Glad to have perfect 9 points based on your test before the video ends man. Yes man, I am not a good designer yet, but I am still keen to improve my skills by also learning and researching further about the Graphic Design principles. Really learned a lot from this video of yours man, and it tested my thinking capabilities to a much higher level

[@karamzack7496]

Thank you so Much Satori Sensei 🙏🙏🙏

[@SatoriGraphics]

Any time 👍

[@portlandadllc7724]

I'm learning so much from you, everything you explain, makes perfect sense! Thank you

[@anmolmishra4166]

the fashion sale one's biggest con which hasnt been addressed is the lack or contrast between the white font and the background. the OG at least had a darker shape underneath the "SALE" text. the redesign ignores this.

[@KhyberGirlMx]

Best content 🙌 I learn more with you than with the teacher I had at Ryerson University.

[@SatoriGraphics]

thanks for this and hope you keep finding it useful

[@motiondesigner853]

great work

[@SatoriGraphics]

Thanks!

[@beristainbear3924]

I learned so much on the technical side, thank you!!

[@SatoriGraphics]

great to hear thanks :D

[@kRis-rn6so]

Fashion Sale: yep, you sold me on that one. Yours: refreshing colors, clear, removal of fuzzy whatevers cleans it up making it crisp, festive

[@pappa6085]

VERY HELPFUL THANK U

[@SatoriGraphics]

Thanks for the feedback man

[@muhammadmukhtat3923]

New subscriber I liked Your all videos so much Creative work I have never find this type of content on KZbin

[@SatoriGraphics]

hey thanks bro, welcome aboard

[@muhammadmukhtat3923]

@@SatoriGraphics most Welcome Bro

[@marhabamango3696]

The before and after are my favorite videos

[@QronoZ713]

Really love that Nike/Apple aesthetic with thin serif fonts ;)

[@onlybands321]

All good stuff, you're super insightful! IMO the nike "not how often..." poster i thought was great as is. If you could have updated the model in the same position, but not looking like she's from the 80s I think those changes would have looked better. But I'm a vintage stan so 🤷‍♂️

[@DarkPa1adin]

your last example is deep!

[@shahidbelawala]

Really so much helpful to improve my skills.

[@SatoriGraphics]

Happy to hear that bro

[@prpm5603]

Mesmerizing😍🔥. Thanks❤️

[@maira.akhtar]

I think on the fashion one you cleaned the poster very well but i would have kept the edginess of the poster which makes it unique, with the circle and straight type it turned out to be generic in my opinion.

[@Kallah_DaughterOfYAHUAH]

I agree

[@niutagodlewska7784]

To be honest I am not a fan of these changes. There were a lot of different pieces, but you made everything the same. One big image, one big font + small font, everything aligned the same. I agree that it's better, but I feel you use a one-fits-every solution. You should try as well to make it better, but not that "typical" - so it will save the mood and the original presence.

[@totokun8611]

Yeahh i agree with that

[@benglendenning5723]

Totally agree

[@Synqronizer]

Thru Satori’s context of making these changes to aid the functionality of these works I disagree with you. But that ties in disregarding the brand and visual identity somewhat. To me his alterations serve as a blueprint to advance the functionality and could be used to apply the design language of the brands afterwards.

[@squaremotionart6019]

your content is absolutely awesome... really... extremely helpful even to me who is not a designer per se.. but a Video Producer... :-) thanks for all your videos... raving fan of yours.. :-)

[@riclimiii7287]

Sir Satori made it nailed again! 🥰

[@muskamattadorres1696]

Need more of this series - it's like a creative director teaching the newbie/freshie

[@SatoriGraphics]

I have a new video in this series coming on Friday

[@TaskSwitcherify]

Forgive my criticism about your Sushi/Pollution redesign: I believe gray text has no place in design. Text above sushi is packed too tightly together and hard to read; no breathing room (white space) at all, and kerning is too narrow. Many readers' eyes will automatically skip over that entire text block (like with "banner blindness", there's "text blindness"). Trash inside the "sushi roll" is hard to understand - needs more nasty-looking plastics, maybe a red Coke cap or sharp black piece of plastic to convey the problem. The Call to Action - arguably, the most important element - has the smallest font size ("Stop plastic pollution now"). On the bright side, I like the enlarged sushi rolls but I'd also show a small soy sauce dish with more plastic (or being filled with oil from a gas tanker) to emphasize how everything is polluted.

[@ShakaTechnique]

Never apologize for being constructive. Nice points here 👍🏼

[@clairelouise2067]

i disagree the poster is way better

[@TaskSwitcherify]

@@clairelouise2067 Define "better" :-)

[@joeljose8574]

@@clairelouise2067 I disagree with what you disagree

[@victor_eyo]

@@joeljose8574 LMAO

[@arjunraj8826]

Was Very Helpful

[@SatoriGraphics]

Glad it helped

[@dantheman2907]

I love a good before and after.

[@SatoriGraphics]

This is a mix of many of them :P

[@sumrinasumaiarimi8709]

yusss igot 6 points for the number 7 design

[@SatoriGraphics]

There is a full quiz of that video 👍

[@grafxdesigner93]

Great information and great video! Thanks!

[@SatoriGraphics]

Cheers Rodney 👍

[@dusc4]

tho i agree on most of the designs i think on the h&m one we kinda missed the point. as always thanks for everything satori!

[@afrosymphony8207]

i kinda prefer the aspect of the h&m design where they used different fonts, especially the thin "exclusive" font. i'd preferred to see a different font in your design, i really like the touch of colour nd oveeral layout of yours though

[@ВладФоменко-р4е]

Thank you! That's amazing!

[@ipa_stor]

I'm newbie on this channel, but your videos are really extremely useful and 100% necessary for me, thanks for your content👍!

[@SatoriGraphics]

Thanks Ipa and hope you find my videos useful

[@pivotresearchfoundation]

Oof when the creator replies to all the praise but none of the feedback or criticism 😳

[@Mind_Fuel_54]

Amazing

[@raiseyourmedia]

3:19 - very persuasive an eye-opening!

[@ariestareq2335]

Sir you are great. Thank you very much.

[@hi9branding]

wish we could see more videos like this, i would say how helpful it is, a big thank

[@SatoriGraphics]

One more coming on the Fiday

[@fe7252]

Lots of wonderful observations, tips, and reworkings. Now while pretty much every change can work well on a landing page, I think there may be problems from a brand continuity perspective when you take one page from a full site and tweak an element (eg. Design 7) so that it works on THAT page, but no consideration is given to other places in the site where that element appears. I'm not saying Satori is doing that (these are all "one of" examples"), but I would advise caution with some of this.

[@Digital-Ape]

So cool

[@osian3854]

Massive improvements for design 3 no question about that but in my opinion I think the colour for the 'sale' in the title is too low contrast. I would've experimented with the colour a bit and maybe add that box shape behind it from the original design to make it stand out more.

[@michaelwincott]

I’m not a designer - just a nurse. But love your content. More!

[@SatoriGraphics]

Haha welcome and have a great day

[@danieltomas3282]

Design the original pic is actually really good not only is it complex in design but simple and new unlike the one you had created, maybe a new wave of design is finally approaching

[@gurvindernitb]

Thank you so much for great insights! Your videos are amazing, what software you use, if I may ask?

[@SatoriGraphics]

Thanks! For making videos I use Davinci Resolve and also After Effects

[@rahulgill4847]

Damn.. that was pretty good 💟

[@vincentidio9237]

thank you

[@miftahulhusna8105]

god tier content

[@SatoriGraphics]

👍👍👍

[@adnanmughal4364]

I am a newbie and I am learning a lot from you! Thanks

[@totokun8611]

The concept was like cool

[@MumbaiMirchMasala]

First I like then watch

[@SatoriGraphics]

👍👍👍

[@MumbaiMirchMasala]

@@SatoriGraphics Haha your video is super amazing

[@itskindofemily]

Ok but I'm currently designing the UI and UX for a web project at uni and one of your designs (#2) is legit one of the inspiration pieces for me

[@zandrosia]

New subscriber thank you for idea looks great! These resources are so helpful IM A FILIPINO DESINGER

[@SatoriGraphics]

Hello and welcome:)

[@salahali904]

Thanks

[@Atmixka]

You know. I can learn a lot from you, even if I am a beginner.

[@mr.malik07]

Very cool bro🔥❤️

[@SatoriGraphics]

Thanks a lot Malik

[@SaFiDesigns]

Amazing 😍

[@SatoriGraphics]

Cheers:))

[@CollinsKreation]

This is well done love it👊

[@SatoriGraphics]

Cheers bro ✌

[@kieranr2610]

Not going to lie I prefer the original look for the first design or the plastic pollution design but it’s always interesting to see other peoples takes and ideas for unique designs and ideas 👍🏻

[@MemeImpala]

You're so dope jeeeezus!

[@ibrahimGulsher]

Thanks 👍

[@hussainalghanim]

thanks

[@kRis-rn6so]

The Sushi Rolls: the original is soft and appeals to young parents, your layout appeals to another group of people. Both work. The message needs to be heard.

[@qualquercoisa4.0]

👏👏 Cool

[@2designerds]

In the US there is also ADA to keep in mind and a lot of the text needs a lot more contrast between backgrounds and colors.

[@ravimuzik1707]

I love your contents man, I look forward everyday for your tutorials 🙌🏽

[@SatoriGraphics]

That's awesome:)

[@SuperrEroulTau]

wouldn't be better for the first design (min 3:58) to place the logo just a bit above the word "what" or under "stop"? This way you would have kept everything connected and concentrated in the mid of the canvas. Having the logo on the bottom left when you have that much white space on the sides makes the overall poster look a bit out of balance.

[@Lueglam]

I felt good , when i say something and seeing you do in it

[@totokun8611]

In this case i like your hardwork

[@Mobin92]

The H&M one was better before. All those random fonts made it seem artsy and elegant. While your design look more technical and sterile.

[@ShahidAli-kn4te]

Man, you should try Voice over thinge to add in your professional portfolio. You have great accent & voice 📣 NOT FORGETTING your videos they are always very helpful and informative. Peace

[@SatoriGraphics]

Thanks for the kind words :) I'll keep that in mind

[@vincentnussbaumer3749]

I love the videos and examples. Where do you get the raw materials of the original Designs from? Do you extract them yourself? I also teach design and Layout at a school and I'm always looking for great examples to show to my students. I'd appreciate tipps on that matter.

[@ronigraphicart]

amazing!

[@BIGBOSS-yp3vz]

Love From Bangladesh ♥

[@abdellahelazhari8127]

the nike one realy didnt need any change

[@shizza82]

Awesome video. Only thing I have to say is I think on the fashion sale one, the sale text is the main point and shouldn't be in white and hard to see. That should be what stands out the most because the word Sale is what would catch peoples attention the most .

[@SatoriGraphics]

Cheers for the feedback!

[@zkc8]

Font of the Nike ad is an classic nike font that they used before. It also has the retro nike feel not just retro feel.

[@chamberlanaza8129]

Wow!!

[@SatoriGraphics]

Thanks

[@faith-i8y]

13:12 don't you need to put the buttons closer to the text block above? I think it's proximity principle or something like that

[@abhijithunnikrishnan8060]

I believe VR poster is kind of ok with a little bit of alignment and color change... And don't forget companies have brand books and their own fonts .. so i believe theres is some limitations to change fonts to visually liking all times.. Also in most of your designs in my personal opinion, it would be better if you gove some breathing space between lines .