Redesigning Nespresso's Website in 1 hour | UI/UX Design Challenge

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 144

  • @rachelhow
    @rachelhow  3 ปีที่แล้ว +26

    Feel free to suggest what you'd like to see next! Open to anything lol :)

    • @kaziammar5731
      @kaziammar5731 3 ปีที่แล้ว +4

      Please talk about your salary as a Malaysian product designer

    • @takingiteasydaisy
      @takingiteasydaisy 3 ปีที่แล้ว

      Good job with the design, this was fun to watch both as a coffee lover and ux student. I use dolce gusto and had similar problems with their site. Switching my mind from a consumer to a creator, I've been trying to look at apps and sites I use from a UX point of view then write down pain points and send suggestions to the company. It would be great to see a longer length video like this (similar to a study with me format) where you take us through your design thinking process while you work.

    • @sayanaberi
      @sayanaberi 3 ปีที่แล้ว +1

      Hi Rachel... you did a great job and i love your video!.. so i would love to ask if you can make a tutorial to built this Nespresso page as you did i it step by step please ? It will help to understand better the UX design here... and help for UI. Thank you so much for your reply.

    • @samirsamir7779
      @samirsamir7779 3 ปีที่แล้ว

      your videos are great , thank you . ideally if you can make a long video ( 2 hours ) to teach us deeply how you are designing a pro web page ( UX/UI) . thank you Rachel . :)

    • @edenmotijol6288
      @edenmotijol6288 2 ปีที่แล้ว

      Redesign shopee website haha

  • @cornsandwitch
    @cornsandwitch 3 ปีที่แล้ว +81

    You did such a great job of preserving the Nespresso branding in your redesign! I see so many people tackle a UX redesign and try to make improvements on the branding, but I think it's much more valuable to show that you can understand and interpret an existing brand into a new layout.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +8

      Thank you, Anna!! As a designer we should respect the brand, even if we don't necessarily agree with their UI choices.

  • @mdjahin99
    @mdjahin99 3 ปีที่แล้ว +114

    Please make more redesign videos like this explaining the UX problems

    • @fuupuppy
      @fuupuppy 2 ปีที่แล้ว +3

      I enjoy your explanations about the user’s pain points and how the redesign might be able to solve them.

    • @racheljune688
      @racheljune688 2 ปีที่แล้ว +2

      I second this! 😃

    • @See_thru_it_all
      @See_thru_it_all ปีที่แล้ว +1

      YES TO THIS!!! :)
      More of these would be incredible!

  • @methusharavi5136
    @methusharavi5136 ปีที่แล้ว +12

    Please make this into a series. I think its so cool and useful for learners that want to conceptualize the design process and what to look for.

    • @rachelhow
      @rachelhow  ปีที่แล้ว +3

      Will consider this! Thank you for watching 💛

  • @kelsosworld
    @kelsosworld 3 ปีที่แล้ว +33

    Youre a huge inspiration to me as Im currently transitioning into UX! Thank you for your content I really appreciate your content and can’t wait to see more!

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thank you for watching, Kelso! I appreciate your kind words. Hope to continue bringing value to you :)

  • @care2000
    @care2000 3 ปีที่แล้ว +15

    This actually looks fantastic! I have the same issues with Nespresso and I would absolutely use your version.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thanks for watching, Kevin! Deeply humbled to hear this :)

  • @curiousambitions
    @curiousambitions 3 ปีที่แล้ว +10

    Love this! Would be interesting if you linked a view only version of the Figma file so we can see the side by side difference :)

  • @santiagovillegas1273
    @santiagovillegas1273 ปีที่แล้ว +1

    You're my absolute go-to for everything UXUI, you're crazy talented thanks so much for all the info

    • @rachelhow
      @rachelhow  ปีที่แล้ว

      Thank you 💕

  • @Alikk784
    @Alikk784 2 ปีที่แล้ว

    rachel is like a god tier ui designer. She is just awesome. I don't think I can ever be at her level of skilled

  • @LinhNguyen-vi5jo
    @LinhNguyen-vi5jo 3 ปีที่แล้ว +4

    Cool design. Many big differences between the before and after version, but in the positive way. Well done Rachel, you rock.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thank you Linh! You rock too ;)

  • @jeffinjoseph8916
    @jeffinjoseph8916 9 หลายเดือนก่อน

    yo i have tried to do the same thing. But it is so tough to do it in just 1 hr. I usually end up with the most bland featureless website I can possibly get. Sigh. You are so good Rachel!

  • @mohdirtefa6499
    @mohdirtefa6499 3 ปีที่แล้ว +4

    The one person who disliked this video is a designer at Nespresso 😂

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Great one!! Happy to see you here Irtefa! 😂

  • @Andi-fk8vs
    @Andi-fk8vs 2 ปีที่แล้ว

    Your design is so much better, better to understand and don't have to look anywhere because it's in a information box.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Aww, you're too kind!

  • @jyh7777
    @jyh7777 3 ปีที่แล้ว +1

    This video is great! Your version is so much better and you did it soo quickly.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Hey Jia Yu! Thanks for watching!

  • @SweetAngelPinay06
    @SweetAngelPinay06 3 ปีที่แล้ว +2

    Lol, I had a similar idea if I redesigned the website!
    Great job!

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thanks for watching! :)

  • @trishalim9029
    @trishalim9029 3 ปีที่แล้ว +1

    More redesign videos please! Also would be great if you could go into more detail. Loved this one!

  • @Lyndon1117
    @Lyndon1117 3 ปีที่แล้ว

    This video is so useful, especially to someone like me who's just getting started in UX design. Thank you!!

  • @donaldgnk
    @donaldgnk 2 ปีที่แล้ว

    Love your redesign videos! Rockz Rachel!

  • @RaahiT-j2w
    @RaahiT-j2w ปีที่แล้ว

    this is really cool! thank you for the video!

    • @rachelhow
      @rachelhow  ปีที่แล้ว

      Glad you liked it!

  • @miakim3699
    @miakim3699 2 ปีที่แล้ว

    Amazing!!! Such a inspiration to me!! Thank you! Rachel!!

  • @nadiahajoujiidrissi6334
    @nadiahajoujiidrissi6334 2 ปีที่แล้ว

    You are so strong! love it.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thank you so much! Thanks for watching, Nadia!

  • @xxxaslhrmln
    @xxxaslhrmln 3 ปีที่แล้ว

    love this kind of content! fun to watch how you redesign the website, I can learn something from this as well, thanks!

  • @juls2334
    @juls2334 3 ปีที่แล้ว

    Wow! So inspiring! Love your redesign, Rachel! Kudos!

  • @ikennagibson3933
    @ikennagibson3933 3 ปีที่แล้ว

    Nice video Rachel. Can you please do a much more longer video of let’s 50mins showing the step by step processes you adopted before redesigning a website. Thanks

  • @olivetti1381
    @olivetti1381 3 ปีที่แล้ว +2

    Love everything you did. However, working so quickly can make requestors think this is a normal amount of time to redesign a page. Even if you get charge $100/hr, your clients will expect you to do magic in an hour.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thanks for watching, Olivetti! I agree with you. However, this is just a quick design challenge, there's a lot of usability and visual improvements to be made even after the redesign. If there are clients who are willing to sacrifice speed for quality of design, avoid them!

  • @andrewtoh6627
    @andrewtoh6627 3 ปีที่แล้ว +1

    ah that splash picture really clear things up. I thought they placed an ad on their website when it turns out to be their own ad lol
    Please share with us more about the inspiration for the new design. I see many designers explain a whole drama about why each shape and form is used to reflect the values of the product.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thank you for watching, Andrew! I agree, their banners do look like ads. Noted on your suggestions too :)

  • @kidmeng3773
    @kidmeng3773 2 ปีที่แล้ว

    Love your channel. Keep up the good work. Inspired.

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thank you so much!

  • @DanielaLanda
    @DanielaLanda 3 ปีที่แล้ว +1

    loved it! Please make more videos like this 😀

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thank you for watching, Daniela!

  • @ExilesGate
    @ExilesGate 2 ปีที่แล้ว

    Awesome! Thank you!:)

  • @xdland3223
    @xdland3223 3 ปีที่แล้ว

    I love your videos. You've inspired me to come back to TH-cam and start creating content again (soon) :) Keep up the great work!

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thank you Niki (hope I got your name correctly)! Keep going :)

  • @DJ-Illuminate
    @DJ-Illuminate 2 ปีที่แล้ว

    Wow. One hour. Nice work.

  • @justsaybobby
    @justsaybobby 2 ปีที่แล้ว

    Cut the check Nespresso!

  • @asmitjoy9452
    @asmitjoy9452 3 ปีที่แล้ว +1

    please create a full video step by step that how you create a beautiful website or app in figma

  • @rolipoli7601
    @rolipoli7601 ปีที่แล้ว +1

    Who else check if the Nespresso website has changed its design xD
    It looks sleek now

    • @rachelhow
      @rachelhow  ปีที่แล้ว +1

      Haha it does! ☺️☺️

  • @jab9618
    @jab9618 3 ปีที่แล้ว

    that's a really good job, for real

  • @olalekanhafiz4852
    @olalekanhafiz4852 3 ปีที่แล้ว

    pls make more videos like this and explain the ux problems

  • @martynabiegaj5409
    @martynabiegaj5409 2 ปีที่แล้ว

    I send them this video haha :D anyway your content is amazing ! thanks

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Thanks Martyna!

  • @htan1900
    @htan1900 3 ปีที่แล้ว +1

    So cool la !!! 😍😍

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      thank you hannah! :)

  • @jeshtermonster
    @jeshtermonster 3 ปีที่แล้ว

    this is so cool!!

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thank you for watching :)

  • @KathyHasRamen
    @KathyHasRamen 3 ปีที่แล้ว

    Such a great redesign! Thanks for sharing

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thank you for watching, Kathy!

  • @AquaticFeather
    @AquaticFeather 3 ปีที่แล้ว

    Amazing!! 😃

  • @urdarkside1
    @urdarkside1 3 ปีที่แล้ว +1

    Hey Rachel, Nice video, I just subscribed. Please can you make a video on job hunts for a college student with a diploma in UX design, I would love to see how you would go about it, Despite being self taught.

  • @rizwanakarizzy8771
    @rizwanakarizzy8771 3 ปีที่แล้ว +2

    You did this in figma? If yes, how did you bring the exact colors?

  • @wittywit6219
    @wittywit6219 3 ปีที่แล้ว

    Cool!!

  • @wongndokoh
    @wongndokoh 3 ปีที่แล้ว

    Hello friend..i like you video..success for you👍👍

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thanks Wong! :) wishing you success too!

  • @biancawang7013
    @biancawang7013 3 ปีที่แล้ว

    very good video, thank you for unspiring me to persue being one ux designer

  • @evans8245
    @evans8245 3 ปีที่แล้ว

    You love what you do, i like that.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thanks for watching, E!

  • @crystalrubydiamond
    @crystalrubydiamond 10 หลายเดือนก่อน

    what were you doing @1:14 to set the red lines/margins that way in figma? Is there a hot key for that or is that a plugin?

    • @avgenjy
      @avgenjy 29 วันที่ผ่านมา

      Theres a ruler you can turn on in figma and you just have to drag those red lines from there

  • @3alocheijai362
    @3alocheijai362 4 หลายเดือนก่อน

    i love it

    • @rachelhow
      @rachelhow  4 หลายเดือนก่อน

      thank you!

  • @cutiepatootie6665
    @cutiepatootie6665 3 ปีที่แล้ว

    love your videos

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thanks Chloe!!

  • @siuboontan3700
    @siuboontan3700 3 ปีที่แล้ว +2

    Hey Rachel, I'm just starting out in UI/UX design and am planning to copy good designs for a start before doing some redesigns. May I ask - for your redesigns, how do you get the necessary assets of the digital product you're doing the redesign for in order to upload them to figma? is there a way to get the assets or do you have to create them from scratch?

  • @Achharya
    @Achharya 3 ปีที่แล้ว

    This looks great

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      I would always think to myself how would archie bring this to the next level 😂

  • @future_proof
    @future_proof 3 ปีที่แล้ว

    Legendary!

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Thanks Alexander, always have your support!

    • @future_proof
      @future_proof 3 ปีที่แล้ว

      @@rachelhow I kind of felt like getting a Nespresso machine after watching tbh..

  • @aminansar5294
    @aminansar5294 ปีที่แล้ว

    Hey, great redesign. How effective has youtube been for you to get clients? I am looking to create a channel of my own to attract more clients

  • @TimandLauren
    @TimandLauren ปีที่แล้ว

    Hey Rachel!
    When designing a website, is it always a must to do the 5 columns thing?
    I saw somewhere you should do 12?

  • @frozen_tortus
    @frozen_tortus 2 ปีที่แล้ว

    Hey Rachel,
    Great production I love it. I have a question regarding 1:23 where you use the grid, I wonder is this something designers often use, or where there is a specific reason for it in this design?

  • @widyscendekiana6156
    @widyscendekiana6156 ปีที่แล้ว

    hiii i just want know how can know about other device grid columns on figma ?

  • @mona-bm3em
    @mona-bm3em 3 ปีที่แล้ว +1

    if I redesign a website without the company knowing, like what Rachel did here, am I allowed to put it on my portfolio still?

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Hi Mona, thanks for watching! In the beginning, when you have zero portfolio, it's alright to do a 'redesign concept' (like this Nespresso redesign) but whenever possible, try to get real projects. Real projects help you understand what problems the product is actually facing (eg. dropoff rates, cart abandonment) and how your design can help solve it. Good luck!

  • @vyasvishwakarma7415
    @vyasvishwakarma7415 3 ปีที่แล้ว

    really like learning with you ;-)

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Wow, that's awesome, thank you!

  • @husainyard
    @husainyard 2 ปีที่แล้ว

    Not related question but, where did you get that Herman Miller Aeron in Malaysia?

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      The one in this video is used, i’ve since switched to another chair from TRAX furniture in Bangsar :) u’ll get a 12 year warranty!

  • @ramanathtiwari3071
    @ramanathtiwari3071 3 ปีที่แล้ว

    Great video.
    I have one question please help me out.
    1. I did design many things, like-- logos, icons, landing pages etc but I am not getting any idea how to make a case study of those projects.
    Please any suggestion it's very helpful for me
    Thanks

  • @soorajgk
    @soorajgk 2 ปีที่แล้ว

    How do you get the design of the website?

  • @riokristian7930
    @riokristian7930 3 ปีที่แล้ว +1

    Hey Rachel, I'm a beginner at UI/UX Design, I want to ask you 1 question, how can you get all the resources and add it to Figma? is it just screenshot and paste it to Figma? or you prepared more before you redesign the website?

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +2

      Hi Rio, do you mind letting me know which resources do you mean?
      If it's the Nespresso screenshot, yes it's just a screenshot and paste on Figma :)

    • @riokristian7930
      @riokristian7930 3 ปีที่แล้ว

      @@rachelhow Ohh okayy, thanks for sharing Rachel! I wish I could be a better designer like you ! 😁👍

  • @craigtaylor4613
    @craigtaylor4613 2 ปีที่แล้ว

    How can you manipulate a page that is not yours ?

  • @dre6186
    @dre6186 3 ปีที่แล้ว

    hi great video, may i know, whether we can use redesign design as part of our portfolio? :)

  • @musiclabra7767
    @musiclabra7767 2 ปีที่แล้ว

    Hey I really like your content I hope you have a time more redesign a website like this in full detail not just in time lapse

  • @con1910
    @con1910 9 หลายเดือนก่อน

    Hi! May I ask if preparing the original screens on Figma involved a manual process? For instance, were they designed by referring to the original Nespresso website and then manually recreated within Figma's interface?

    • @Amrv1
      @Amrv1 9 หลายเดือนก่อน

      I am also wondering this, too!

    • @con1910
      @con1910 9 หลายเดือนก่อน

      @@Amrv1 Not sure if this is what she did but there’s a plugin named ‘html.to.design’ which allows us to convert a website url to Figma designs! 😊

    • @Amrv1
      @Amrv1 9 หลายเดือนก่อน

      @@con1910 Thank you! Going to play with this plugin for sure! :) Have a great day!

  • @RostyslavNazarenko
    @RostyslavNazarenko 2 ปีที่แล้ว

    Hey Rachel, just wanted to know have you reached out to the company or have they? I mean like feedback on using their website on your side, and on theirs like customer support. Would be great to know

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +1

      Nope, I did not reach out. They did made changes to their UI, however it is still quite a bad experience 😅

    • @RostyslavNazarenko
      @RostyslavNazarenko 2 ปีที่แล้ว

      @@rachelhow thanks for answering

  • @kimcruz3889
    @kimcruz3889 3 ปีที่แล้ว

    I only like designing and not really keen into the research phase, can I still get a client thru this? Are they the one in charge of finding developers or should that be me?

  • @VivedVRGtag
    @VivedVRGtag 2 ปีที่แล้ว

    Hi Rachel, is it possible for someone to use a redesign like this as a portfolio piece or is it too small a project?

  • @yasirarafat755
    @yasirarafat755 3 ปีที่แล้ว

    thats a great work!! i was just wondering, do you use the trackpad all the time for working in ui/ux? or you happen to use the mouse for your work?

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว

      Hey Yaasir! I use trackpad ;)

  • @onixlab_studio
    @onixlab_studio 3 ปีที่แล้ว

    Can you tell me font sizes?

  • @mayunanaumi1741
    @mayunanaumi1741 2 ปีที่แล้ว

    Hi Rachel, that was such a motivating video you’ve created ! Love it
    Just curiosity..
    How did you copy the current website design on figma?
    Or did you have to create it from scratch?
    I’m currently working on my case study (redesign the mobile app). Would be much appreciated if you get a chance to reply ! Thank you

    • @rachelhow
      @rachelhow  2 ปีที่แล้ว +3

      I created it from scratch but some are just screenshots captured from the live website, just to save time :)

  • @seanjamesii4315
    @seanjamesii4315 3 ปีที่แล้ว

    All that i 1 hour...did you prepare ahead all just began from scratch?

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      I prepared the screenshots and looked at the site beforehand, but the actual design process starts when I hit 'record' :)

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      It's actually really fun haha!

  • @abdellahaskane5518
    @abdellahaskane5518 3 ปีที่แล้ว

    I didn't know that figma has a dark mode
    how i can turn that on

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +1

      Hey Abdellah, you meant the dark background on my Figma design file? On the design tab on the right, change the background to a dark colour (I use #2C2C2C). They don't have dark mode now, so this would be sufficient in my opinion :)

  • @csabapadar9978
    @csabapadar9978 3 ปีที่แล้ว

    Send this video to them, they probably will redesign it :P

  • @wolvesatnightOriginal
    @wolvesatnightOriginal 2 ปีที่แล้ว

    What really pisses me off is how Nestle treats farmers, children and poor workers not a silly website for someone who doesn’t know about this company

  • @VKi1012
    @VKi1012 3 ปีที่แล้ว

    Amazing! Let me know if you want to do challenge sometime.

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว

      Thanks for watching, it would be really exciting :D

  • @slack.
    @slack. 3 ปีที่แล้ว +1

    You’re not using a mouse 😮

    • @rachelhow
      @rachelhow  3 ปีที่แล้ว +2

      Haha, I love my trackpad 😂Sometimes I use a mouse but that's just because my laptop is hot to touch. Thanks for watching btw!

    • @slack.
      @slack. 3 ปีที่แล้ว

      @@rachelhow Nice… Don’t your fingers hurts afterwards? I sometimes get mild numbness on my fingers when i use the trackpad for whole day.

  • @c5cha7
    @c5cha7 11 หลายเดือนก่อน

    Its a great deaign but you're right, as a professional in the industry you're at the hands user testing and a/b tests, if the drop off rate is high then you know you're going to have to revert some of those beautiful changes, it's painful to see sometimes.
    Love your videos

  • @OfficialMail-bg4bp
    @OfficialMail-bg4bp ปีที่แล้ว

    Hello, I'm seeking your assistance in revamping my school management software project. I've invested significant effort into it already, but I've noticed a decline in my comfort level over time. I find myself stuck in a loop where each attempt to enhance the design seems to make it worse than before. I'm particularly struggling with decisions related to color, typography, and spacing. Could you please help me redesign the software?

  • @Nisha-lf4iv
    @Nisha-lf4iv 2 ปีที่แล้ว

    Please make more redesign videos like this explaining the UX problems