Making A Spotify Design Better!? (Before & After ADVANCED Thinking)

[@SatoriGraphics]

Let me know if you dig this format of video where I talk about each small change and why I made it. Have a great Thursday fam 👍

[@bucksnow1482]

Yeah make video like this

[@chisomdavid-egbo2120]

sure, make some more of this.

[@minombre33]

This kind of video is really good "teacher". Make some more please!

[@ironman1617]

Sure! Keep up this good work. Let me tell you I'm no designer at all but I like everything about it and all I know was based on your videos. Even though I know very little, right now it's like 0 to a 100 if you know what I mean. So now I'm trying to put on practice all the concepts about this. Thank you very much!

[@henrymmene4470]

Yes we are learning alot.

[@Apollo_FNC]

The Spotify one is kinda going backwards, Spotify is known for using 2 weird colors on all their graphics, it’s kinda their style at this point.

[@eddiestok]

it's not just 'kinda' their style, it's a very intentional and central part of their visual brand identity. The spotify ad looks like a spotify ad, the revision looks more generic.

[@elio5896]

Yeah, totally!

[@stillremain.artwork]

exactly my thoughts

[@justino9528]

exactly

[@DESIREEARMOJALLAS]

yeah same

[@danielgasparik2021]

Hey Satori, loved the other designs but the Spotify just didn't slap for me. I think if you tried to combine the two, maybe you could end up with something interesting, anyways great content as always.

[@asagoodfriend]

I figured out both the cons of that Spotify ad on my own even though I'm colorblind!

[@jarelbert]

This kind of content is so inspiring and so good for critical thinking. Thank you. I will definitely spread the word about you to my friends and colleagues.

[@SatoriGraphics]

Wow, thank you man.. much appreciated

[@alphadigitalart]

Wow I never seen the channel before like you... It's just amazing. You gotta deserve more subscribers and views.

[@SatoriGraphics]

Glad you think so, and a heart for the first comment

[@flaviuzzz317]

It's really amazing how your videos made me improve, i was basically thinking what's wrong with the design and then you just corrected it exactly how i imagined it.

[@robindegroot5629]

I have been struggling with my progression as a designer, not sure knowing where to find good information that is also applicable on a practical level. Doing another course or maybe even another study is just not the thing I am looking for at this very moment. But only after seeing 2 minutes of this video, I know for a fact that I will be able to learn soo much from you in a relative short period of time. So thank you very much sir for this type of content.

[@saracommunication]

Love this new series of before after designs. There is a lot to learn here. I pause the videos and think of what I would change. Great way to learn. Keep them rolling. Also it takes a lot of guts to improve the designs of big brands!! Salute to that.

[@rishirao9502]

For 2nd one arent there too many colours and the eyes focus shifts from "okay" and "twitter". Just my opinion id like to hear if im wrong somewhere.

[@SumitSharma-vq4ry]

I legit like the original Spotify design, it's in-line with the current Spotify brand identity which utilizes harsh duo-tone color palettes. The redesign just doesn't feels right in this case, But this is my opinion.

[@kingkangageo]

@@SumitSharma-vq4ry 100% agree

[@KiRita22]

Yeah, I felt that too, that there were too many colours - but it's ok, this is the level where we can have some disagreements. Perhaps a full black-white would have worked? Or orange-black/orange-white

[@justino9528]

agree

[@Lukazu901]

GOLD CONTENT. I think was on point putting the miniature on the right, a lot of times I have to go back to see clearly some changes you have made.

[@sarahellis7429]

I really appreciate this type of video where you talk through improving bad designs and would love to see more!

[@ollio9582]

Glad you chose my design to show in your video ! Didn´t expect that. Keep on with your great content! btw: perhaps the community can help you finding bad designs from big companies

[@D1.y]

Thanks for the framer sponsoring, this really looks like it would elevate my workflow. (And great video of course)

[@SatoriGraphics]

Great to hear that! Enjoy your day

[@cyborgmax]

I am a Marketing student here in Colombia and I love all your content bro, it is just so inspiring, thank you for sharing you knowledge ✌🏼🇨🇴🇺🇲

[@sumairasabir4354]

Sir you are awesome. Love your voice and your observations.

[@SatoriGraphics]

Great feedback thanks :)

[@lciav]

I’m working towards becoming a graphic designer, so I really appreciate your channel.

[@SatoriGraphics]

That's great to hear, and you've got this 💪🏻

[@biaccoo]

This series is so amazing. I appreciate you giving out your thought process SO MUCH!

[@mehulpanchal775]

thanx tom i like all videos but before and after series is really 👌🔥🔥🔥

[@provd]

Great video! I love the first example, but the spacing between "ES" in "GOES" is killing me. Anyway you got a new sub!

[@aalsicreations]

Hi , So glad that you found my design variation worth Sharing in your Content 😀, thanks a Ton master ! Though always a Room for improvement I can see into my work ; You made my day 🍻

[@King_O_Light]

Whenever I see any "please, don't turn me into a oversimplified logo" memes, I always think of you.

[@nikmadan]

