Designing around a countdown clock.
Every screen below had to carry a deadline without becoming a pressure tactic, and had to explain eligibility rules that even internal teams found hard to hold in their heads.
Meeting the deadline where the day starts
Account Overview is the front door, so the countdown had to live here first. The Protect your device card runs a live timer under the line “Hurry! Enrollment ends in:”, with a single Explore options action.
Placement was the argument I had to win. This card sits in the left rail above the promotional content, because a closing window is time-sensitive in a way an upgrade offer isn't. It also renders in the customer's local time zone — a small detail that prevents a very bad last-day experience.
The whole card is conditional: it appears only inside the enrollment window for customers with an eligible device, and disappears cleanly when either stops being true.
The same clock, deeper in the journey
On My Wireless the customer is already looking at one specific device — installment balance, warranty status. That context changes what the countdown needs to say.
Here it carries the actual date: “Your open enrollment ends July 31” followed by the same live timer. A countdown alone tells you to move; a date tells you how to plan. Alongside a device the customer is actively reviewing, the date does more work.
Keeping one component with variable messaging — rather than two separate banners — is what let this ship across surfaces without fragmenting the pattern.
Leading with the promise, not the price
The lander opens with “Cover your devices & gain peace of mind” and a cracked-phone image that does the emotional work no headline can. The countdown repeats, paired with the plain-language deadline.
Below it, the value proposition is a scannable list rather than a plan grid: fast replacement with same-day delivery, unlimited screen and back-glass repairs, unlimited claims, unlimited battery replacement, and ProTech expert support.
The sequencing decision: Protect Advantage is tiered by device and genuinely complex to price. Leading with pricing loses people. So the lander sells the outcome, gets to a single Choose coverage action, and defers tier detail to where it's tied to a specific device.
Comparing plans without starting a fight
The opening line does the heaviest lifting in the whole flow: “All our current options have the same great benefits. One difference is the number of devices covered.”
That sentence exists because customers arrived expecting to decode a feature matrix. Telling them the benefits are identical collapses the decision to one real variable: how many devices. Protect Advantage for 4 leads in a highlighted card; for 1 sits below at “starting at” pricing, with the honest caveat that price varies by device.
Legacy plans live behind View other options. A customer on AT&T Mobile Insurance still sees their Current coverage badge and a Keep coverage button — deliberately not “Select this coverage.” Staying put is a legitimate outcome, and the label should say so.
One page for everything a customer owns
Before this work, customers could not manage device protection at the account level. This screen replaced that entirely, and it does two jobs at once: show what's covered, and show what still could be.
The structural decision is grouping by plan rather than by device. Protect Advantage for 1 carries its own subtotal across devices priced individually; Protect Advantage for 4 is a single charge covering the group. Those are fundamentally different pricing models, and a flat device list would have hidden that.
Every covered device gets the same three actions — Manage claims, Edit coverage, and Cancel protection. Cancel is deliberately a text link with a trash icon rather than a button: available without being inviting.
Eligibility lives inside the plan card, not beside it. The Eligible to sign up section appears exactly where someone is already thinking about protection rather than as a banner bolted on top.
Disclosing the awkward parts on purpose
This is the screen where a customer agrees to a recurring charge, so it had to be honest before it was persuasive. The total sits at the top next to a line most teams would have buried: “Look for partial-month charges on your next bill.”
That sentence preempts the most common billing surprise in this category. A customer who sees an unexpected prorated charge calls; one who was told to expect it does not. Naming it costs a little conversion and saves a support call — a trade I'd make every time.
The consent design is the craft argument. Terms & Conditions are split into two separate checkboxes rather than one blanket agreement — binding arbitration is its own decision, and auto-renewal is its own decision, with the cancellation path spelled out inside the box being checked.
And the button says Add to device, not “Submit”: plain outcome language at the moment of commitment.
Answering the next three questions before they're asked
“Nice choice! You're all set.” in green, with the device, the plan, and — critically — the date coverage actually starts. For an insurance product that last detail is the whole point: a customer who doesn't know when protection begins doesn't know whether tomorrow's cracked screen is covered.
The helpful links are the questions people actually ask next, in the order they ask them: view updated billing info, file a claim steps, and get details about ProTech help.
Manage coverage is the primary action, closing the loop back to the account-level hub in screen 05. The flow ends by handing the customer the tool they'll need next month, rather than dead-ending on a receipt.
Screens use placeholder (FPO) content and fictional account data. Additional flows — device selection and the full set of eligibility and exception states — are available in the full spec on request.