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

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024

Комментарии • 279

  • @azrulnaqeeb
    @azrulnaqeeb 3 года назад +114

    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
      @user-wk8vo4ju7o 3 года назад +7

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

    • @katscandance
      @katscandance 3 года назад +7

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

    • @Karonclip
      @Karonclip 2 года назад

      No

    • @nexpro6985
      @nexpro6985 2 года назад

      I agree. Plus the discount did not have enough prominence

    • @gotivanmomak
      @gotivanmomak Год назад

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

  • @majotalan6333
    @majotalan6333 2 года назад +1

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

    • @SatoriGraphics
      @SatoriGraphics  2 года назад

      Awesomeness Majo, thanks for the feedback

  • @paramedic4176
    @paramedic4176 3 года назад +214

    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
      @cristinabottino1202 3 года назад +15

      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
      @fithomanuel1167 3 года назад +6

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

    • @Boxofcare666
      @Boxofcare666 2 года назад +3

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

    • @hsn191919
      @hsn191919 2 года назад

      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
      @LO_FLI 2 года назад +1

      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
    @user-wk8vo4ju7o 3 года назад +9

    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
    @F0xtastic 3 года назад +191

    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
      @jm0062 3 года назад +20

      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
      @mar_ink 2 года назад +2

      i agree

    • @artdesignadvertising7026
      @artdesignadvertising7026 2 года назад +2

      You're right some changes made the fashion sale dull

    • @harleyb6327
      @harleyb6327 2 года назад +10

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

    • @christopherw.3063
      @christopherw.3063 2 года назад +6

      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!

  • @snapgraphicsuk
    @snapgraphicsuk 2 года назад +2

    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.

  • @riledmouse4677
    @riledmouse4677 3 года назад +20

    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
      @SatoriGraphics  3 года назад +2

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

    • @ShakaTechnique
      @ShakaTechnique 3 года назад

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

  • @karamzack7496
    @karamzack7496 Год назад +1

    Thank you so Much Satori Sensei 🙏🙏🙏

  • @likatskitishvili8403
    @likatskitishvili8403 3 года назад +40

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

  • @KhyberGirlMx
    @KhyberGirlMx 2 года назад +1

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

    • @SatoriGraphics
      @SatoriGraphics  2 года назад +1

      thanks for this and hope you keep finding it useful

  • @droy589
    @droy589 2 года назад +1

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

    • @SatoriGraphics
      @SatoriGraphics  2 года назад

      There are more videos like this on my homepage :)

  • @thejagman22
    @thejagman22 3 года назад +13

    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.

  • @anonniftian2630
    @anonniftian2630 2 года назад +2

    You Sir, are an excellent teacher!

  • @WillPage
    @WillPage 3 года назад +30

    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.

  • @bigmanjustice1867
    @bigmanjustice1867 2 года назад +1

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

  • @Dreyzie
    @Dreyzie 2 года назад +1

    We need more of these contents 😍

  • @LadyNerdyLegalPants
    @LadyNerdyLegalPants 2 года назад +13

    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.

  • @eduardlevitsky
    @eduardlevitsky 3 года назад +2

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

  • @kukkutk2161
    @kukkutk2161 3 года назад +2

    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
      @SatoriGraphics  3 года назад +1

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

  • @IAMSucc3ss
    @IAMSucc3ss 2 года назад +1

    This is very helpful bro. Thanks alot

  • @DarkPa1adin
    @DarkPa1adin 3 года назад

    your last example is deep!

  • @marhabamango3696
    @marhabamango3696 3 года назад +1

    The before and after are my favorite videos

  • @affectiongraphics7637
    @affectiongraphics7637 3 года назад +1

    Best
    tutorial

  • @raiseyourmedia
    @raiseyourmedia 2 года назад

    3:19 - very persuasive an eye-opening!

  • @williamlosima6636
    @williamlosima6636 2 года назад +1

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

  • @motiondesigner853
    @motiondesigner853 2 года назад +1

    great work

  • @DoctorJjay
    @DoctorJjay 2 года назад +2

    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
      @SatoriGraphics  2 года назад

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

  • @anmolmishra4166
    @anmolmishra4166 2 года назад +3

    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.

  • @portlandadllc7724
    @portlandadllc7724 3 года назад +4

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

  • @onlybands321
    @onlybands321 2 года назад +3

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

  • @RachelDala
    @RachelDala 2 года назад +7

    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
      @SatoriGraphics  2 года назад +1

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

  • @kRis-rn6so
    @kRis-rn6so 2 года назад

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

  • @QronoZ713
    @QronoZ713 3 года назад +3

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

  • @VHSback
    @VHSback 3 года назад +78

    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
      @user-wk8vo4ju7o 3 года назад +7

      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
      @taishibikiqe8796 3 года назад +1

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

    • @Denial210
      @Denial210 3 года назад +8

      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
      @123mulita 3 года назад +12

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

    • @sharp4271
      @sharp4271 2 года назад +3

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

  • @zarrinnahid448
    @zarrinnahid448 3 года назад +20

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

  • @dantheman2907
    @dantheman2907 3 года назад +3

    I love a good before and after.

  • @russelrealeza7142
    @russelrealeza7142 2 года назад +3

    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

  • @sumrinasumaiarimi8709
    @sumrinasumaiarimi8709 3 года назад +2

    yusss igot 6 points for the number 7 design

    • @SatoriGraphics
      @SatoriGraphics  3 года назад +1

      There is a full quiz of that video 👍

  • @totokun8611
    @totokun8611 2 года назад

    The concept was like cool

  • @dusc4
    @dusc4 3 года назад +2

    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!

  • @muskamattadorres1696
    @muskamattadorres1696 2 года назад

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

    • @SatoriGraphics
      @SatoriGraphics  2 года назад +1

      I have a new video in this series coming on Friday

  • @Lueglam
    @Lueglam 2 года назад

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

  • @sanukadias5603
    @sanukadias5603 3 года назад +2

    Mesmerizing😍🔥. Thanks❤️

  • @afrosymphony8207
    @afrosymphony8207 3 года назад +3

    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

  • @miftahulhusna8105
    @miftahulhusna8105 2 года назад +1

    god tier content

  • @arjunraj8826
    @arjunraj8826 3 года назад

    Was Very Helpful

  • @totokun8611
    @totokun8611 2 года назад

    In this case i like your hardwork

  • @Atmixka
    @Atmixka 2 года назад

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

  • @wilsononyango380
    @wilsononyango380 3 года назад

    Your a genius baba! Thank you for your content

    • @SatoriGraphics
      @SatoriGraphics  3 года назад

      and thanks for the solid feedback, cheers

  • @vincentidio9237
    @vincentidio9237 Год назад

    thank you

  • @ipa_stor
    @ipa_stor 3 года назад +1

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

    • @SatoriGraphics
      @SatoriGraphics  3 года назад +1

      Thanks Ipa and hope you find my videos useful

  • @beristainbear3924
    @beristainbear3924 2 года назад

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

  • @maira.akhtar
    @maira.akhtar 3 года назад +18

    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.

  • @pappa6085
    @pappa6085 3 года назад

    VERY HELPFUL THANK U

  • @fe7252
    @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.

  • @osian3854
    @osian3854 3 года назад +2

    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.

  • @salahali904
    @salahali904 3 года назад

    Thanks

  • @squaremotionart6019
    @squaremotionart6019 3 года назад +1

    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
    @riclimiii7287 3 года назад

    Sir Satori made it nailed again! 🥰

  • @muhammadmukhtat3923
    @muhammadmukhtat3923 3 года назад

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

  • @pivotresearchfoundation
    @pivotresearchfoundation 2 года назад +2

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

  • @Mind_Fuel_54
    @Mind_Fuel_54 2 года назад

    Amazing

  • @ravimuzik1707
    @ravimuzik1707 3 года назад +1

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

  • @danieltomas3282
    @danieltomas3282 3 года назад

    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

  • @hussainalghanim
    @hussainalghanim 3 года назад

    thanks

  • @shahidbelawala
    @shahidbelawala 3 года назад

    Really so much helpful to improve my skills.

  • @ShahidAli-kn4te
    @ShahidAli-kn4te 2 года назад +1

    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
      @SatoriGraphics  2 года назад

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

  • @ariestareq2335
    @ariestareq2335 3 года назад

    Sir you are great. Thank you very much.

  • @digitalape7519
    @digitalape7519 Год назад

    So cool

  • @michaelwincott
    @michaelwincott 3 года назад +1

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

  • @kieranr2610
    @kieranr2610 2 года назад

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

  • @adnanmughal4364
    @adnanmughal4364 3 года назад

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

  • @zandrosia
    @zandrosia 3 года назад +1

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

  • @ВладФоменко-р4е
    @ВладФоменко-р4е 3 года назад

    Thank you! That's amazing!

  • @arianadewi6788
    @arianadewi6788 2 года назад

    love!

  • @MumbaiMirchMasala
    @MumbaiMirchMasala 3 года назад +1

    First I like then watch

  • @hi9branding
    @hi9branding 2 года назад

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

  • @grafxdesigner93
    @grafxdesigner93 3 года назад

    Great information and great video! Thanks!

  • @itskindofemily
    @itskindofemily 3 года назад

    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

  • @BIGBOSS-yp3vz
    @BIGBOSS-yp3vz 3 года назад

    Love From Bangladesh ♥

  • @rahulgill4847
    @rahulgill4847 3 года назад

    Damn.. that was pretty good 💟

  • @sudiptochowdhury9896
    @sudiptochowdhury9896 3 года назад

    3 and 4 are cool

  • @niutagodlewska7784
    @niutagodlewska7784 3 года назад +53

    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
      @totokun8611 2 года назад +1

      Yeahh i agree with that

    • @benglendenning5723
      @benglendenning5723 Год назад

      Totally agree

    • @Synqronizer
      @Synqronizer Год назад +2

      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.

  • @ibrahimGulsher
    @ibrahimGulsher 3 года назад

    Thanks 👍

  • @abdellahelazhari8127
    @abdellahelazhari8127 3 года назад +7

    the nike one realy didnt need any change

  • @CollinsKreation
    @CollinsKreation 3 года назад

    This is well done love it👊

  • @mr.malik07
    @mr.malik07 3 года назад +1

    Very cool bro🔥❤️

  • @2designerds
    @2designerds 2 года назад

    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.

  • @chamberlanaza8129
    @chamberlanaza8129 2 года назад +1

    Wow!!

  • @SaFiDesigns
    @SaFiDesigns 3 года назад +1

    Amazing 😍

  • @Mobin92
    @Mobin92 2 года назад +2

    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.

  • @shizza82
    @shizza82 2 года назад

    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 .

  • @MemeImpala
    @MemeImpala 2 года назад

    You're so dope jeeeezus!

  • @ronigraphicart
    @ronigraphicart 3 года назад

    amazing!

  • @zkc8
    @zkc8 3 года назад

    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.

  • @jmanzd4083
    @jmanzd4083 2 года назад

    I'm not a graphic designer nor a creative person at all (lol) but on the first design, i would rather highlight the "Stop Plastic Pollution Now" instead of the "Goes into you", simply because the former speaks on its own vs the latter. Meaning, if you make the other texts completely transparent and make the "Stop Plastic Pollution Now" the only thing visible, the entire piece would still make sense (wc is about stop the pollution).

  • @qualquercoisa4.0
    @qualquercoisa4.0 Год назад

    👏👏 Cool

  • @SuperrEroulTau
    @SuperrEroulTau 3 года назад +2

    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.

  • @gurvindernitb
    @gurvindernitb 3 года назад +1

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

    • @SatoriGraphics
      @SatoriGraphics  3 года назад

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

  • @CaioGuip
    @CaioGuip 2 года назад

    i love how he pronounces comBilation