amazing presentation and insight, u are an institution by yourself, cheers

[@SatoriGraphics]

cheers for your comments bro

[@EdwardSeeber]

I like the idea of giving us a design for us to recreate on our own, it helps w/ practicing more along w/ these improvement videos u do that give good insight on what to look for when making a design message impactful

[@ahmadsalehmuslimin]

this is professional mate... love the way you share us your idea for improving a bad design...

[@balakrishnan_btr]

The changes you made really make sense, so keep going, Bro.

[@aviraltripathi5413]

This before and after series is the best and the most effective way of learning design Please keep on making these videos 👍🏿

[@AKSURFS]

Excellent video quality, loved it and left a big like 👍✌✨

[@progressomorieme2063]

Wow I have missed a lot these past few weeks. But I must say that all the videos dating from the past weeks till this recent video are very educative. I would have loved to participate on those weekly design challenges 😊. Keep up the good work 👍

[@SatoriGraphics]

Welcome back and stay well :))

[@amoahpaul]

Hansief is sans serif typeface in modern-vintage shape. The font comes in 2 styles which is Regular and Rough. Caution - Windows users This font is heavy to load and may freeze or crash the Windows font viewer. You should avoid previewing it before installing it (do not double-click on the font file, but right-click > Install)

[@d.52555]

These are really great!

[@SatoriGraphics]

thanks!

[@shehabelsheikh4748]

Wish I was first, amazing video amazing content keep it up!

[@redd1002]

I’m learning so much from your channel. Thank you for producing great content!

[@shaunhill2466]

Good work tightening up the leading of the text.

[@ghada3883]

Thank you for making these videos they help me a lot

[@whayls]

Yo that little ad peak, and then saving the info for later - SMART

[@sazzadhossain7262]

You are really a best mentor 🙂

[@__t__s__]

Yeah very interesting vid. Thanks for making it, mate.

[@AJSraw]

This channel helps me so much, Love it.

[@Icantseewhynot]

Thank you so much for your content. Really helpful! New person here on the field! Peace and love.

[@hasnainahmed5647]

Thanks! It's great to be featured in your video.❤️

[@muhammadadnanafzal39]

your videos are cool! thank you for sharing

[@warrendesigns8799]

The designs you selected are good but the leading could be tighter so that is gives the designs a more compact feel also expanding the use of hierarchy

[@avinashsurve2898]

Thanks for your video it's very helpful to me

[@ChaosOrZen]

Love this series.

[@justanaliren]

Thank you so mush that's really helpful

[@SatoriGraphics]

No problem Suha

[@vitajacobs770]

In the plastic factory design, I'd use a dark brownish color to create a sence of disgust and repulsion. The blue, seemingly connotates a feeling of saftey and security, which counteracts the intent of the message. All other changes are good (unless the texture of the font looks like a kind of refined material - I couldn't see so well on my smartphone)

[@niaziabdelhai]

I kind of liked what you did to it, but I also think the reason behind that is that Spotify follows colorful and futuristic branding guidelines.

[@fickry8854]

please do more like this content, its good for my career, btw im kinda not sure about your spotify ads, i think its not gettening better than before, but overall this content that i always like and wait

[@rishabhkhatri202]

The VR one was actually impactful

[@SatoriGraphics]

cheers!

[@sepidehAhmadi_1989]

awesome ...sooo usefull. thx

[@SatoriGraphics]

Happy to hear that 👍

[@jamisonyzaguirre6614]

I agree with your changes.

[@harshlpatel]

Amazing! But I think for Spotify design, design follows Spotify branding guidelines

[@mauryosber]

of course it is, satori's design was good but he broke its spotify branding

[@francis__97]

Just nailed it!

[@SatoriGraphics]

Cheers Datti

[@mehdighorbani9480]

very useful, thanks.

[@WillPage]

1. Great! Bolder and better (I want to read it.) I wouldn't notice the plastic in the first one. Is the logo a bit too small? 2. 50/50 on this one, I wonder if the flatness of one colour was to support the punching 3D image. I am sure the non-video rendered version is punchier. 3. I like it, would maybe consider Virtual Reality in white and Experience in pink and leaving the logo white (I am sure the client would like some brand awareness etc). The buy now is MUCH better. The image is better zoomed, I think it's a bit close to the top (maybe).

[@DibyajeetKirttania]

I cannot agree with Spotify design. The after designs contrast seems low also its kind of distracting.

[@SatoriGraphics]

we will agree to disagree then :P

[@DibyajeetKirttania]

@@SatoriGraphics maybe its because of my screen. No offense tho

[@danieljinmi]

Hansief is one of my favourite fonts.

[@SatoriGraphics]

Yeah it's a beast!

[@generativestudio]

I love Framer it's my primary tool

[@whatdabek]

The very last design with headphones, the first thought I had is having the headphones protruding out of the red background into white background a little bit...it would kind of tie the two background colors together making the design more coherent

[@speksuperhero]

Dude you're genius

[@Rajsinghvlog77]

Nice it helps me

[@SatoriGraphics]

