Amateur vs Pro UI Design | with examples

In this video, we explore what separates top-tier UI design that attracts clients and lucrative positions from junior-level designs that struggle to gain traction. We'll examine a range of UI design samples, crafted by both novices and professionals, to guide you on your journey towards becoming a first-rate designer. From login & signup interfaces to dashboards and web apps, join us as we delve into color usage, hierarchy, contrast, spacing and more. This is the perfect resource for those looking to elevate their UI design skills!... Remember to Subscribe goo.gl/6vCw64
3 Month free trial with NordPass: nordpass.com/jesse
Code: JESSE
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.io/plans?ref=jesse
🖥️ ////////// I Build websites in Framer
framer.link/jesse
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...

[@humairanaeempasha2362]

Would really appreciate if you'd show your version next to the version being critiqued. Good content! 👍🏽

[@kiddgamer2940]

yes! this is a great idea!

[@michaelmd3541]

Thank you. Was thinking the same

[@JesseShowalter]

Noted!

[@Loggerr]

We'll need a part 2 of this. Its super useful to see! Good stuff Jesse!!

[@JesseShowalter]

Coming soon! While you wait, check out my new UI Design training program. It will help take you from Noob to Pro in 30-Days! www.30dayui.com/

[@GoddessofWarr]

I agree we need a part 2 !! This is so interesting !

[@JesseShowalter]

On its way

[@ogunsolajulius5424]

