Dashboard page templates

Role
Product design lead
Product
Stripe
Focus areas
Interface design, design systems
problem
As Stripe's dashboard has scaled, there hadn't been consistent patterns established for different types of data, creating a disjointed, confusing experience.

In addition to this, the mobile experience had largely been ignored in favor of a super-user desktop experience. In fall of 2022, the iOS app existed, but only maintained a small percentage of the Dashboard's full functionality. For that reason, most users would log into their Stripe account via mobile browser and zoom in to find what they need.

Screenshots of Stripe's dashboard in 2022. A lot of pinching and zooming in the mobile browser.
Each table pattern would look a bit different: irregular column spacing, type treatment, repetition of values and design patterns.
Solution
Create a more consistent, mobile friendly Dashboard experience that was easier for users to parse through – and easy for various Stripe teams to leverage in their work.

In design, this translated to a few key objectives – namely creating best practices for how rows and columns should be treated, creating a best in class mobile experience to match users' expectations, and making the list views more useful. We knew through many research studies that users wanted more context around the health of their business instead of just looking at tables. More value, less messy data.

As I got ramped up on this work, I collaborated on the strategic design vision with other staff designers, then led the work solo as they rolled off the project. I drove the execution toward the latter end of the program, and worked with engineers as we segmented the work into various milestones.

Impact + Outcome
Increasing efficiency for Stripe product development teams – and convincing users they can sufficiently manage their account on mobile.

The Dashboard product serves millions of users every day. With so many  powerful features (and an extremely large audience), there was a huge opportunity being missed to be able to offer a more effective mobile experience. And internally, the risk for creating more disjointed experiences without a clear system in place was high.

Going forward, users can now leverage a mobile experience that isn't missing core features when away from their computer. And product teams at Stripe have increased efficiency when going to market with a new product or adding new information, without having to recreate page templates.

As of October 2023, this work is fully rolled out to all Stripe users.

Next project
Stripe: Troubleshooting payment methods