Level up your UX design skills in 8 mins!

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии • 192

  • @rachelhow
    @rachelhow  10 месяцев назад +15

    have you watched the Ghibli movie yet? 👀
    btw check out more resources for designers and solopreneurs at rachelhow.com/resources
    Mobbin (design inspo tool): mobbin.com/?via=rachel
    SUGGEST NEW VID HERE: airtable.com/shrAWb7oXtqb8s302

    • @sagarsingh5571
      @sagarsingh5571 10 месяцев назад +3

      Hi, can you make a tutorial on how you made that prototype animation in the end. It was amazing 😮

    • @clotildadaniels6453
      @clotildadaniels6453 10 месяцев назад

      Yeah it will be super cool. 👌 ❤️ 😍 💖 ❣️. I love that ending animation it's so sleèkkkkkk

    • @pavithraolety
      @pavithraolety 10 месяцев назад

      Loved your prototype and the whole video backdrop experience. Can you share how this was build?

    • @Abdulrehman-j6g1n
      @Abdulrehman-j6g1n 9 месяцев назад

      I'm actively seeking opportunities in IT and would love to discuss how my skills and experience could benefit your team. Please let me know if there are any openings or if you'd like to connect.

    • @sabarim719
      @sabarim719 5 месяцев назад

      Hey Richel! I'm currently learning UI/UX design. Your redesign is truly outstanding, and the way you present the results is truly remarkable. I'm curious to know if you'll be demonstrating the results in the video. It would be super helpful for me to improve the quality of my designs. I'm also wondering if anyone who sees my comment could share their thoughts about it. Thanks a bunch!

  • @Tommy-ev6gv
    @Tommy-ev6gv 10 месяцев назад +67

    What a beautiful redesign! The little popcorn animation and trailer after the purchase went through really sold the cinema experience!

    • @rachelhow
      @rachelhow  10 месяцев назад +3

      Aww thanks! Glad you enjoyed this one :)

  • @Katiedoan88
    @Katiedoan88 10 месяцев назад +52

    All I can say is WOW that was incredible!! Please keep up the great work sharing your thinking and process! I wish this video was longer with more details and a side-by-side comparison between the before and after screens. Thank you, Rachel!!

  • @AlienaCai
    @AlienaCai 8 месяцев назад +2

    Wow Rachel! This is a wonderful redesign and A+ editing and story telling 😍 I especially resonate with that "4 hours have past" 🤣

  • @brendalu5538
    @brendalu5538 10 месяцев назад +23

    The redesign looks sooo good, the beautifully made video presentation at the end though 😍 I would LOVE to see a video about how to make an impressive presentation like that! 🙏

  • @SatyamBarnwal090
    @SatyamBarnwal090 4 месяца назад +9

    I tried to redesign the 'ticket review' screen by myself before watching the whole video, just to see how close I can get to you. I knew that since I am beginner but still I tried my best to think like a professional product designer and thought about the user's needs and how can I save most of their times. At the end , the redesign came well. There were so many things I did exactly like you. I feel this is the best way to analyse your design skills. Design something and then look at someone designing the same thing and understand her perspective to solve problems. This was just great redesign Rachel. Thanks for this!!❤❤

    • @rachelhow
      @rachelhow  4 месяца назад +5

      OMG. This is a smart way to practice! you have the right mindset, I’m confident that you definitely will advance in your career 🫶

  • @ivanqiudesigns
    @ivanqiudesigns 10 месяцев назад +5

    I would change last continue button to confirm because that’s when user click to make the final payment

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Ahhhh great feedback! Thank you Ivan ☺️

  • @isalutfi
    @isalutfi 10 месяцев назад +5

    *Glad to see the notification. Thank you Rachel for talking about How Level Up Our UX Design Skills. Keep up! 🌿🍁*

    • @rachelhow
      @rachelhow  10 месяцев назад +3

      You're so welcome! Thanks for watching :)

  • @unstablejamil
    @unstablejamil 10 месяцев назад +3

    this is so good, more of this type of video please. I really love the mockup animation and the design result is great. and also the trailer on the ticket screen is so clever

  • @XiangqingZhang-v1g
    @XiangqingZhang-v1g 10 месяцев назад +2

    Hi Rachel! I love your UI/UX redesign series so much! It's the best video of this type I've seen on RUclips so far. It's educational and engaging. I've learned so much, and all your designs are so elegant and clean. Looking forward to the next one:)

  • @EDIRomanul
    @EDIRomanul 10 месяцев назад +3

    Great video Rachel! The design you created looks far better than the one they had originally. I do have a question tho, what app did you use to animate the intereaction with the mockup at the end? Thank you 🙏

  • @nisheethranjan1188
    @nisheethranjan1188 10 месяцев назад +3

    Your design was amazing! One suggestion though. What if we change the subtle red gradient on the last slide with the QR code to green? That would show that the process is now complete and we can go back to the home page. I know the brand colour is red but still. Would love to know your views

    • @rachelhow
      @rachelhow  10 месяцев назад +2

      Thank you for watching! Great feedback too. I think green is a great idea! Kinda cool if the subtle red gradient gradually animates into green.... to show that the process is complete :)

  • @alois9116
    @alois9116 10 месяцев назад +1

    Great work with a short time, i think that you can mention the discount info in the 1s screen that would incourage the customer to purshase and increase the conversion rate

  • @marcel2475
    @marcel2475 10 месяцев назад +2

    Hi Rachel, love the redesign 🔥... Wondering - how do you make those fancy animated mockups showing the result? You've inspired me present some of my work in a more engaging way like that!

  • @rkem1000
    @rkem1000 10 месяцев назад

    It's wonderful to observe your design process and UI/UX research. In my real-world experiences, we often lack the luxury to add truly awesome features or interesting interactions. If you're fortunate, you get to design with real user data instead of relying on personal assumptions. Occasionally, the frontend UI may look appealing but lacks adherence to UI/UX best practices. Some companies don't prioritize user research, while others believe in research but struggle with budget constraints.

  • @rkem1000
    @rkem1000 10 месяцев назад

    I recently discovered your channel, and I must say, it has great content. As a UI/UX professional myself, I often find issues not because the designer overlooked small details like inconsistent font size, colors, or misalignment, but rather due to product owners lacking UI/UX skills or being resistant to changes. In many medium to large companies, reliance on assumptions without proper data or user insights is a common challenge. It's a daily battle for me. By the way, excellent content!

  • @prashantrawatt
    @prashantrawatt 10 месяцев назад +2

    Loved the redesign process. The final mockup looked amazing too. What did you use to create the mockup screens and the final video?

  • @catchingthelight
    @catchingthelight 10 месяцев назад +1

    May I ask what tools you used to showcase your app in a 3D mockup video format? GREAT design and thought process and overall presentation!!

  • @wingsaber629
    @wingsaber629 10 месяцев назад +2

    Awesome! It's very similar to United State's AMC's movie app (AMC is America's largest movie theatre chain), which I think has perfected the UI/UX for booking movie theatres.

  • @theonlyrealyung
    @theonlyrealyung 10 месяцев назад +1

    Back button? :D Or a dynamic nav tab header for quick switching between the Steps pages would be good too. Let users identify early the number of steps setting expectations and the tabs minimize width after you switch.

  • @ArunKumar-sx1kv
    @ArunKumar-sx1kv 10 месяцев назад +1

    Discovered your channel today. I must say it’s visually pleasing. Motivated me to step up my game.

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Thank you for watching!

  • @ChisomOkoronkwo-ns1mg
    @ChisomOkoronkwo-ns1mg 9 месяцев назад

    I ABSOLUTELY LOVE the movie clip that plays at the success screen. The whole prototype got me in my feelings (for real) like, how can micro-interactions speak so much message?? So glad you're my mentor/role model @Rachel How ♥♥♥♥♥

  • @rishikasv8781
    @rishikasv8781 10 месяцев назад +1

    Excited to see you on my notification! Can you share tips on handling intimidating design files in partially completed projects? It can be overwhelming, and I'd love your insights. Keep up the great content!✨

  • @vaishnavimishra7293
    @vaishnavimishra7293 10 месяцев назад +1

    That was incredible! Could you please tell how you made the last final reveal video

  • @SnirSigawi
    @SnirSigawi Месяц назад

    Awesome work! I loved how well and detailed you transformed the user flow.
    I'd just suggest to break down the payment process a bit further. I'm talking about after pressing continue (step 3 - rewards page), and before receiving the QR code. You can insert a payment process there, so it'll correspond more to reality.
    Thanks for your educational video! I believe many can benefit from it 😄✨

  • @anelisseirigoyen8607
    @anelisseirigoyen8607 10 месяцев назад

    Just with the redesign process, I was amazed.. but I was stunned with the final presentation 😮 Thanks for sharing! 🎉

  • @ZietInvests
    @ZietInvests 9 месяцев назад

    While i have nothing to do with UI/UX, there is so much for me to learn here! Great video Rachel🔥

  • @maspioc
    @maspioc 3 месяца назад

    Really impressive!, the little touch in animation makes huge different than before from the app✨. Really love this content, cause it makes me want to levelup my skill as a UI/UX Designer. Thank you very much🔥🙌

  • @pfuente007
    @pfuente007 5 месяцев назад

    What an outstanding redesign: simple, yet efficient and understandable. I love it:)

  • @chelsealeonhardt1667
    @chelsealeonhardt1667 10 месяцев назад

    I agree with the other comments! I'd love to learn how you made your incredible display of the finished product

  • @AlvaroDiazCastro
    @AlvaroDiazCastro 8 месяцев назад

    Hi Rachel! now I learned how to show a great presentation. How did you transform the Figma prototype into a video the last part with the device rotating?

  •  10 месяцев назад +1

    Great vid! One thing I would do differently is in regards to choosing the people who are gonna be watching: it would make more sense to put that before the seat choice because how would you know which of the seats to cancel if you were to click minus on the "who's watching" page? Also the seats are a bit too small for a mobile app IMO but I get that you didn't have time to design that whole seating map.

    • @rachelhow
      @rachelhow  10 месяцев назад +2

      Omg THIS. Your suggestions are on point! It could have been much better with this small tweak, thank you! 🫡

  • @clotildadaniels6453
    @clotildadaniels6453 10 месяцев назад +1

    Fantastic. How did you make the mockup video at the end, I'd need that for presentation in my portfolio 🤔 ❤️ 😍 💖

  • @NagarjunP-tc5zs
    @NagarjunP-tc5zs 5 месяцев назад

    Last design show case video was epic, I was really out of the box

  • @tracyy6619
    @tracyy6619 6 месяцев назад

    Amazing process! thanks Rachel! Just curious on some points though-- as this process is pretty similar to my day-to-day process, but I have been struggling to tell how I make data-driven decisions, in this case, how would you answer this question? 2. would you share the final animated mockup?! that is sooo nice!!

  • @alannaskar3634
    @alannaskar3634 10 месяцев назад +1

    Hi, the only thing I find uncomfortable to select are the seats, maybe I would enlarge them a little bit since there is the functionality to navigate with the fingers as if it were a map.

    • @rachelhow
      @rachelhow  10 месяцев назад

      Ah true!!! The seats are super tiny unless you zoom in real close

  • @williamcopelandiv
    @williamcopelandiv 10 месяцев назад

    This was awesome! Love your breakdown, critiques, and reasoning behind why you were going to change things!

  • @abymathew575
    @abymathew575 10 месяцев назад +1

    all your videos are really nice to learn UX/UI. thanks for sharing

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Glad you like them! Thank you for watching 🥹

  • @emmafrisbie6611
    @emmafrisbie6611 10 месяцев назад +1

    I was just wishing to see more videos like this from you! thank you for the inspiration

    • @rachelhow
      @rachelhow  10 месяцев назад

      More to come! 🥹👌

  • @icy3879
    @icy3879 Месяц назад

    Thanks for sharing. I get a design exercise but the feedback is that my visual design is not strong. Which tool do you use for the final product video? Also, you add a black overlay on the images? Thanks.

  • @oldgenx
    @oldgenx 8 месяцев назад +1

    Great job, thank you!

  • @dhanushmc6041
    @dhanushmc6041 5 месяцев назад

    what a amazing redesign dude.. crazy .., really gave me a lot of inspiration ., and thanks for guiding in proper use of mobbin.,,, love from one of ur subscriber👍👍

  • @GraceOkoloise
    @GraceOkoloise Месяц назад

    This so clean and beautiful ❤

    • @rachelhow
      @rachelhow  28 дней назад

      Thanks, I appreciate it! 💖

  • @SmartHackDIY
    @SmartHackDIY 3 месяца назад

    What program do you use for presenting those mock up videos? That was very crisp, do you happen to use a template?

  • @bingers_uk
    @bingers_uk 7 месяцев назад

    This is really cool Rachel - how did you create the mockup animation?

  • @TheNamesRein
    @TheNamesRein 7 месяцев назад

    hi, im curious how you do those promotional videos, they look so great, the parts where the phone screen is there on the middle and like the phone rotates and moves around

  • @brynmuzika
    @brynmuzika 10 месяцев назад

    Very nice. I like how you execute your thought process well in solving the design problem. And the ỦI is well enhanced too. Thanks for this!

    • @rachelhow
      @rachelhow  10 месяцев назад

      Thank you very much! Really glad you found value in this episode :)

  • @VilmaCodeniera
    @VilmaCodeniera 7 месяцев назад

    The best!! Will you do a UX design course?

  • @SashaNEV
    @SashaNEV 3 месяца назад

    Hoooow you built this final interactive prototype for the demo video?! Where did you make it "alive"?

  • @Dhiiraj0408
    @Dhiiraj0408 10 месяцев назад

    this is amazing but my question is how did you create that last app prototype video?

  • @xxxxdddddss
    @xxxxdddddss 10 месяцев назад

    do you post your figma files from those kind of challenges? would be nice for juniors to inspect sizes and stuff

  • @anapaulamanrique3327
    @anapaulamanrique3327 10 дней назад

    I love your videos, they're so easy to follow through and have great content! :D
    Quick question: how did you make the movie poster "slide down"? I´ve been looking around the internet for the past hour but I can't find the right setting :0

  • @dashmitties3822
    @dashmitties3822 10 месяцев назад

    Hey rachel i would like to know how you are able to interact with every piece of the page? what are you working from(app)? I loved seeing this and it sparked some curiosity in me for the learning the process.

  • @556611
    @556611 10 месяцев назад

    Hi Rachel, I kid you not but I had the same frustration as you when I was last booking The Boy & The Heron via app. Especially confusing was the pricing & promotion for this movie in addition to the inability to apply my voucher (I bought a voucher from Klook) which resulted in me having to go to the cinema’s counter few hours prior to get it sorted. I’m taking up my course on UXD soon, your channel is an immense help and inspiration to me! ❤

  • @shafiq_ramli
    @shafiq_ramli 10 месяцев назад

    Sis minta buat video roadmap untuk jadi ux designer dan buat freelance online.
    Keep up the good work 💪🏻

    • @rachelhow
      @rachelhow  10 месяцев назад

      terima kasih for the feedback, noted on this one! 📝 you can check rachelhow.com/resources for the roadmap :)

  • @ZaidMarrie
    @ZaidMarrie 10 месяцев назад

    This is so amazing, my mind is blown by how this imterface is transformed to create a better experience, that is both visually appealing and functionally easy to navigate. What I am most inspired by is how you presented your final design. Is this all done in Figma?

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Glad you like it! It's designed & prototyped in Figma and then animated using Rotato :)

    • @ZaidMarrie
      @ZaidMarrie 10 месяцев назад

      @@rachelhow I've never heard of Rotato. Thanks for sharing, I really appreciate it!

  • @filmwmichelle
    @filmwmichelle 8 месяцев назад

    Hi Rachel! Just wondering how do you animate your mock ups?

  • @rijanregmi7956
    @rijanregmi7956 10 месяцев назад +1

    Your content is great Rachel. Can you share also the working file of figma, so we can practise with that.

  • @francesco5594
    @francesco5594 2 месяца назад

    Great redesign!
    How did you animate the demo at the end?

  • @kf_wong7076
    @kf_wong7076 10 месяцев назад

    Thank you for sharing this! It's so valuable!!! Finally get the idea on how to practice design critiques and design skills. 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻✨️

  • @aashabhandari1732
    @aashabhandari1732 10 месяцев назад +1

    Where did u edit the mockup video? All those shines and all at 7:40 ? Great work btw, loved it…Thanks for the video from 🇳🇵

  • @tiffa2305
    @tiffa2305 3 месяца назад

    wow i can't believe all of this is only done in Figma! do you share your figma files? i just want to get an idea on how you structure the files, components etc

  • @OmerBen-Ami
    @OmerBen-Ami 10 месяцев назад

    Great teardown!
    BTW - what are you using to create this bento-style video with two ovals? thanks! 🙏🏻

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Just creating those static backgrounds as images in figma… and then davinci resolve for video editing :)

    • @OmerBen-Ami
      @OmerBen-Ami 10 месяцев назад

      Simplicity wins! great content keep those vids coming! @@rachelhow

  • @sezersydm6844
    @sezersydm6844 Месяц назад

    That was great. I will start with your videos. I am psychology student and i will be ux designer. My friend is Graphic design student. He is studying on UI design and he asked me to work together. I don't know how to start but i will start.

  • @Shadowhuntered
    @Shadowhuntered 10 месяцев назад

    Woww that’s reallyy amazingg!! What software did you use for the phone mockup presentation at the end? Thankss!

  • @afsarux4367
    @afsarux4367 26 дней назад

    Amazing interactions unforgettable UX skills legendary best UX redesign

    • @rachelhow
      @rachelhow  26 дней назад +1

      Thank you! Glad you enjoyed it! 😄

  • @franceslim9561
    @franceslim9561 10 месяцев назад

    Can you share how you create the animation (Transition effect) on your final showcase ?

  • @designsrs
    @designsrs 10 месяцев назад

    Fantastic video, Rachel! As being a UI Designer Myself, Your content is truly motivational. It's refreshing to see such innovative takes on redesigning experiences, particularly with your insightful understanding of visual elements and aspects. The presentation at the end was particularly striking. I'm curious, what software did you use to create that presentation video?

  • @mirandamasego4826
    @mirandamasego4826 10 месяцев назад

    This is so Inspiring, Thank you Rachel!

  • @mushfiquehussain7296
    @mushfiquehussain7296 4 месяца назад

    Can you make videos on prototyping? Your prototyping looks cool!

  • @frnchtt
    @frnchtt 8 месяцев назад

    Looks awesome! What did you use to animate for showcase?

  • @HimanshuNegi-v4u
    @HimanshuNegi-v4u 3 месяца назад

    How did you have the final animated mock-up video done? I would love to incorporate it into my work!

  • @martinmaison6421
    @martinmaison6421 3 месяца назад

    Simple yet powerful

  • @AstonJay
    @AstonJay 10 месяцев назад +5

    They should definitely pay you big bucks for this redesign and implement it. It looks great! Well done!

    • @rachelhow
      @rachelhow  10 месяцев назад

      Haha, I wish! Not sure if TGV has seen this video yet :P

  • @yeannetung
    @yeannetung 10 месяцев назад +1

    as always! love this series

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Glad you enjoy it! Thanks for watching, as usual!

  • @leeclauvell
    @leeclauvell 8 месяцев назад

    Mind sharing what software did you use to create the result video (promotional video)

  • @davedesigns4you
    @davedesigns4you 10 месяцев назад

    Amazing video!!! I really liked what you did... Which tool do you use to do those beautiful animations? Good job!

  • @KeithG2
    @KeithG2 10 месяцев назад

    @rachelhow I really enjoyed how you explained your design decisions. The result is ten times better. Also, did you do all of the prototyping in Figma?

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      Designed and prototyped in Figma, animated in Rotato! :) Thank you for watching!

  • @bright_moses
    @bright_moses 10 месяцев назад

    Nice Video as alway 😍😍, please which icon plugin are you using? 🙏🙏

  • @Itachiuiux
    @Itachiuiux 10 месяцев назад

    We need more something like this type video. Please make this video more❤

    • @rachelhow
      @rachelhow  10 месяцев назад +1

      more to come! 📝

  • @sntspaola
    @sntspaola 10 месяцев назад

    So amazing! More content like this pls ❤️

  • @sxnjxy5902
    @sxnjxy5902 9 месяцев назад

    Hi Rachel I am so inspired by you..what type of softwares you are using for video editing

    • @rachelhow
      @rachelhow  9 месяцев назад +1

      Thanks for watching! I use Davinci Resolve recently.

  • @77AlexS
    @77AlexS 9 месяцев назад

    OH my gosh, this was so great!

  • @JohnUkwuoma-s7x
    @JohnUkwuoma-s7x 10 месяцев назад

    I've been waiting for you to post finally
    I love your videos

  • @tonystarkmowa
    @tonystarkmowa 10 месяцев назад

    Which Monitor do you use and whats the screen Resolution you are using on your mac

  • @markmckeown87
    @markmckeown87 10 месяцев назад

    You're crazy talented!

    • @rachelhow
      @rachelhow  10 месяцев назад

      I'm humbled to hear this, thank you! I appreciate that!

  • @rogersdumba1171
    @rogersdumba1171 10 месяцев назад

    Rachel what plugin did you use for the Animations

  • @arthurbrasil3716
    @arthurbrasil3716 Месяц назад

    Niceee videoio really inspiring work, how do you edit the presentation at the end is it after effects?

  • @kevyn.patrick
    @kevyn.patrick 10 месяцев назад

    Nice video as always, I learn a lot with you everyday. Tysm. I love the results, but maybe I'd change the red gradient on the top of the app!
    Can you teach us how to make an efficient loading and or confirmation screen, please?!

  • @thitran8109
    @thitran8109 9 месяцев назад

    this content is cool!!!! Can u make more videos like this? thank you so much Rachel

    • @rachelhow
      @rachelhow  9 месяцев назад

      More to come!🤪

  • @aydinqulubeyli2283
    @aydinqulubeyli2283 6 месяцев назад

    What program did you use to make the video of the result? please )

  • @DailyChasing
    @DailyChasing 3 месяца назад

    Amazing design, I hope I can improve my skills and become half as good as you

  • @mintcat81
    @mintcat81 10 месяцев назад

    Please make a tutorial on the final animation

  • @iamleek
    @iamleek 10 месяцев назад

    Very good effort and logical approach. Keep it up. Jia you.

    • @rachelhow
      @rachelhow  10 месяцев назад

      Thanks a lot!

  • @Sanwas99
    @Sanwas99 2 месяца назад

    I didn't get why does the 2nd screen where you choose number of adults exists if you can select seats? if I selected 2 seats then I booked for 2 people so why do I need the 2nd screen?

  • @MuratKarakus-to4tr
    @MuratKarakus-to4tr 10 месяцев назад

    Rachel, this was amazing but I really wish you could teach how exactly you created those screens and animations and all that and not just fast skip those processes, as a junior designer, I wanna learn these things but just dont know where to look:/ How did you learn all these? I keep working and searching, all day I look for inspiration in mobbin as well but the level you design, I just cannot do this my own:/ I need serious help...

    • @MuratKarakus-to4tr
      @MuratKarakus-to4tr 8 месяцев назад

      @rachelhow guess you just respond to comments that compliment your work ad thats it:/

  • @RefaGhaznavi-hd5hp
    @RefaGhaznavi-hd5hp 4 месяца назад

    for me it was a bit hard to get know the text size, adding card size, icon size, padding and margin also the reasons for them why you prefer small or larger while you are redesigning so i think it would be good to have a bit longer video with more explanation. just a feedback but still it is awesome!

  • @nkhfzh
    @nkhfzh 8 месяцев назад

    Please make tutorial video result. The result was very awesomeeee❤

  • @oyegokedavid6283
    @oyegokedavid6283 8 месяцев назад

    This was so good!

  • @mdmehrabhasan
    @mdmehrabhasan 4 месяца назад

    Are there any diploma or bachelor's programs in UI/UX design offered in Malaysia? Thanks.