![Blog post thumbnail](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a5b28b4b1939_f9e14a33-79f3-4df2-ac60-849b9538f4f4.jpeg)
Dropbox's redesign introduction
Dropbox is a cloud-based storage and file sharing platform. Recently, they introduced a product redesign to their existing users. Let's take a look at how they did it:
Welcome modal
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a5992a4b0f47_Untitled.png)
We like the transparent background of this modal window because it gives a peek into the app, allowing users to keep an eye on their end goal.
Hotspots
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a580804b1425_Untitled-1.png)
We like this use of a hotspot, or a pulsing beacon, because it naturally catches a users attention without explicitly saying, "look here." This tactic employs more of a 'showing' onboarding experience, rather than a 'telling' one.
Magnifying glass
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a549df4b13ed_Untitled-2.png)
Similarly to the hotspot, the magnifying glass, or pulsing lens, does a good job of catching the users attention and showing them an important redesign feature.
Confirmation modal
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a519364b1150_Untitled-6.png)
If you click anywhere outside of the intended click-area at any point along the tour, this modal window pops up confirming that you would like to end the tour. Implementing a confirmation modal is a good idea if you think your users would lose significant value by accidentally ending a redesign tour.
Success modal
![](https://cdn.prod.website-files.com/6230cce907f5a55f9a4b0e6f/6230cce907f5a5691e4b13ec_Untitled-5.png)
Success modals motivate and excite users during the final stages of a redesign introduction, and can help users feel like the redesign tour was worthwhile.