Before & After 4: UX & UI Design - See the Difference

Watching experienced designers reworking designs and providing feedback behind their decisions is one of the best ways of developing your skills faster. Today I've prepared for you an example of mobile app design screens prepared by novice UX and UI designer with the intention of improving them.
Which brings me to my first tip for all of you out there making similar designs for presentation purposes on services like Dribbble. 3 out of 4 screens in this project were dedicated to sign up, and login processes, which are one of the most overused types of screens.
One screen of this kind per project is more than enough in my opinion and I think everyone would appreciate some more interesting examples from you to stand out better.
Get started with Figma for Free: psxid.figma.com/52h3iuj6s0bk
Watch other videos from the Before & After series here: • Before & After Design ...
Watch more of my UI/UX design tutorials here: • Figma Tutorials
Chapters:
00:00 Amateur vs Pro UI Design Examples part 4
00:47 1st screen
01:53 2nd screen
02:51 3rd screen
03:18 Final screen
Disclamer:
Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!
#uidesign #uxdesign #designtutorial #graphicdesign #mobiledesign #productdesign #ui #ux

[@KerevDesign]

I made an error with one of the screens, let me know if you were able to catch it out :D

[@adelanaofficial]

I didn't catch it. I actually felt the error was at the walkthrough screens.

[@KerevDesign]

Primary color at the navigation of the last screen is off :)

[@adelanaofficial]

@@KerevDesign Oh yeah, didn't notice that.

[@subhajitdas965]

This whole series is amazing🔥.

[@KerevDesign]

Thank you, this week there will be part 5, so stay tuned :)

[@galkalifa594]

Please make more videos of this series :) Very helpful!

[@KerevDesign]

That's the plan! :)

[@notyouraveragecomment1328]

I love the poles 🇵🇱

[@KerevDesign]

Oh, thank you, greetings from...? :)

[@funwave7748]

Awesome

[@KerevDesign]

Thanks!

[@saketkarande3784]

Great

[@KerevDesign]

Thanks! :)

[@kenonerboy]

How do semi transparent inputfields impede inputvalidation and where can i learn of this?

[@KerevDesign]

Well, any type of hint text or label would be small, and if you add very diverse background into the picture, the text will be very hard to read.

[@letmesay2035]

1 screen po zmianie, mysle ze Sign Up i Sign In powinny byc pogrubione, zeby bardziej dzialalo "call to action". na 2 ekranie, zdjecie deseru nie pasuje do tematu apki, deser w gastronomii jest najmniej wazny, powinno na zdjeciu znajdowac sie jakies danie glowne. Na zdjeciu, gdzie prezentowane sa sniadania, cena nie powinna grac pierwszych skrzypiec, bo klient kierowalby sie bardziej cena, niz tym co by chcial zjesc. Co myslisz?; )

[@KerevDesign]

Hej, dzięki za Twój feedback. Jak najbardziej są to zmiany, które można zastosować, co więcej pewnie można by sprawdzić ich performance przy użyciu testów A/B :)

[@letmesay2035]

@@KerevDesign jestem noobem w UX, sa to po prostu rzeczy, ktore zauwazylem i moim zdaniem powinny byc zmienione. Niekoniecznie jestem ich pewien, wiec raczej chcialem sie dowiedziec co sam o tym sadzisz :D poki co sam sie dopiero ucze :D

[@sasyaerfani2245]

Bisakah anda membagikan link aplikasi tersebut kepada saya?

[@KerevDesign]

Again, I hope G. translate did a good job: Saya mungkin dapat membagikan file Figma kepada Anda, tetapi hanya dalam mode baca-saja - apakah itu akan berhasil untuk Anda?

[@adelanaofficial]

Hello Kerev, I'd love for you to review my design. 👋 How do I reach out in twitter?

[@KerevDesign]

The best way of reaching out to me is to contact me though email address associated with my channel (you can find it on "about" tab).

[@adelanaofficial]

@@KerevDesign Thank you Kerev!

[@kenonerboy]

...110$ for some berries? XDDD I didnt know inflation was that bad in the USA

[@KerevDesign]

Well, not that uncommon in fancy restaurants, but yeah its a bit of exaggeration :)

[@ferasdukmak5360]

Can you critique my work?

[@KerevDesign]

Yeah, you can find my contact details in about section - it would be nice if I could make a video about it (I plan to start a new sub series of before and after).