Post Purchase Checkout on Mobile Web
Mobile web experience for purchasing add-ons after plan upgrade
1 engineering intern,
1 data scientist
Figjam
Dropbox Paper
Growth design
The post purchase checkout page appears after the purchase is completed. It informs the user that the purchase has been made while upselling add-ons.
You’re using Dropbox (free)
You’re low on storage
You choose a plan upgrade
Checkout
Post purchase checkout
With new add-ons launching, we aimed to optimize the mobile web to help users easily learn about and purchase add-ons while completing their JTBDs.
Post purchase should be informative, add-on purchase decision should be clear.
The project started with research and a review of previous experiments. Using insights and data from this research, I then began sketching the card design.
The content and information hierarchy are crucial elements of this card’s design. Exploring the plain text helped clarify the priority of each element, guiding decisions on emphasizing the tagline and segmenting the description from the features.
The tagline builds a sense of urgency for users quickly scanning the card. Titles like “Extended Version History” could feel like jargon to users unfamiliar with the feature, so I aimed for more accessible language. Additionally, placing the CTA helps break up the text and keeps key information visible above the fold on mobile devices.
I wanted to add illustrations to make the card more engaging, using visual metaphors to hint at each add-on’s features. However, the illustrations either took up too much space when enlarged or appeared pixelated and cluttered when reduced, especially with multiple stacked cards. Ideally, we’d have simplified illustrations suited for smaller surfaces like mobile. For now, though, I've chosen a different approach.
To strike a balance between illustrations and standard icons, I used distinct colors to represent each add-on type alongside its icon—for instance, rust for Extended Version History. This approach keeps the card as concise and straightforward as the add-ons themselves.
Since my internship, this project has shipped resulting in directionally positive revenue results and an overall best post-purchase experience
I believe this was a great first project at Dropbox. I had the opportunity to collaborate cross-functionally with various designers and product managers working on similar experiments. I was fortunate that my direct team included both a Brand Designer and a Content Designer, making it easy to consult with them throughout the design process. This project and internship helped me become comfortable presenting my work for critique early and often. I also gained valuable insights from navigating technical constraints, which encouraged collaboration with my design mentor and product manager to explore new approaches.