Discovery: Account v2

As Lead UX Designer at Discovery, I designed Account v2, the self-service account area its streaming products would share, phased to what the new platform could support, with an off-boarding meant to reduce churn.

Role
Lead UX Designer
Year
2019
Team
POs, designers, platform team, legal
Shape
Three specs, one workshop
The account dashboard at four breakpoints, from phone to desktop, each a column of stacks: profile, credentials, plan, add-ons, billing, payment method, promo codes, communication preferences, your data and watching abroad.

Outcome

I took the ideas of the off-boarding workshop I facilitated into Account v2. By November 2019 its off-boarding screen offered the shows coming up and a pause before a subscriber cancels. I handed over the spec for the first release, with the later phases specified before the platform could support them and the missing backend capability written on each of their pages.

Context

Discovery was building one streaming platform on dplay’s codebase, to launch services in several markets quickly and test new products on it. I led UX for the platform from August 2019, as its only UX architect. Sign-up and entitlements came first, in Auth v2. Account v2 covered what a signed-in user manages after that: credentials, plan and add-ons, billing and payment, preferences, and their data.

Working on the account area, I found that cancelling on dplay fell short of both customer experience and business expectations. The goal was an account area each product team could configure for its own service, and an off-boarding designed to reduce churn while keeping pause, cancel and delete easy to reach.

Scoping what each user level could manage

What a signed-in user could do in the account depended on their user level and on where they had bought their plan. Only part of it could go into the first phase. I mapped the information architecture as a Miro mind map rooted in My Account, in one frame for P1 and one for P1 and P2. The first branches covered credentials, sign-out, data download and account deletion, and a profile limited to first name and interface language. Below them the tree split by user level: L1 users could buy a plan or reactivate a lapsed one, and L2 users split by purchase route, with in-app plans managed through the app store. I linked every leaf still in scope to the page in the Axure spec that held its screens.

On the map, last name, age and gender are struck through in the profile, and so is third-party consent in communication settings. On the next and last bill, the plan name, service period and receipt are struck through too, though billing history keeps all three.

Miro board, the account IA. P1 on the left. The P1 and P2 map on the right adds parental controls, pause and devices, with three flags reading not supported by the platform in P2. A sticky note on both, multiple profiles in the future, marks what neither phase included.

01Stacks

Letting each product team configure the account from stacks

Each product team needed to set the account’s stacks, and their order and grouping, for its own service. I designed the dashboard as stacks, each a card for one goal, such as changing a password or updating a payment method, with its flows behind it. The principles on the spec page were to keep it simple, modular and flexible, and focused on user goals. In P1 the stacks are listed in one column. For P2, following usability principles for when too many stacks are in view, I grouped them under four tabs (account, subscription and billing, promo codes, privacy) as in-page navigation, where a tap scrolls the page to the group. I based the order and grouping on competitive analysis, and left product teams to set both on the back end according to user insights.

Each stack page states who can see it, by user level and purchase route. Credentials follow the account type: an email account edits them, a Facebook-only account can add an email and password, and an account linked through a pay-TV partner cannot change its email here.

Axure spec, March 2020, the dashboard. Free stacks for P1 on the left. In the P2 groups the tabs stay at the top as the page scrolls, and the active tab follows the group in view.

Open in Axure ↗ Get password →

Phasing to what the platform supported

Four features in the spec needed backend capability the platform did not have yet: parental controls, pause, devices, and switching between monthly and annual plans. Parental controls were also a legal requirement in one of the markets.

None of the four went into P1, but I specified them in full, tagged P2 or P3, with the missing capability written on each page.

The platform team had requests for devices, parental controls and the plan switch, and put the first two on its roadmap as P2 features. The request for the plan switch dates from June 2019.

Multiple profiles stayed out of both phases, and P1 had one profile per account. The spec notes the backend was nearly ready for more. Communication preferences in P1 covered email only.