Thanks for the comment Raj

[@BNSailor]

Love this

[@11gilchrist]

Amazing !

[@jarellnorris4337]

The second beats layout was 🥶🥶

[@yamlikhanuff5131]

thanks & keep it up

[@mikebail]

Thanks a lot for this

[@nafimulabir]

The 2nd design u recreated isn't that awesome, especially since the legibility of white wasn't there at all. To make it legible u had to use 4-5 colours which is overwhelming. I think what u could do is just darkening the background and use orange and white for the texts.

[@jkldstudio]

Thanks Man

[@vitajacobs770]

In the Spotify ad, I would use a lighter shade of black on the body text , or alternatively to make the hand with the cellphone - a lighter shade to keep one of these two elements - the main focal point. Is this consideration valid?

[@PnutJpg]

please make a course on graphic design..a complete 30-40 hours course

[@litemint09]

THanks for the learnings Satori, what video editor do you use?

[@SatoriGraphics]

Happy to help :) Davinci Resolve and also After Effects

[@noahgreen6292]

Nice video

[@SatoriGraphics]

thanks a lot Noah!

[@FPDirtyTeaLeaf]

On the ocean one I would have dropped an exclamation mark. I feel like one is enough when used in a serious context. In something like a comic more than one can be fine.

[@archiiwork]

Great👌👌👌

[@dharmeshlakhtariya3988]

Yor are amazing bro ✌✌✌

[@MrZxcvbnm22]

6:50 Here instead of black I would use a dark green (same color as BG but less saturation and brightness)

[@muktopakhi8828]

tnx, more

[@chundurupriyanka3980]

I want to start to learn graphics. I want to know from scratch of this topic.please tell from where I should start to learn there are many videos I can't get to know from where I should start.

[@twangerrrrrr]

8:26 im pretty sure gallery has 2 l's which might be a minor mistake in the image

[@mooncakes8227]

Your voice-overs are so soothing.

[@whayls]

Was really hoping you were going to move the website to the left on the spotify one

[@ronnydark3r]

I personally believe the Spotify promo design was a step backwards for multiple reasons. I know you are teaching graphic design, but in the real world, graphic design must adhere to the rules set out by the identity design. In this case, Spotify is known for using pastel colors as backgrounds and vibrant-ish colors as foreground. Not to say that the combination of the pale green and orange works out very well as they are complementary colors. Another thing I personally find not so professional is the use of Twitter's brand color inside Spotify's ad. In this case, the twitter logo and tag were placed there as to indicate that the quote above is from a tweet. Not necessarily as a call to action, to push people into searching that user on twitter. Thus, we don't want to make it draw too much attention. Also, the original font I thing worked just a tad better, because it had very subtle rounded features, such as the commas that made it come across as friendlier, and that is kind of Spotify's brand. What I did like was the way you tried to make the design work better with the image, but I believe you went about it the wrong way. Instead of making white text on that pale background (Contrast problems appear. Yes, the orange is bad, but white is worse) you could have made the nails and phone orange in Photoshop. That's what I would have done, at least.

[@philantype]

I think that VENEER by Ryan Martinson (Yellow Design Studio) would complement the first design as well

[@andreacarpi2971]

could you share a link to download the fonts you used?

[@imeuart6578]

To be honest, In 2nd design I prefer green, white, and black font colors =) Red doesn't match for in my opinion =D

[@ravikumars702]

Can you suggest some good fonts! Thank you

[@nuclear-zone]

hy can u make a video about video games UI , why some r great and some r terrible, and also what makes a game UI layout look good, like principles or rules... I am a game designer and i watch ur videos regularly, i think thr are many people like me who watches your videos , and it would be great if you make a video related to game UI

[@afridifacebook]

6:48 I would change the spotify logo to its green form to match the green in the mobile.

[@tpeso3241]

Very helpful! I love it, but have a question, in the second design "Why is black or white color for the content instead Dark Green ?

[@luckydhiman]

in Spotify you took out there main style. They use 2 color designs. Plus being a 600K design channel you should teach people how to design better in being realm of the brand guidelines. Not ignore those just do whatever feels or looks good. There is thing called brand identity that should be maintained but you just ignore that.

[@parmarmayur6382]

Hey, it's very Nice

[@bamaandrew]

I’m a simple man. I see satori video, I press like

[@SatoriGraphics]

👍✌

[@faizandhami]

1000k likes for this kind of kind of info.

[@ta6te]

Any reason you kept the 2 exclamation marks in the first one? For a formal professional design, I would've suggested just the one

[@dariogeorge8680]

So it all comes down to a personal preferences.

[@SatoriGraphics]

yes and no.

[@FadlyR1084]

Please make redesign of packaging

[@GiO1062]

6:49 Do you really think that the second one is better than the first one? wtf? Specially talking in a brand coherence and brand design style, the first one is clearly better

[@raksh.n6935]

In spotify design, I think black goes well with the Spotify logo at the bottom rather than white. Any comments? Open to all.

[@abirdatta1886]

Satori sir i want to learn design from you do you have any course in skill share.please let me know