Level up your UX design skills in 8 mins!

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

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

  • @rachelhow
    @rachelhow  Год назад +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 Год назад +3

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

    • @clotildadaniels6453
      @clotildadaniels6453 Год назад

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

    • @pavithraolety
      @pavithraolety Год назад

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

    • @Abdulrehman-j6g1n
      @Abdulrehman-j6g1n Год назад

      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 7 месяцев назад

      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 Год назад +67

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

    • @rachelhow
      @rachelhow  Год назад +3

      Aww thanks! Glad you enjoyed this one :)

  • @Katiedoan88
    @Katiedoan88 Год назад +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 10 месяцев назад +3

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

  • @SatyamBarnwal090
    @SatyamBarnwal090 6 месяцев назад +11

    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  6 месяцев назад +7

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

  • @brendalu5538
    @brendalu5538 Год назад +25

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

  • @khushboodhiman2245
    @khushboodhiman2245 2 месяца назад +1

    That's a commendable re-design and I love this way of practicing your skills.
    I have a small piece of feedback:
    - "Who will be watching" Screen (2nd Screen):
    --- Details like the mall name and seats might be unnecessary since users rarely change malls or theatres, and the seat labels aren’t self-explanatory. Omitting them could simplify the experience.
    - Progress Bar:
    --- Adding a line at the bottom of the red gradient could hint at how many steps are left.
    - Last Screen:
    --- Guide users back to the home screen and explain how to return to the scanner later, as many won’t use it immediately.
    Please share your thoughts if you don't agree with me.

  • @unstablejamil
    @unstablejamil Год назад +4

    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 Год назад +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:)

  • @rkem1000
    @rkem1000 Год назад

    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!

  • @isalutfi
    @isalutfi Год назад +5

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

    • @rachelhow
      @rachelhow  Год назад +3

      You're so welcome! Thanks for watching :)

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

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

  • @ChisomOkoronkwo-ns1mg
    @ChisomOkoronkwo-ns1mg Год назад

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

  • @rkem1000
    @rkem1000 Год назад

    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.

  • @ArunKumar-sx1kv
    @ArunKumar-sx1kv Год назад +1

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

    • @rachelhow
      @rachelhow  Год назад +1

      Thank you for watching!

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

    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 8 месяцев назад

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

  • @ivanqiudesigns
    @ivanqiudesigns Год назад +6

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

    • @rachelhow
      @rachelhow  Год назад +1

      Ahhhh great feedback! Thank you Ivan ☺️

  • @rishikasv8781
    @rishikasv8781 Год назад +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!✨

  • @anelisseirigoyen8607
    @anelisseirigoyen8607 Год назад

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

  • @wingsaber629
    @wingsaber629 Год назад +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.

  • @williamcopelandiv
    @williamcopelandiv Год назад

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

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

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

  • @emmafrisbie6611
    @emmafrisbie6611 Год назад +1

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

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

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

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

    idk why but your singlis is satisfying

  • @chelsealeonhardt1667
    @chelsealeonhardt1667 Год назад

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

  • @JohnUkwuoma-s7x
    @JohnUkwuoma-s7x Год назад

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

  • @marcel2475
    @marcel2475 Год назад +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!

  • @abymathew575
    @abymathew575 Год назад +1

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

    • @rachelhow
      @rachelhow  Год назад +1

      Glad you like them! Thank you for watching 🥹

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

    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 😄✨

  • @EDIRomanul
    @EDIRomanul Год назад +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 🙏

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

    This so clean and beautiful ❤

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

      Thanks, I appreciate it! 💖

  • @brynmuzika
    @brynmuzika Год назад

    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  Год назад

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

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

    Great job, thank you!

  • @alois9116
    @alois9116 Год назад +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

  • @prashantrawatt
    @prashantrawatt Год назад +2

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

  • @yeannetung
    @yeannetung Год назад +1

    as always! love this series

    • @rachelhow
      @rachelhow  Год назад +1

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

  • @catchingthelight
    @catchingthelight Год назад +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!!

  • @kf_wong7076
    @kf_wong7076 Год назад

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

  • @theonlyrealyung
    @theonlyrealyung Год назад +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.

  • @mirandamasego4826
    @mirandamasego4826 Год назад

    This is so Inspiring, Thank you Rachel!

  • @sntspaola
    @sntspaola Год назад

    So amazing! More content like this pls ❤️

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

    What a great design!

  • @nisheethranjan1188
    @nisheethranjan1188 Год назад +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  Год назад +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 :)

  • @77AlexS
    @77AlexS Год назад

    OH my gosh, this was so great!

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

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

  • @aashabhandari1732
    @aashabhandari1732 Год назад +2

    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 🇳🇵

  • @vaishnavimishra7293
    @vaishnavimishra7293 Год назад +1

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

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

    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.

  • @556611
    @556611 Год назад

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

  • @clotildadaniels6453
    @clotildadaniels6453 Год назад +1

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

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

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

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

      More to come!🤪

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

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

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

    Amazing interactions unforgettable UX skills legendary best UX redesign

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

      Thank you! Glad you enjoyed it! 😄

  • @ZaidMarrie
    @ZaidMarrie Год назад

    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  Год назад +1

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

    • @ZaidMarrie
      @ZaidMarrie Год назад

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

  • @Itachiuiux
    @Itachiuiux Год назад

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

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

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

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

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

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

    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?

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

    Simple yet powerful

  • @testuser123Xc
    @testuser123Xc Год назад

    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?

  • @markmckeown87
    @markmckeown87 Год назад

    You're crazy talented!

    • @rachelhow
      @rachelhow  Год назад

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

  • @Unknown-c4q3g
    @Unknown-c4q3g 4 дня назад

    great work really!

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

    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

  •  Год назад +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  Год назад +2

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

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

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

  • @AstonJay
    @AstonJay Год назад +5

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

    • @rachelhow
      @rachelhow  Год назад

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

  • @dashmitties3822
    @dashmitties3822 Год назад

    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.

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

    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

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

    This was so good!

  • @rijanregmi7956
    @rijanregmi7956 Год назад +1

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

  • @iamleek
    @iamleek Год назад

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

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

    im mindblown omgg

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

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

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

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

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

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

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

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

  • @shafiq_ramli
    @shafiq_ramli Год назад

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

    • @rachelhow
      @rachelhow  Год назад

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

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

    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

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

    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.

  • @Shadowhuntered
    @Shadowhuntered Год назад

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

  • @alannaskar3634
    @alannaskar3634 Год назад +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  Год назад

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

  • @dhiiraj4ux
    @dhiiraj4ux Год назад

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

  • @kevyn.patrick
    @kevyn.patrick Год назад

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

  • @xxxxdddddss
    @xxxxdddddss Год назад

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

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

    Thank you very much for the cool content! You are super!❤

  • @davedesigns4you
    @davedesigns4you Год назад

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

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

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

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

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

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

    It's really amazing! The last showcase part is insane
    Would be really great if you can share software tools, tips for how to present 3D animation like that
    Looking forword for more content! 🥹

  • @bright_moses
    @bright_moses Год назад

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

  • @ReadyInsights
    @ReadyInsights Год назад

    Thanks very informative Great content ❤

  • @Toksuri1
    @Toksuri1 Год назад

    really good job!

  • @ripplemedia777
    @ripplemedia777 Год назад

    Hi rachel. I really like your content. Thank you for sharing.

    • @rachelhow
      @rachelhow  Год назад

      Thanks for watching! you're the first one!

  • @uxmunzir
    @uxmunzir Год назад

    looks amazing

  • @mintcat81
    @mintcat81 Год назад

    Please make a tutorial on the final animation

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

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

  • @healthadvice3091
    @healthadvice3091 Год назад

    sugoi! i enjoy watching this

  • @MaxKeppeler
    @MaxKeppeler Год назад

    That looks amazing