Rocket Money UI design & app screens

Turning subscription detection into a scannable list

Rocket Money's defining screen is the Recurring view, where the app surfaces every subscription and recurring charge it has found in your linked accounts. Each merchant becomes a row with its logo, the amount, and the cadence (monthly, annual, weekly), and the list is grouped so the expensive and frequent charges are impossible to miss. The design does real work here: rather than dumping a transaction ledger on you, it recognizes patterns and renders them as recognizable brands, so a forgotten $14.99 streaming charge reads as a decision to make rather than a line item to decode.

The Cancel flow extends that clarity into action. Tapping a subscription opens a detail sheet with the price history and a single prominent path to cancel, and Rocket Money handles the cancellation on the user's behalf rather than punting them to a merchant's dark-pattern retention page. For designers, the pair is instructive: detection is only useful if the interface makes the next step — keep, downgrade, or kill it — a one-tap consequence of the same row you were already looking at.

Spending broken down without a spreadsheet

The Spending section leans on category breakdowns rendered as compact bars and donut segments, each category color-coded and tappable to drill into the underlying transactions. The visual signature is a month-over-month comparison that shows not just what you spent but whether it is more or less than last month, using directional cues and muted color so an overspend reads instantly without alarm-red panic. It compresses a month of financial behavior into a shape you can absorb before the details load.

Budgets build on the same encoding. A budget is presented as a progress bar filling toward a limit, with the remaining amount stated in plain language, and the app nudges gently as a category approaches its cap. The restraint is the point — Rocket Money resists gamifying money with confetti and streaks, keeping the tone closer to a calm ledger than a slot machine, which is the right reference for anyone designing financial UI that has to be trusted rather than merely engaging.

A dashboard that spans phone and web

Because Rocket Money runs meaningfully on both iOS and the web, its home dashboard is a study in a layout that has to stretch. On mobile it is a vertical stack of summary cards — net worth or balance up top, then upcoming bills, spending, and subscriptions — each a tappable entry point. On the web the same modules reflow into a multi-column grid that uses the extra width for side-by-side charts and longer transaction tables, without inventing new concepts the mobile user would not recognize.

That parity is the lesson. The information architecture is identical across surfaces, so a user who manages subscriptions on their phone and reviews spending on a laptop never relearns where anything lives. dezzayn's coverage captures both editions, which makes it a good place to study how one financial product keeps a consistent mental model while genuinely adapting the layout to each screen's constraints rather than shrinking a desktop grid onto a phone.

Frequently asked questions