This UI is good, but let’s make it great ✨ free roadmap to becoming a UI/UX Designer in 2023:
Thank you Wanda for the original designs:
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
Resources, desk setup, gear:
Manage your freelance business using The Creative Freelancer Kit:
My website is built using Webflow:
Music in my videos:
| Let’s be fwens!
Newsletter:
Instagram:
Twitter:
Request a video here:
| Watch next
Episode 2:
Episode 3:
How to find freelance clients:
My home office / desk setup:
My 9 income streams:
Why I quit my high-paying job:
10 side income ideas for UI/UX designers:
My freelance process:
| 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!
source
Great! What a beautiful end result! Thank you!
Impressive work! You rock 🤘🎸
Giiirl you rock! Amazing content ❤
Hi, what program or software did you use for that final video demo? It is very cool!
i like the way you wrote notes and then implemented them after.
can you explain where to find the battery icon and how to animate the end result?
Girl..damn. UI—you top secret
Where did you do your mockup?
HOW DID U DO MOBILE APP VISUAL MOTION, IN THE END OF THE VIDEO ?THANKS
Great UI transformation. Seriously 👍
A few thoughts out loud.
– Adding a new card is kind of hidden.
– Suppose I have more than 2 saved cards (which I have in real life) then I need to swipe more to get the add option.
– If outdated cards are still presented on the screen then I might want to clean it up.
How did you create that video clip showing the final design on a phone?
How do you make the animated mockup video for the redesign at the end?
like
Hi Rachel may I know where you make a video mockup for the result? It looks so good!
I love the video🤍
When I copy a design for practice, I can't search for different images of that design because I don't know its name, what should I do? And what can I do to learn different terms and new things related to UI/UX? Oh by the way you are very Cute and Looker . ☺️
probably the best ui educational video i've seen on youtube, thank you
Thank you for this! One might think this should be obvious, but I am a programmer, not a UI designer so I am very grateful for your steps and checks, even the disclaimer gave me a better mental context in which to stage my needs!
Thank you again, and happy new year Rachel!
If user can understand the ui. Then everything is good. All this bullshit of overlooking doens't matter
your content is amazing Rachel! And presentation skills outstanding! The video at the end took all the limelight? Which software do you use to make such videos?
Can I hire you in the future? So good!
I loved your design! I can definitely see an improvement! I was wondering, how did you create such a cool animation to present your final result? Is it specific software?
Hey how you make a prototype video like that?, can you make a tutorial about that?
great redesign! how did you do the final result video?
Please what software are you using for your designs?
As a junior in this field I can say you are such a great designer. This was verry helpful, thank you so much
While the blacksmith sharpens, the warrior bleeds. A designer's better idea is a programmer's worst headache.
Your design is fantastic! How did you create the video of the phone at the end?
what tools do you use for motion graphics for presentation of your work?
Hi Rachel. Loved the video. I would Love to know how you did the small prensentation video at the end? Maybe worth a video?
Great video! How did you do that video at the end to showcase your work? Would love to do that for a project I'm working on to show off the animations and prototype in a cool way ❤
Merci, c’est super instructif 👍
how you are doing these "review" videos 6:28
your work is awesome but your teaching so fast, please complete your sentence clearly with optimal speed. it will defiinately increse your content quality. and also don't swape camera view frequently 👍
The CTA looks like disabled state 😢
This is so helpful thank you. Can I inquire what it would cost for you to redesign an entire app around 20 pages
Hellooo I wanted to ask which program are you use?
Your design wont pass the accessibility test on the progress bar and the "or" divider… other than that you are good 🙂
What program is this
really love how you design it in real time!!! Also qq — how did you do the screenshots with the phone in the last scene? 😀 thanks a lot!!
Martin Matthew Wilson Gary Moore Karen
Wow !
I loved the way you explained this !
Could you please share the ho you created the 3D video at the end for the mobile too ? 😀
woow, how did you do that video showing off this UI? It's so cool? Is it free tool?
name on card is numbers , so its card number not a name correcion!!
Beautiful
Hello on how to Dashboard money with PayPal?
great
pls make more video on redesign
Mobbin should be free for everyone :3
This is awesome! So if the user has multiple cards and wants to pay with a new card, isn't it a hassle to go all the way to the end to add a card?
How about adding a button to add a card?