Axure spec, parental controls, P2 and P3. Users enable them after entering the account password, and set a PIN first if they have none. The age threshold runs from 6 plus to 18 plus. Playback behind the PIN belonged to the separate playback spec.

Open in Axure ↗ Get password →

02Off-boarding

Giving dplay subscribers a reason to stay before cancelling

In the July 2019 version of the spec, the cancel screen in the plan stack had no offer yet for a subscriber about to leave. It held a placeholder upsell box, with a note that the screen would be informed by an off-boarding workshop still to come.

Axure spec, July 2019, cancel. Still in dplay’s skin, as the whole spec was then. Keeping the subscription, and what happens after cancelling, were already drawn around the placeholder.

Alongside it, to give dplay’s own subscribers a reason to stay, I drafted three alternative cancel journeys for dplay’s account page, published to the dplay workspace in August. Option A listed the shows coming up that users would miss, option B offered a pause, and option C offered a cheaper plan. In each draft I listed what it needed from other teams: an editorial schedule of upcoming shows for A and B, pause capability on the backend for B, and new plan options from the business for C.

Axure drafts for dplay, August 2019, option B. The restart date comes from a calendar, a list of dates beside the shows a user won’t miss, or dates matched to new releases. The pause ends in a short survey, and the account page shows the restart date.

Open in Axure ↗ Get password →

Generating ideas to reduce churn

To find ideas that would improve the off-boarding experience and reduce churn, in Q3 2019 I facilitated an ideation workshop with designers and product owners. On the Miro board I first defined the three flows. Pause gives subscribers a break from paying, cancel ends the subscription, and delete removes the user’s data from the service. Then I took the four brand pillars in turn, as guidelines, and wrote the hypotheses each one implied.

HonestPause, cancel and delete easy to find in the account, with messaging that is transparent and not needy.

CuriousFive hypotheses from a customer-support survey: better recommendations, product hygiene and quality of service, engagement on and off the service, a pause, and cheaper options. Also a good exit survey.

PowerfulRemind leaving users of the shows coming up and the ones they binged.

GenerousCheaper plans, annual or monthly billing, a pause for as long as they need, and watching while abroad.

The last frame on the board is about re-engaging users just after they cancel. For the competitive scan I picked Netflix, Amazon and MUBI, because all three rely on customer data yet built very different experiences. Every idea was to be judged against the Auth v2 design principles: simple, modular, flexible, goal oriented.

Cancelling Netflix, Amazon Prime and MUBI, 2019. Netflix offers a cheaper plan before the cancellation and asks why after it, Amazon offers a reminder or keeping the membership, and MUBI offers its current rate, a pause and a contact before the cancel button.

Keeping pause, cancel and delete easy to reach

The Honest pillar’s hypothesis was that an off-boarding meant to reduce churn still needed pause, cancel and delete to be easy to find. I took the workshop’s ideas into the plan stack of the Account v2 spec. Manage plan links to pausing or cancelling from its first screen, and from P2 it offers the annual plan with its saving. The link opens one off-boarding screen: the shows coming up and a button to keep the plan, then a pause box and a cancel box, each listing what happens next.

Axure spec, off-boarding. The copy under each box gives the date the plan stays active until, and tells a cancelling user they keep a free account.

Open in Axure ↗ Get password →

Axure spec, exit survey. The reasons run from price and quality of service to a show or tournament that has ended, with a free-text box before the cancellation goes through.

Open in Axure ↗ Get password →

Pause offers two, three or six months, as a configurable set, and the dashboard then shows the plan paused with its restart date. A cancelled plan stays on the dashboard with a link to resume it. Annual plans got no pause, since cancellation rules for annual plans were already complex in some markets. Deleting an account follows the user level: an L1 account goes at once, while a subscriber’s account and data go when the plan ends, with a banner offering to keep both.

Axure spec, pause, P2. Each length shows the date the plan resumes. On the paused dashboard the add-ons stack is hidden, and billing shows the next payment on the restart date.