This is so good and helpful Jesse, we`ll need a part 2. Thanks for all you do 😊

[@JesseShowalter]

You got it!

[@raquelgarcialeyva9682]

Wow, Your 👀keen eye for detail is incredible; it really helps me pinpoint the issues in some of my designs. This video has been very helpful to me.

[@JesseShowalter]

Glad it helped! If you want Learn more about UI design check out my new course www.30dayui.com/

[@tictac_oe4590]

Loved this one Jesse! We need more of these

[@jennacorre8084]

Super helpful video, thank you! Rad 'burn the ships' cap too!👊

[@JesseShowalter]

Glad you liked it!

[@Mariamadk]

Very informative thank you so much! i was hoping for a part two with your guidance in redesigning a junior interface design while explaining more about the details to practice it with you.

[@JesseShowalter]

Great suggestion! I’m the meantime If you want Learn more about UI design check out my new course www.30dayui.com/

[@analuiza2677]

These tips are amazing! Thanks so much 😊

[@vineetboyle]

Broken down really well for us. Thanks Jesse.

[@JesseShowalter]

If you like this you’d love my full UI course www.30dayui.com/

[@cyberhrc]

On last example, i do agree that colors 'might' be better but at the same time we cannot ignore that some clients DEMANDS usage of 'their' colors [ purpose of branding etc ] in the design. Setting good color itself is always required but on showed examples, last one is 'too perfect' with usage of photos that perfectly matches design while the previous one had more ' real life ' photos. I am personally tired of 'blue' for business, money, and corporate stigma. Colors should have purpose for a user and for a client as the same value [ tho that is hardest part ] :) Overall good video, keep it up !

[@healthadvice3091]

I agree on clients say "can you make it pop?" at the end of the day whatever argument we say they just pay us money and follow what they want 😅. At least for small businesses

[@JesseShowalter]

Thanks

[@viktorskarlatov8227]

That was super informative. Thanks!

[@JesseShowalter]

Glad it was helpful!

[@Lisa-vh3uh]

Great video for me as a junior 😊 Thank you!!

[@JesseShowalter]

I'm so glad! If you want Learn more about UI design check out my new course www.30dayui.com/

[@sofihakobyan7223]

Very helpful ideas, thank you. I hope, you’ll do other similar videos 😊

[@JesseShowalter]

I’ll do more like. this If you want Learn more about UI design check out my new course www.30dayui.com/

[@user-ck7pf7ve1l]

I have to mention that I like your outro ❤

[@fareed_adam]

Very useful. Thanks for sharing!

[@JesseShowalter]

Glad it was helpful!

[@prmcabrita]

Thanks Jesse!

[@Erwin_t]

Great advice as always! could you do a video where you do a client project?

[@JesseShowalter]

Great idea!

[@grafartist]

Does this mean you'll bring back the rework series? I can see that being super beneficial for someone who is junior level like myself. I'm currently doing the course and I'll be honest, I thought some of those designs were good until you offered insight into what makes them appear less than senior level, so it would be cool to see you make edits in real time to do a before and after comparison.

[@JesseShowalter]

I will bring that back, I’ll ask for designs from my designchamps.io/

[@jdaniels4055]

Hey, this was really helpful!

[@JesseShowalter]

Thanks. If you want Learn more about UI design check out my new course www.30dayui.com/

[@kiddgamer2940]

great vids! a nit pick maybe would be on the design showcased at 10:36, the Belgium Flag is wrong. I know that was not the point of the video and it was probably just placeholder stuff, but I think it's important if we are trying to get taken seriously :)

[@JesseShowalter]

Not really the focus of the video but good eye

[@osasoyara]

Hello Jesse, great work! I'm looking to improve in the area of the design critique, and I need more reps. What website would you recommend to gather examples for critique?

[@JesseShowalter]

We do design criteria in my free community designchamps.io/

[@domvial]

On the sign-up screens, the primary CTA state should be displayed as disabled since the mandatory info is not entered yet. Also, on that last map screen, should be “Satellite”, not “Sattelite” 😉

[@JesseShowalter]

Thanks

[@andrescastillo07]

thank you!!

[@JesseShowalter]

You're welcome!

[@ladybubble82]

Excellent video!!

[@JesseShowalter]

Thank you very much!

[@UnKnown-hs3ic]

Kindly make part 2 of this video.

[@JesseShowalter]

Coming soon

[@AxsRock]

In apple's third Sign Up design, if it is a registration screen it should have a field to confirm the password.

[@JesseShowalter]

True these are not perfect screens just examples to start the conversation

[@kruzader]

Thank you

[@JesseShowalter]

You're welcome

[@kasforai]

How will the graph changes when imported into Bubble ?

[@WadeMurley]

Do you use Tella for screen recording?

[@JesseShowalter]

No I use a custom live streaming setup

[@adyme9420]

Great Jesse. Thanks for this video. But I cannot find the link to your 3 days program. Please send it to me.

[@JesseShowalter]

Try 30dayui.com

[@davidpsbn]

The last dashboard although it is everything good thing you said about it it’s also a fail UX wise. if used for a every day tool its just too much. Users and their eyes would be fatigued after 10 min of usage

[@JesseShowalter]

Just a UI design video

[@brycelee1529]

UI and UX should go hand-in-hand though… if you’re teaching designers this content to get hired, I think David has a valid point in saying that the last example is not the best. I personally don’t like it either because the spacing seems a bit off, and it’s not conventional to have nav bars on the bottom. I also think the colors are a bit distracting, but then again, I’m not a fan of neobrutalism.

[@braidedwire]

Could anyone recommend some good UI design courses? Most stuff i see on Udemy for instance is all-in-one courses including graphic design basics (which as graphic designer i don't care for) or full Figma/XD instructions. I wish to learn good practices on UI design, based on real knowledge, analysis and so on.

[@JesseShowalter]

I just released the best UI course on the market. www.30dayui.com/

[@vamboo8918]

Tq

[@JesseShowalter]

Welcome

[@Naam_Karan]

4:21 Can someone please tell me the icon and font name?

[@JesseShowalter]

Inter I think

[@audreymartingreen2228]

thank you man, i use to make simple websites out of WIX . i think i can start with this exp to jump into UI/UX builder, anybody here share the same exp with me? and Good content man! thanks again

[@KieRej]

You as a designer should be creative not a copy paster from DesignSpo

[@JesseShowalter]

It's a saturated space so there may be overlap with lot's of other content. For example here's a quick search kzbin.info?search_query=pro+vs+amateur+design See what I mean, lot's of examples 🤣

[@KieRej]

I've learnt a lot from your content tho! I appreciate @@JesseShowalter

[@8BitSlaya]

someone needs to @ fortnite for this

[@Larasjo]

5:33 Senior wrote forgot password at the top and you found it right? I laughed, thinking about heatmap, why should I try to touch the top right with my finger? forgot password should not be there. If senior is doing this, I laugh a lot. When a user forgets their password, they should naturally look for forgot password on the login screen. He will not see what he is familiar with and will look in the upper right hand side. why is it not next to the familiar remember me?

[@JesseShowalter]

👍🏼👍🏼👍🏼