Level up your UI design skills in 12 minutes! | EP2
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 2024
- Start your 7-day free trial and access 230+ apps & tools for Mac and iPhone: stpp.co/rachelhow2
Setapp tools mentioned in video: TypingMind, CleanShot X, Session
'Before' design by Shindi Fatika: dribbble.com/shots/21069171-V.... The result showcase is made with Rotato. After prototyping with Figma, I use Rotato for the 3D animations.
| Links
Resources, desk setup, gear: rachelhow.com/resources
Manage your freelance business using this: shop.rachelhow.com/l/notion-f...
My go-to design tool is Figma: psxid.figma.com/5z53qsuotr5n
My website is built using Webflow: webflow.grsm.io/rachel
Music in my videos: artlist.io/Rachel-2623692
| Let's be fwens!
Newsletter: rachelhow.com/newsletter
Instagram: / rachelhxw
Twitter: / rachelhxw
Request a video here: airtable.com/shrAWb7oXtqb8s302
| Watch next
Episode 1: • Level up your UI desig...
Episode 3: • Level up your UX desig...
My 9 income streams: • I Built 9 Income Strea...
Why I quit my high-paying job: • Why I quit my high-pay...
10 side income ideas for UI/UX designers: • 10 ways to earn side i...
My freelance process: • The 7-step freelance p...
| Chapters
00:00 Design Critique
02:00 Content Planning
03:05 Ideas
04:13 Setapp
05:08 Redesign
10:59 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!
![✅ Shopify Free Trial 120 Days 🔥 How to Get the Best Shopify Free Trial [UPDATED 2024]](http://i.ytimg.com/vi/Hs9Nekse8ag/mqdefault.jpg)
I love it! But I think that when scrolling, the Villa's image could be a little smaller, so that the user can focus more on the information and still be able to view the images. You help me a lot! Thanks
agreed!
hey even i commented the same thing 🤭and then saw your comment
Can you create a course that teaches UI/UX and everything that you do (specially the Research, Analysis, Discovery Process, etc)? I really want to learn from you and I’m happy to pay for it
+1 will also support this! I love how detailed she is with her process.
I was literally just checking the video description for this! Her thought process is insane
I know courses take a while to make and in the meantime I would love to know if she has any course recommendations!
@@victoriagillerlain yes agreed!
Absolutely! I 100% agree. I would love a full course from Rachel, it would be second to none! :) :) Please, please!
really like the redesign series
Thank you! I’m super glad to hear this :)
Hello Rachel, 🙋
I am a first year student in a Design college📖 in India. Ever since I got into design field I had this imposter syndrome😿. I always watched your videos and I used to think "wow. I wanna do all this too!".🥳
I started designing and sharing it to the world but I didn't got any clients😷. Then I started posting my designs into competitions and eventually won a few competitions☺. And finally clients started approaching me! 😄
When I earned my first money I was shaking😲! Because all the rejection I faced was scary to me. But it made me strong, very strong.😺
And I am incredibly happy to announce that recently I won a very amazing gig (💵). All thanks to you and your videos. You are a great inspiration to all the new designers who are getting in this field. 👏
I am looking forward to create a work life balance and pay my college tuition👨🎓. Everything is going great and I am growing both financially and mentally!
I hope you are having an amazing day too! Keep up the good work!😊
Your work on YT is so appreciated, Rachel. Thank you so much for taking time to create these. It's a fantastic resource to new and experienced designers alike!
Thank you so much! 🥹
personally i prefer option 1 because the images would probably be interupting my reading experience
Thanks for the feedback! That’s a fair point 😃
agree
Incredible and very well-thought out!
From just a quick glance, the original looks pretty good and functional, but there were in fact, many areas of improvement that can be exposed if you train yourself to develop a more critical eye for the user's experience.
As a casual viewer of design work (I'm not a designer), it's really refreshing and informative to see the before and after, as well as your thought process behind design decisions to flaws in the original that I never would've thought of.
Wow, thank you! You’re spot on 💪🏻
@@rachelhow Please what tool did you use to create the final demo video? I’ll like to learn it to make videos like that.
Thank you for your work. This is so educating yet not overwhelming due to how you present and structure the information. I'm your fan ❤
I love how your videos are always so well structured and I enjoy hearing your thought process behind your design choices. I love how you designed this app, I definitely prefer the option where the images are fixed because they are what make me most excited about booking a place.
I love this serie! I haven't stop learning and practicing since I've discovered your channel 2y ago :)
Thank you for sharing your design process.
Also the promo for showcasing the design options was very well done.
Thank you very much! Super happy to hear this :)
Beautiful design, would love to see more videos of this
I love this redesign series! It's really inspiring and helps me understand the UX/UI thought process as I see it in action. Also, the final presentation is so clean. I'll definitely be checking out Rotato. 👀
Thanks for this short and useful video. Your design process really inspired me.
This series is brilliant and I absolutely love it. It's really nice to see you sharing insights about your thought process and design concepts. I wish there were more videos like that out there. Keep it up.
Thank you very much :)
woooo, so amazing with your video prototyping, I love it 🤩
Really appreciate this re-design series.💛
Hi! Your contents really helped me a lot in my UI/UX journey. I hope you'll create more of these kinds of content💛
Thank you for the feedback, Hannah 🥹🙏🏻 Will create more of these :)
To see your thought process in identifying areas of improvement from a real, existing design, and actually improving it has far more educational value for more intermediate level designers looking for more than just "here are some cool color palettes and fonts to play with". Option 2 is definitely my preference. Having the persistent images seems like a better experience to keep users enticed.
Hey thank you :) I appreciate the kind words!
As a beginner in UI/UX design, I applaud Rachel for such great content. I feel like to be a Great designer takes a whole lot. Thank you for showing the steps that you take in tackling your designs. I am very impressed.
Awesome video! You were exactly what i was looking for. These insights are a gem.
Great video Rachel! Thank you for sharing your brilliant work and helpful resources!
Glad it was helpful! Thank you for watching 😁
Love the video and systematic analysis of the ui ! :)
Loving this series. Gives good insights!
Simply incredible! Please do a desk tour as well, I'd love to see your setup 😁
This is Rachel, learnt a ton of cool ways to approach design. Keep up the good work
It's so cool, that you describe process of thinking and your choice! Very useful. Thanks ❤
You're so welcome!
I've learned so much from your videos. Thank you!
Fantastic video. I appreciate the insight into your thought process.
This is a true work of art. I appreciate the new design :D
Loved the entire process for creating a stunning ui design, I liked the idea of keeping the images fixed when scrolling as it might help a lot in decision making
Thank you! Cheers!
My goodness! I learnt a lot in this short clip. I'm learning to design websites and I want to venture into UX designing
Thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanks 🙌for giving your precious time to create this video. Rachel !!!!!!
Thank you for sharing! Great video, loved the result
Thanks so much! 😊
I love the final result & presentation! So cool 🔥
Thanks so much! 😊
I really appreciate this kind of videos. Please, keep it up
Wow you are very talented, it was fun to watch your process!
Thank you so much Rachel!
I really like this type of content, I find it much more useful than tutorial videos, please keep doing this
Hello Rachel,
It was so beautiful
Thank you alot❤
Wow, that’s so useful! Thank you!
such a detailed yet straightforward redesign video! please don't stop making this kind of videos as it gives a lot of new insight in redesigning UI. I like the second option but imo first one is more common.
Thank you so much for watching! 🥺
Option 2 is definitely better and love the pinned images, so users can keep looking at the pictures as they move through the description
I love this kind of video it's really improving the design skills 👍🏻 please we wana more videos like this
Love this series! Keep it up!
You killed it with that video presentation at the end! Good work!
🥺 thank you!!!
It's impressive, please keep doing this.
I really loved the way which you work with, and also your work is so beautiful and so appealing
Thank you so much! Hope to see you around the channel :)
i have 6 months of subscription and i learned a lot from you, Thank u ☺@@rachelhow
I worked on my application and now I am redesigning a single page everyday, these videos are helping a lot thank you.
This is such a great redesign! It's so clean and more visual. So inspiring ✨️
P.D.: I vote for the second one!
Second one makes more sense, It gives such a beautiful and well thought experience, Great work.
Thank you! Cheers!
at least once a week I watch this video... it reminds me that what I thought was "fairly correct" is completely incorrect... Thank you for your beautiful work!
Clear critique - more videos to advance UI skills please @Rachel 🙏
It's impressive and very interesting, even when we're not designers, it helps understanding the process behind every UI thanks !
Thank you so much, i really like this series ♡♡♡
You're welcome 😊 Thank you for watching too!
Incredible Rachel! I'm a digital experience designer myself, and all your videos are very inspiring and insightful! Amazing work (and also thanks for making me discover Mobbin :) ) Keep the great stuff coming!
This is really helpful video for me as beginner. Please make more videos like this
Looks better than the original. Like others have said, Option 2 sacrifices a lot of screen real estate to images. If the client pushed for keeping the images on screen, you could scale it down on scrolling till the image width is about half the screen width and transition it into a horizontal scroll view with the other images. I do like the sticky CTA on the bottom, but with this much scrolling, there should be a "scroll-to-top" button available to the user. Standard practice is to put that towards the bottom-trailing portion of the screen, but with that taken by the CTA bar, maybe the top trailing? Either way, looks great. Nice work
Great redesign and well detailed..I love it
Can you share the figma file link please if you don't mind 🥹🥹🥹
Fantastic video! ❤ I prefer option 2. Having the photos visible is a good way to keep the look and feel of the villa on the user’s mind even while they explore the entire page.
Thank you Rachel! as a jr ux/ui designer i learn a lot with your videos :)
Happy to hear that :) Thanks for watching!
Amazing! thanks for sharing
Thank you for the inspiration.
Love the redesign. 1h vs 3h ; isn’t that always how it goes?! Using accordions and the horizontal scroll are some of my favorites to organize the text.
Sigh, good up writing… it IS such an important skill and I’m lacking. Even just for the placeholder text that won’t go on the final site. Thx for showing us all the preliminary research that’s essential prior to beginning the design. That’s often skipped in How To videos.
Great video!
Thank you!
Amazing work ❤
Loved it !!!
Love your analysis of the original, very well thought out! Would love to see user testing of your revision:)
Thank you, Julie! Will consider that :)
You're honestly too good!
Oh thank you 🥺
incredible video as always
Thanks for watching too!
Hi Rachel,
these redesign series are eye-opening and inspirational to people who are learning UX UI like me.
Hope you still have time to do these videos cause I know these are time-consuming since 3hrs thinking and redesigning then shorten it to 12:05 minutes video.
Thank you for your effort ❤
🥺 Thank you so, so much for the kind words. It's really nice to know that the hard work behind the scenes are being appreciated. I will be doing websites/dashboards next, to switch things up a little.
As a developers I would be pleased to work with a talented designer like you, amazing job, congratulations 👏🏾
You just taught me how to critically analyze a UI design. Would keep coming back to this video and will surely use the learnings to analyze better next time
Love it redesign series keep it up and make more ❤
Thanks! More to come :)
this looks amazing!!! i love it!!! please could you do a video that shows how you created the showreel at the end please? thank you!
Option 2, I love it
it's very clean and modern
These redesign series are eye-opening and inspirational to people who are learning UX UI like me.
Brilliant 😍
❤❤love option 2🔥🔥
I loved the way option 2 turned out. Love this series. Pls, keep on uploading this as a series. And the presentation video. Can you like make a video on how to present designs like that (It gives me Ad Vibes, lol)
Really inspiring work by Rachel.
Thankyou for your time and effort for helping aspiring UX designers and professionals improve skills throughout our UX journey.
Thankyou for helping me understand the UX/UI thought process as I see it live. Also, the redesigned product is so clean and simple.
But have a suggestion on the position of CTA button "Book Now". Could you please check the spacing/padding from the rectangle or mother container it is kept on.
Correct me if I am wrong using the terminolgies used here.
I am new & on my way exploring more on UX.
Hi, Rachel, I have been following your videos for quite some time they are really informative and insightful. As a new UI/UX designer I really appreciate the work you put in to help all of us. I really liked the prototype video you made. I was just wondering how you made that video, So if you could share some insight regarding the process or the tool used it would be really helpful. Thank you keep up the great work!! 😁
This redesign is fantastic! I'm absolutely in love with it. Would you be kind enough to provide some guidelines regarding the sizing of various elements such as buttons, padding, font size, and anything related to building a UI system?
Great tutorial! I love your analysis and the final result is indeed functional and feels luxurious.
Could you tell me what did you use to create the video to present the design? Thanks! :)
Your channel 🎉is excellent 👍👌 thank you I have learned so much from you !!!!
You look so photogenic too , excelsior 🎉
Excellent 💐
AWESOME!! Greetings from Brazil
Hello there! Thanks for watching:)
Love the final results Rachel. Another exploration I would've considered would have been to make each amenity and its icon, take a pill shape form with a light bg color and stack them side by side and wrap those that wouldn't fit on one line, Or even make them scrollable
Thanks 🙏🏻 Amenities organized in chips/pills would be cool to see. I would prefer them wrapped, instead of horizontally scrollable 😄
this is out of topic but you're hair today looks so cute! suits you really well!💗💗
Aww thank you!! You have good observation skills, it’s a new haircut and color haha 😃
Great work, I’d love to learn how you put together the presentation at the end
Thanks for watching! To do the showcase video, I prototyped it in Figma, then I use Rotato for the cool animations.
I reached out to the Rotato team and got a 25% off promo code. From now till 12 July 2023, go to rotato.app, apply code ‘RACHEL’ when you checkout for 25% off. Btw, it’s one-time payment, no monthly subscription ☺️
Just excellent
I love it❤
Thanks for this amazing video, I love the way you work ! Can I ask you how you made that last video with the rotating mockup and so on ?
Very cool!!
Thank you :)
I Love that you think 3 hours is a lot but I'm truly amazed by the result in just 3 hours, I want to work with you!
Its cool and very helpful ❤
Attention to details, very pleasing ui and thoughtful at the same time
Im learning alot from you
Love from india
Hoping to learn more from your side
My pleasure 😊
改的特别好，学习到了，谢谢！
谢谢观看！希望日后可以制作更多能够帮助大家的影片 :)
can u make a vid explaining how u do the ad video with a prototype in different viewpoints? great video!❤
Option 3: As you scroll, reduce the height to a min height. It’s an interesting effect when the aspect ratio of the image doesn’t match the initial image.
It is great! Can you put a video on how to create that prototype video with animations?