Open in Axure ↗ Get password →

03Handoff

Getting product teams to an MVP quickly

So that product owners and engineering could break each journey into testable stories and deliver MVPs quickly, I handed the spec over as annotated Axure pages, one per stack. They had numbered callouts on every flow screen, form states, the key screens at four breakpoints, and write actions traced to their backend responses. Account v2 was web only in this build. Between the July and November 2019 versions it moved from dplay’s skin to the platform’s neutral placeholder brand, and gained the data, EU portability, devices and parental controls stacks. Legal still had to give feedback on the invoice, and for watching abroad it asked for the user’s home country to be verified by card.

In a January 2020 draft I turned the credentials stack into account details, adding a mobile number and a postcode, and drew two journeys: a change link beside each field on the dashboard, or one edit link that opens the stack. In the March spec I kept the first, behind the same password check, and added states for accounts created by SMS and for services that need a postcode.

Axure spec, March 2020, change email. After sending, the flow splits on the backend response: success returns to the dashboard with a message, while a generic error and an email already registered each stay on the form.

Open in Axure ↗ Get password →

What was held, and what was handed over

Held for P2 and P3

  • Devices, and signing out of all of them
  • Parental controls with a PIN and an age threshold
  • Pausing a plan
  • Switching between monthly and annual plans
  • Group tabs on the dashboard
  • Multiple profiles

Handed over for P1

  • A dashboard of stacks at four breakpoints
  • Profile and account details for each account type
  • Plan, add-ons, billing and payment method by user level
  • Off-boarding screen, exit survey and resume
  • Promo codes and email preferences
  • Data download, account deletion and EU portability

The first four waited on backend work, and two of them were already on the platform’s roadmap. The last two were phased for later releases.

The stacks were built on the user levels and design principles of Auth v2. I published the November 2019 spec on Axure Cloud, open to product owners and developers across the business. I was still revising the account details stack in March 2020.

Sources

Get the password

Enter your work email to get the password.

Case studies

36 case studies

No filters

Focus

Discipline

Complexity

Sector

Consumer apps

