Level up your UX design skills in 8 mins!

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

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

  • @rachelhow
    @rachelhow  9 месяцев назад +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 9 месяцев назад +3

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

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

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

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

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

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

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

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

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

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

      Aww thanks! Glad you enjoyed this one :)

  • @Katiedoan88
    @Katiedoan88 9 месяцев назад +51

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

  • @SatyamBarnwal090
    @SatyamBarnwal090 3 месяца назад +7

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

  • @brendalu5538
    @brendalu5538 8 месяцев назад +22

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

  • @AlienaCai
    @AlienaCai 6 месяцев назад +1

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

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

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

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

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

      You're so welcome! Thanks for watching :)

  • @XiangqingZhang-v1g
    @XiangqingZhang-v1g 8 месяцев назад +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 8 месяцев назад

    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!

  • @EDIRomanul
    @EDIRomanul 8 месяцев назад +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 🙏

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

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

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

      Ahhhh great feedback! Thank you Ivan ☺️

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

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

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

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

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

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

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

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

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

      Thank you for watching!

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

    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.

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

    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🔥🙌

  • @marcel2475
    @marcel2475 8 месяцев назад +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!

  • @catchingthelight
    @catchingthelight 8 месяцев назад +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 9 месяцев назад +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.

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

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

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

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

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

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

  • @nisheethranjan1188
    @nisheethranjan1188 8 месяцев назад +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  8 месяцев назад +1

      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 :)

  • @rishikasv8781
    @rishikasv8781 9 месяцев назад +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!✨

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

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

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

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

      More to come! 🥹👌

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

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

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

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

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

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

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

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

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

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

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

      Glad you like them! Thank you for watching 🥹

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

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

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

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

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

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

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

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

    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?

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

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

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

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

  • @theonlyrealyung
    @theonlyrealyung 8 месяцев назад +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.

  • @icy3879
    @icy3879 13 дней назад

    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.

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

    Simple yet powerful

  • @aashabhandari1732
    @aashabhandari1732 8 месяцев назад +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 🇳🇵

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

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

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

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

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

    This is so Inspiring, Thank you Rachel!

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

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

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

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

    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.

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

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

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

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

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

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

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

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

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

    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

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

    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?

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

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

  • @arthurbrasil3716
    @arthurbrasil3716 8 дней назад

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

  • @francesco5594
    @francesco5594 20 дней назад

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

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

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

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

      More to come!🤪

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

    So amazing! More content like this pls ❤️

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

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

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

    Great job, thank you!

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

    as always! love this series

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

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

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

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

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

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

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

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

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

  • @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.

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

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

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

      more to come! 📝

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

    OH my gosh, this was so great!

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

    You're crazy talented!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    What did you use for the mockup animation?

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

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

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

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

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

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

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

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

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

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

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

      Thanks for watching! I use Davinci Resolve recently.

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

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

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

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

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

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

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

    im mindblown omgg

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

    This was so good!

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

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

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

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

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

    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

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

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

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

    looks amazing

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

      Thank you ☺️

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

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

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

      Thanks for watching! you're the first one!

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

    That looks amazing

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

      Thank you, Max!

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

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

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

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

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

    sorry if this is obvious to other ... but what app/ software are you using to re-create the app? is it adobe or something? thanks x

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

      hey no worries, the design tool is called Figma!

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

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

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

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

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

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

    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?

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

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

  • @SANSKRITICHAUDHARY-wf7td
    @SANSKRITICHAUDHARY-wf7td 6 месяцев назад

    Hi Rachel , I really like your videos and can definitely see the effort behind them! I wanted to get you ui ux resume templates but could not make purchase due to some reasons or technical issue it would be of great help if you could provide it.