Foundation

Customer Journey

The See-Buy-Use framework orients you through the lens of the end-to-end customer journey, ensuring a consistent experience of Dropbox as well as optimizing for the specific needs of each moment.


Use

Product visual design strategy → make it feel like Dropbox

Make things feel like a Dropbox product first, and try to unify designs across platforms as much as possible.

Native vs. Dropbox

We’ve seen in research that trying to align to OS-native patterns, especially on desktop, implies to a user that the experience should function exactly like a native application. We often aren’t able to match native functionality 1:1, so the user is sometimes confused and the value of aligning to native patterns shrinks.

Everything should still feel “at home” on a platform, using the core conventions for native elements, if applicable, but should feel more like a Dropbox product than an iOS, Android, macOS, or Windows product.

Aligning to a Dropbox-first mindset will allow you to increase design and engineering velocity and create a more consistent experience across platforms.

Web

Customer Journey Use HomeLight

Home

Customer Journey Use TransferLight

Transfer

Customer Journey PreviewLight Use

Previews

Customer Journey Use HomeDark

Home

Customer Journey Use TransferDark

Transfer

CustomerJourney PreviewDark Use

Preview

Mobile

Customer Journey Use MobileHome

Home

Customer Journey Use MobileAccount

Account

Customer Journey Use MobileSign Light

Sign In Light Mode

Email + sign up

CustomerJourney Use Email

Email alt.

CustomerJourney Use EmailSignUp

Sign-up