Platform

  1. Tailored meal plan

    • Samsung Food
    • 2025
    • 11 min read

    How I worked through the design process to move from an empty planner to a generated weekly plan.

  2. Share panel redesign

    • Fiuto
    • 2026
    • 6 min read

    How I use a set of custom skills to redesign complex features inside the coding agent, without Figma.

  3. Figma to code

    • GitLaw
    • 2026
    • 7 min read

    How I connected GitLaw's Figma library and code in both directions, with Storybook as the source of truth.

  4. Recipe AI

    • Samsung Food
    • 2023
    • 5 min read

    How I started integrating generative AI into native, user facing app features.

  5. Shareable insights

    • Fiuto
    • 2026
    • 6 min read

    How I take a research finding to a feature on staging.

  6. Health dashboard

    • Samsung Food
    • 2024
    • 8 min read

    How I designed Samsung Food's first health dashboard, with progress against the goals users set.

  7. Study sharing design

    • Fiuto
    • 2026
    • 5 min read

    How I ground a new feature in the code, the roadmap and the market before designing it.

  8. Casual meal planner

    • Samsung Food
    • 2024
    • 10 min read

    How I designed a to-do list mode in the planner for users who plan casually.

  9. Weekly competitive research

    • Fiuto
    • 2026
    • 6 min read

    How I turn a competitive finding into new projects on the roadmap in one session.

  10. Ingredient substitutions

    • Samsung Food
    • 2023
    • 5 min read

    How I designed ingredient swaps that let users adapt any recipe to their diet.

  11. Onboarding prototype

    • Fiuto
    • 2026
    • 6 min read

    How I prototype a whole user journey in the product's own components.

  12. Health goals

    • Samsung Food
    • 2023
    • 10 min read

    How I designed meal recommendations and a planner around users' own calorie and macro targets.

  13. Visual QA with agents

    • Fiuto
    • 2026
    • 5 min read

    How I review a delivered feature with ten agents testing it in real browsers.

  14. Meal swaps

    • Samsung Food
    • 2024
    • 8 min read

    How I took a meal swap from Beta feedback to release through thirteen sprints of scope negotiation with engineering.

  15. Admin components redesign

    • Fiuto
    • 2026
    • 5 min read

    How I design and build shared admin components in one coding session, with no Figma handoff.

  16. Planner improvements

    • Samsung Food
    • 2024
    • 9 min read

    How I took five planner briefs from hypothesis to handover under one mission.

  17. Study sharing handoff

    • Fiuto
    • 2026
    • 6 min read

    How I turn an approved mockup into real components, with states, mobile and both themes.

  18. Study sharing build

    • Fiuto
    • 2026
    • 6 min read

    How I run planning, implementation and checks as one pipeline, and settle the decisions the agent hands back.

  19. Study sharing release

    • Fiuto
    • 2026
    • 6 min read

    How I take a feature from staging to production.

  20. Onboarding build review

    • Fiuto
    • 2026
    • 6 min read

    How I review a built onboarding flow against its prototype and send each fix back.

  21. Illustrations and animation

    • Fiuto
    • 2026
    • 6 min read

    How I place illustration and animation on a working screen in minutes, by asking the coding agent.

  22. Profile access A/B test

    • VAHA
    • 2021
    • 4 min read

    How I designed the profile and its privacy settings for a smart mirror's companion app.

  23. Sportsnet app concept

    • Sportsnet
    • 2021
    • 10 min read

    How I co-created a sports app concept for younger fans with the Rogers team.

  24. Partner app onboarding

    • Utility Warehouse
    • 2020
    • 8 min read

    How I designed onboarding for new partners in a six-week Shape Up cycle, to reduce first-year drop-off.

  25. Access and entitlements

    • Discovery
    • 2019
    • 9 min read

    How I redesigned sign-up for users who could not tell a free account from a subscription.

  26. WWE Network native apps

    • WWE Network
    • 2018
    • 8 min read

    How I owned the UX of WWE Network's iPhone, iPad and Android apps on Massive's AXIS platform.

  27. Navigation redesign

    • DAZN
    • 2017
    • 10 min read

    How I redesigned navigation and tiles to give DAZN users quick access to content.

  28. Community and gamification

    • VAHA
    • 2021
    • 11 min read

    How I designed community and gamification features for VAHA, from a team workshop to the design system.

  29. Join funnel

    • Utility Warehouse
    • 2020
    • 9 min read

    How I redesigned Utility Warehouse's sign-up steps to make a multi-service bundle easier to join.

  30. Self-service account

    • Discovery
    • 2019
    • 9 min read

    How I designed a self-service account area for Discovery's streaming products.

  31. BritBox acquisition and account

    • BritBox
    • 2019
    • 9 min read

    How I designed BritBox's first UK sign-up and account journeys in two sprints.

  32. NFL Game Pass white label

    • NFL Game Pass
    • 2017
    • 9 min read

    How I designed a white-label NFL Game Pass to test DAZN's product as a service for sports leagues.

  33. Remote appointments

    • Utility Warehouse
    • 2020
    • 7 min read

    How I redesigned Utility Warehouse's remote appointment when lockdown made it essential.

  34. Native playback

    • Discovery
    • 2020
    • 8 min read

    How I specified playback for every Discovery streaming app, embedded in the platform's tech team.

  35. Univision sports streaming

    • Univision
    • 2018
    • 6 min read

    How I designed the UX of a direct-to-consumer football service for Univision on web, apps and Chromecast.

  36. Offline downloads

    • DAZN
    • 2016
    • 6 min read

    How I designed downloads for watching catch-up sport offline in DAZN's iOS and Android apps.

Send a message

Tell me about the role and when it starts, and I will reply by email.