The BEST ‘Before & After’ Designs Of 2021 So Far!
Вставка
- Опубліковано 14 тра 2024
- 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 UA-cam audio library and or sourced with permission from the author
FTC: This video is sponsored by Skillshare
• The BEST ‘Before & Aft...
The fashion sale poster after the redesign, I still feel like it lacks in contrast. The word sale should be focused and highlighted.
Yup!! That's pretty important word and it should be on top of hierarchy...
Yeah …. From my screen I couldn’t even see the word “sale” in his redesigned poster lol.
No
I agree. Plus the discount did not have enough prominence
True its so hard to notice white sale color. And if ur selling something it needs attention!
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.
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.
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? 😅
@@cristinabottino1202 but the virtual reality is the main thing people want to try. So thats why they buy the product. 🤷♂️
@Gian Goicoechea for me it looks like he is looking around, ”feeling” around.
It might be from marketing point of view. But i get your point, it would’ve included on the brief or first revision.
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.
I'm learning so much from you, everything you explain, makes perfect sense! Thank you
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
I'm learning so much from you, everything you explain, makes perfect sense! Thank you 💜
Thanks a bunch Lika :)
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!
yeah I will look to add that at the end of future videos more so.
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.
Wow, thank you for the neat feedback Mouse! Have a great day
Where did you go to school? I’m also a graphic design atudent
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.
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!
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.
i agree
You're right some changes made the fashion sale dull
I think this channel simply likes to take creativity out of the equation to be honest.
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!
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!
Happy to hear that Rachel, have yourself a good day 👍
Mesmerizing😍🔥. Thanks❤️
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.
Nothing teaches you faster or better than Satori's before and after comparisons!
I love your contents man, I look forward everyday for your tutorials 🙌🏽
That's awesome:)
I'm newbie on this channel, but your videos are really extremely useful and 100% necessary for me, thanks for your content👍!
Thanks Ipa and hope you find my videos useful
Sir Satori made it nailed again! 🥰
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.
Hey @Satori, the feedback and tips in this video, Pure Gold
Cheers William
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.
Thank you! That's amazing!
Really love that Nike/Apple aesthetic with thin serif fonts ;)
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.. :-)
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 !!!
Thanks for the solid feedback Kukku, annnd have a great day
I am a newbie and I am learning a lot from you! Thanks
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
Sir you are great. Thank you very much.
Thank you so Much Satori Sensei 🙏🙏🙏
Any time 👍
I learn better with these examples. Can't thank you enough.
Awesomeness Majo, thanks for the feedback
Binge watching all your videos. super content wow thank you :D
Hope you keep finding them useful 👍
I learned so much on the technical side, thank you!!
great to hear thanks :D
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 🤷♂️
wish we could see more videos like this, i would say how helpful it is, a big thank
One more coming on the Fiday
Can you show some examples in which vertically aligned text stands out and looks intriguing. Thanks :)
The before and after are my favorite videos
Damn.. that was pretty good 💟
This is very helpful bro. Thanks alot
Glad to hear that
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.
Great information and great video! Thanks!
Cheers Rodney 👍
Need more of this series - it's like a creative director teaching the newbie/freshie
I have a new video in this series coming on Friday
You Sir, are an excellent teacher!
Wow, thanks anon :)
Liked and enjoyed this video. Need more videos like this....
There are more videos like this on my homepage :)
Your a genius baba! Thank you for your content
and thanks for the solid feedback, cheers
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?
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...
@@user-wk8vo4ju7o True but you have to consider if it's all readable
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.
I think the font is too thick. Slim font would give more elegance/fashion feel to it
@@123mulita Spot on, the font is too thick and maybe even a more scripty font somewhere would probably bring the elegance back
your last example is deep!
Really so much helpful to improve my skills.
Happy to hear that bro
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.
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
We need more of these contents 😍
Thanks for the feedback Drey ✌
New subscriber thank you for idea looks great! These resources are so helpful IM A FILIPINO DESINGER
Hello and welcome:)
You know. I can learn a lot from you, even if I am a beginner.
New subscriber
I liked Your all videos so much
Creative work
I have never find this type of content on UA-cam
hey thanks bro, welcome aboard
@@SatoriGraphics most Welcome Bro
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!
Best content 🙌 I learn more with you than with the teacher I had at Ryerson University.
thanks for this and hope you keep finding it useful
Fashion Sale: yep, you sold me on that one. Yours: refreshing colors, clear, removal of fuzzy whatevers cleans it up making it crisp, festive
Amazing
VERY HELPFUL THANK U
Thanks for the feedback man
great work
Thanks!
amazing!
This is well done love it👊
Cheers bro ✌
thank you
Thanks 👍
Was Very Helpful
Glad it helped
Best
tutorial
The concept was like cool
You're so dope jeeeezus!
Thank you so much for great insights! Your videos are amazing, what software you use, if I may ask?
Thanks! For making videos I use Davinci Resolve and also After Effects
So cool
Thanks
Very cool bro🔥❤️
Thanks a lot Malik
3:19 - very persuasive an eye-opening!
I love a good before and after.
This is a mix of many of them :P
Amazing 😍
Cheers:))
thanks
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.
love!
cheers Ariana :)
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
In this case i like your hardwork
yusss igot 6 points for the number 7 design
There is a full quiz of that video 👍
Love From Bangladesh ♥
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 👍🏻
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.
I agree
I felt good , when i say something and seeing you do in it
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.
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.
Yeahh i agree with that
Totally agree
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.
3 and 4 are cool
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 .
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.
👏👏 Cool
Sir can we use Adobe sketchbook to design pls let me know
Hey, I was wondering what font you used for “Virtual reality experience” in your redesign?
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.
god tier content
👍👍👍
what software do I use to design stuffs such as yours
I’m not a designer - just a nurse. But love your content. More!
Haha welcome and have a great day
Does anybody know what font was used for the original Nike example?
Thanks for those really great design solutions. I think I might add chopstick for the first poster for people get a little bit more uncomfortable and showing them those are sushi rolls babies. Because especially you done bigger the rolls, it look like far from being the sushi rolls. I hope you are understand me, thanks :>
What font was it used for the main body of text in No.02 anyone? I NEED it
Wiw learning Sir
👍👍👍
Where do you get your motion backgrounds from?