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

is there any way we can transfer these ui to Flutter project or we need to design again in flutter step by step referring to this design ui from figma?

Option 2 for better UX for users

Thank you so much Rachel! <3

You killed it with that video presentation at the end! Good work!

😍

coooooool
bottom part can be improve more. it seems missing something.

My goodness! I learnt a lot in this short clip. I'm learning to design websites and I want to venture into UX designing

What is that touchpad? :)

Option 2, I love it

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.

Hi Rachel ! Can you make videos of UI/UX design? I want to learn n create design skill.

Hey ! How can I edit 3D vedio like this?

Love seeing the transformation. ❤ For some I don't like option 2 as it makes the view of the rest of the page smaller and harder to see

Thanks for the video Rachel. I think the redesign is excellent. Just a question about putting an image gallery in the above the fold(which seems excellent to me at a design level) but I don't know if it could create some loading speed problems.

Amazing work ❤

Nice one

The only thing, it seems you miss is to mention right at the beginning what is the goal of the changes you proposing. Why did you decide yhat something wrong with the current solution ?

Option 3, 90%of the first fold is just the image, 10% is book now, price, name, location and reviews. When user scroll, the everything pushes up, but the image sticks to header with a shorter height. Within the description should highlight photos, which is a gateway to tap the photo and load them into full screen.

HOW did you create that mockup? someone please tell me, lol.

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!

i loved the end result! very nicely done! 3 hours was nothing compared to what I take lol

awesome content. how you do that phone or prototype animation on the result?

design is nice, but it looks like a blog, i dont like it, when i want book something, then i dont want blog feeling

You are ahhhh-mazing!!!

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!

Im wondering how you make the result video at the end with Iphone moke up! 😂

May I know if the former was done on purpose to revamp better on the latter side of the designs?

It's so cool, that you describe process of thinking and your choice! Very useful. Thanks ❤

woooo, so amazing with your video prototyping, I love it 🤩

how do you create this animations?

I like your design, however when inspired by previous services design pattern, I sometimes encounter "it is repetitive design" kind of reaction. what would be the best way to show originality?

i like second one is better for my self but my opinion are enough for users 😂

How do you do animated mockup in the end?

Can we see your redesign works from somewhere like figma community?

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 ?

So... what software is this, is it available on windows system?

Gain practical experience in conducting research, ideation, prototyping, and user testing within the dynamic environment of “UXUI Pros” . Their program offers adaptable lectures that foster efficient and effective learning, empowering students to excel in the field of UX/UI design.

The whole video was amazing... I feel that if "book now" Gets highlighted when it reaches at the end of the page, it might look better.... Probably i have seen this somewhere else and might enhance it a little.

Hi, how to hide footer in figma when scroll up and when scroll down if show footer

How did you created the video in the end? It looks awesome ❤ Well done Rachel🫡👏🏻

Subscribed🤌🏻🥰

This is Rachel, learnt a ton of cool ways to approach design. Keep up the good work

Wow, that’s so useful! Thank you!

Looks great. What are your guidelines for a good drop shadow (x,y,blur)? And, why you made you include customer support action because it doesn't match with your rationale you mentioned earlier on

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

AWESOME!! Greetings from Brazil

OMW , she was so beautiful

Brilliant 😍