Level up your UI design skills in 7 minutes! | EP1

P/S: The last screen should be Name on Card and Card Number. Apologies for the mistake as this was all done under 1 hour :)

The result showcase is made with Rotato. After prototyping with Figma, I use Rotato for the 3D animations.

| Links

| Let's be fwens!

| Watch next

| Chapters
00:00 The Redesign Challenge
00:40 Critique (Payment method screen)
02:15 Critique (Add card screen)
03:00 Thought process
05:50 Final touch up
06:20 The result

| Disclaimer
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!

[neelshah]

The redesign was awesome rachel ! We would love more redesign videos just like this.

[kavyapradeep]

Please continue doing the redesign series!! As a beginner in UI/UX, seeing the process in helping me grow as designer.

[arunsp]

I kept thinking something is very crowded and noisy but wasn't able to tell what it is. As soon as you changed the shadow to gradient, I went "Aah! There it is"

[nyme]

Seeing you design in "real time" helps to know how a proffessional thinks. I'm still learning ux ui so this is pretty useful❤

[JayneCJX]

I learned a lot from this, especially when you show your ux thinking process by explaning the reasons you make those choices, it is so pleasant and inspiring to watch the whole video.

[permafrost]

The final output made me dance in my seat, lol. Great Job. This kind of content is pure gold these days. Thank you very much for making it and yes please do make more :)

[johnotor]

The final result is dope 💯💥.
I love the redesign. The use of gradients to make the UI more appealing.
Also I want to assume you're trying to keep the videos short so they don't get too long and boring. But can you take them a little slower, so some of those silent points can be gotten as well.

[pain]

OMG, that End Result was such a great one... Wanda, too, had done a great job... I like the way you still refer to other people's designs too still learn, even though you are a great designer. We are all people learning everyday. Please continue this as a series I would love to watch more video of this kind...

[MuhammadIhsan]

I just had a breakthrough with my Figma design and stumbled upon your channel—it's truly mesmerizing! Your production value surpasses any other Interface Designer out there, and your design taste is impeccable. I must say, subscribing is definitely worth it! Keep up the fantastic work!

[dianasandess]

First and foremost, I appreciate the concept of exploring design enhancements.

I've reviewed the comments to ensure I'm not being repetitive, and I couldn't find a similar one. I apologize if this point has already been addressed. One thing that caught my attention, and I'd like to inquire about, is the decision to keep the logos on the right and the full names on the left. Just a thought, these three companies are well-established in the market, where their brands speak for themselves. By simply looking at the icons, we can easily identify them. I believe it might be worth considering to maintain the initial concept.

[adityanithariya]

Added scan my card button like it's just a button. Think from a programmer's view, it's a fucking new feature 🥲

[bhavanat]

The way you show your design process is amazing, this helps a lot for junior designers of how to go through things and redesign them. Thank you so much for creating such amazing content.
Please make more videos on design process and how you implement it to design.

[alexandrabulac]

LOVED this!
I wish UX design courses would be this quick and packed with information!

I feel like I learned so much from this vider, thank you!
More! More! :)

[Bamberbella]

wow, this is one of the best UX design videos i've seen. You explain things perfectly and its so easy to understand. A lot of what you did were things that make so much sense that i didn't know i could do in Figma since i haven't seen that in any other video iv watched in my journey of UX design. Thank you so much for this! This inspired me to work harder and improve my skills so i can do this full time, i am really passionate about UX even though i just started in the last 2 months <3

[sangeethababu]

Omg! This is great Rachel. I really wanted to improve my visual design skills. Keep making a series like this so that we can follow along and learn together!

[alexuqt]

Wow, i admire how you can see these little details, loved it!

[aemmlt]

Love your redesign ! As a young designer, it was also interesting to see the way you structure your notes, how you set priorities and reflect on the task at hand. It's a bummer we're not focusing enough on this at school bc it's an important step since it's at the early stage of the process.

Also, I would love to see a video that shows like a step by step guide of a project hand off to engineers/developers !

Thanks for the amazing content Rachel !🔥❤

[notorioustofu]

Interesting to see the process behind improving designs. The final design looks fresh and modern. I do wish there was an actual side-by-side at the end of the video. I found myself needing to scan around to compare the final result to original. Also (and maybe out of scope for this), I'd like to see design videos that also consider WACG guidelines as things like the main CTA color contrast would probably get flagged for improvement

[jaivignesh]

The design was super cool and elegant. There's a thing I noticed on the card details filling page, where you mentioned "Name on Card" for the card number and kinda missed separate field for "Name on Card". Thank you and Your works are always good.

[alexeytretina]

Really like the final result 🔥 Would be great to see the similar redesign process for a website!