Level up your UI design skills in 12 minutes! | EP2

Setapp tools mentioned in video: TypingMind, CleanShot X, Session

| Links

| Let's be fwens!

| Watch next

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

[fabbahiense]

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 <3

[sythe]

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

[sadiamumtahnarhidi]

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!

[superninja]

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.

[ThoughtsCo_]

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.

[yeannetung]

personally i prefer option 1 because the images would probably be interupting my reading experience

[marzoval]

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.

[zuzannaziolek]

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.

[sehanhasan]

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

[ankurraj]

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

[tmiiir]

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.

[SofiaSS]

Option 2 is definitely better and love the pinned images, so users can keep looking at the pictures as they move through the description

[alialkofee]

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.

[clevermissfox]

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!

[personalquests]

I worked on my application and now I am redesigning a single page everyday, these videos are helping a lot thank you.

[notorioustofu]

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

[hannahpot]

Hi! Your contents really helped me a lot in my UI/UX journey. I hope you'll create more of these kinds of content💛

[vd]

Thank you for sharing your design process.
Also the promo for showcasing the design options was very well done.

[salmi_chahid]

I really loved the way which you work with, and also your work is so beautiful and so appealing

[ankitmaurya]

🙌for giving your precious time to create this video. Rachel