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

This is a compilation of the BEST before & after designs I've made thus far in 2021.
The first 1,000 people to use this link will get a 1 month free trial of Skillshare: skl.sh/satorigraphics09211
This has been the most well received series on my channel Satori Graphics. People have enjoyed watching the before and after content, and following along while seeing small changes made to graphic designs, that result in a big difference.
Graphic design is a lot like a formula, where you can apply certain rules and end up with a great result. Yes it's also creative, but there is also a methodical approach behind it too. Making small changes to graphic designs in this before and after style, is really a great things to understand and learn for your very own career.
If you found todays compilation of the very best before and after designs here at Satori Graphics enjoyable or useful, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
🔴 The playlist that WILL turn you into a professional designer
• Before & After Graphic...
📢 📢📢 SUBSCRIBE TO MY CHANNEL
➤➤ / @satorigraphics
0:00 intro
00:30 Design 1
04:12 Design 2
05:55 Design 3
08:40 Design 4
10:28 Design 5
12:05 Design 6
13:15 Design 7
********************************************************************
What Makes A Portfolio PROFESSIONAL?:
• PRO Vs AMATEUR Design ...
Will Ai Take Over Graphic Design??
• THE FAKE DESIGNER! *Gr...
Only 1% Of Designers Know These Illustrator Tips
• ONLY 1% Of Designers K...
********************************************************************
Join Me On Twitter!
/ satorigraphic2k
Here's My Instagram!
satori_grap...
▶ Copyright
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the CZcams audio library and or sourced with permission from the author
FTC: This video is sponsored by Skillshare
• The BEST ‘Before & Aft...

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

[@Brovider]

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.

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

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

[@portlandadllc7724]

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

[@likatskitishvili8403]

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

[@SatoriGraphics]

Thanks a bunch Lika :)

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

[@sanukadias5603]

Mesmerizing😍🔥. Thanks❤️

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

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

[@brandonsimmonds6334]

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.

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

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

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

[@eduardlevitsky]

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

[@ravimuzik1707]

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

[@SatoriGraphics]

That's awesome:)

[@user-ky1fv4ul2c]

Thank you! That's amazing!

[@karamzack7496]

Thank you so Much Satori Sensei 🙏🙏🙏

[@SatoriGraphics]

Any time 👍

[@riclimiii7287]

Sir Satori made it nailed again! 🥰

[@williamlosima6636]

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

[@SatoriGraphics]

Cheers William

[@risenstarstudio]

This is very helpful bro. Thanks alot

[@SatoriGraphics]

Glad to hear that

[@bigmanjustice1867]

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

[@SatoriGraphics]

Hope you keep finding them useful 👍

[@adnanmughal4364]

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

[@droy589]

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

[@SatoriGraphics]

There are more videos like this on my homepage :)

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

[@QronoZ713]

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

[@grafxdesigner93]

Great information and great video! Thanks!

[@SatoriGraphics]

Cheers Rodney 👍

[@zarrinnahid448]

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

[@motiondesigner853]

great work

[@SatoriGraphics]

Thanks!

[@ariestareq2335]

Sir you are great. Thank you very much.

[@rahulgill4847]

Damn.. that was pretty good 💟

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

[@pappa6085]

VERY HELPFUL THANK U

[@SatoriGraphics]

Thanks for the feedback man

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

[@anonniftian2630]

You Sir, are an excellent teacher!

[@SatoriGraphics]

Wow, thanks anon :)

[@beristainbear3924]

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

[@SatoriGraphics]

great to hear thanks :D

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

[@wilsononyango380]

Your a genius baba! Thank you for your content

[@SatoriGraphics]

and thanks for the solid feedback, cheers

[@Dreyzie]

We need more of these contents 😍

[@SatoriGraphics]

Thanks for the feedback Drey ✌

[@majotalan6333]

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

[@SatoriGraphics]

Awesomeness Majo, thanks for the feedback

[@arjunraj8826]

Was Very Helpful

[@SatoriGraphics]

Glad it helped

[@vincentidio9237]

thank you

[@9branding]

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

[@shahidbelawala]

Really so much helpful to improve my skills.

[@SatoriGraphics]

Happy to hear that bro

[@CollinsKreation]

This is well done love it👊

[@SatoriGraphics]

Cheers bro ✌

[@DarkPa1adin]

your last example is deep!

[@Mind_Fuel_54]

Amazing

[@marhabamango3696]

The before and after are my favorite videos

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

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

[@digitalape7519]

So cool

[@salahali904]

Thanks

[@ronigraphicart]

amazing!

[@ibrahimGulsher]

Thanks 👍

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

[@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 🤷‍♂️

[@hussainalghanim]

thanks

[@mr.malik07]

Very cool bro🔥❤️

[@SatoriGraphics]

Thanks a lot Malik

[@SaFiDesigns]

Amazing 😍

[@SatoriGraphics]

Cheers:))

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

[@arianadewi6788]

love!

[@SatoriGraphics]

cheers Ariana :)

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

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

[@totokun8611]

The concept was like cool

[@Atmixka]

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

[@muhammadmukhtat3923]

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

[@SatoriGraphics]

hey thanks bro, welcome aboard

[@muhammadmukhtat3923]

@@SatoriGraphics most Welcome Bro

[@affectiongraphics7637]

Best
tutorial

[@dantheman2907]

I love a good before and after.

[@SatoriGraphics]

This is a mix of many of them :P

[@zandrosia]

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

[@SatoriGraphics]

Hello and welcome:)

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

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

[@MemeImpala]

You're so dope jeeeezus!

[@qualquercoisa4.0]

👏👏 Cool

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

[@nayahuh]

Does anybody know what font was used for the original Nike example?

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

[@totokun8611]

In this case i like your hardwork

[@johnpauldnguyen]

Hey, I was wondering what font you used for “Virtual reality experience” in your redesign?

[@endresac369]

what software do I use to design stuffs such as yours

[@raiseyourmedia]

3:19 - very persuasive an eye-opening!

[@sumrinasumaiarimi8709]

yusss igot 6 points for the number 7 design

[@SatoriGraphics]

There is a full quiz of that video 👍

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

[@Lueglam]

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

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

[@shamanthsimha1006]

Sir can we use Adobe sketchbook to design pls let me know

[@BIGBOSS-yp3vz]

Love From Bangladesh ♥

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

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

[@parzival1608]

Where do you get your motion backgrounds from?

[@chamberlanaza8129]

Wow!!

[@SatoriGraphics]

Thanks

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

[@miftahulhusna8105]

god tier content

[@SatoriGraphics]

👍👍👍

[@Stas_ArDes]

What font did use for the main title?

[@sudiptochowdhury9896]

3 and 4 are cool

[@kbob582]

What font was it used for the main body of text in No.02 anyone? I NEED it

[@michaelwincott]

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

[@SatoriGraphics]

Haha welcome and have a great day

[@_cup_of_tea]

How were you able to recreate the posters? Were the poster elements downloaded separately? Or, did you do that yourself? If so, can you tell me how?

[@cherryblossom14689]

I think maybe he cutted out each elements and added separately according to his idea

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

[@muhammadmukhtat3923]

Animation Name?
Which type of Animation You used in this video?

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