← Back to work
Subscription UXConnected productsHardware serviceDesign SystemsEnterpriseComplex flows

HP subscription onboarding

Guided setup for a printer inclusive subscription model.

Role
Product Designer · Individual contributor
Scope
UX/UI execution, subscription setup flows, edge cases, and handoff documentation
Collaboration
Product, engineering, QA, and client stakeholders
Platform
Web platform
Duration
On-demand project
HP Instant Ink box being delivered, next to a laptop showing the HP Smart account overview.
01 · Project in a minute

Project in a minute

I worked on an evolution of the HP subscription experience where the plan included not just ink, toner, or paper — but the printer itself.

The model was already past an initial MVP but still in testing and implementation. My work focused on subscription setup and the account experience: helping users configure a plan, understand what was included, and review the service before committing.

Because some service rules were still being clarified, the design work also helped surface edge cases around delivery, replacement, returns, printer status, and support.

A guided setup flow combining printer selection, monthly page volume, paper add-on, and order summary.

Mobile account overview screen showing plan pages used, printer status, and support details.Mobile screen showing the monthly paper summary and plan and rollover page usage.Mobile screen showing the billing cycle period with a bar chart of pages printed over time.Mobile screen showing cartridge status for each ink color, with replacement alerts.
02 · My contribution

My contribution

I worked as an individual contributor focused on UX/UI execution, design system application, and implementation handoff.

  1. Structure the subscription setup into clear decision steps
  2. Design the printer selection, page volume, and paper add-on flow
  3. Translate service rules into visible states and next steps for the user
  4. Surface edge case questions about delivery, returns, replacement, and printer status
  5. Keep the experience aligned with HP's existing design standards
03 · What made it complex

What made it complex

The interface needed to make a physical service model clear before the user committed.

  1. The subscription included a physical printer, not just a digital plan or supply delivery.
  2. Some rules were still being clarified during implementation, so UI work surfaced questions the team needed to answer.
  3. The experience needed to clearly explain service states: what was selected, what was included, what would be delivered, what could change, and what would happen next.

Unlike a purely digital subscription, this setup needed to account for physical products, delivery, returns, support, and service conditions.

Desktop view of the HP Smart account overview, showing plan usage and support details.
04 · How I approached it

How I approached it

01

Understand the service state

Before designing screens, I worked to understand what the user needed to know at each point: printer selected, page volume, paper add-on, price, delivery, trial conditions, and next steps.

02

Make choices sequential

I structured the setup so users could make one decision at a time, rather than facing the full service model all at once.

03

Surface unanswered edge cases

As the UI took shape, I helped identify open questions about printer delivery, returns, replacement, broken device scenarios, and status visibility.

04

Document for implementation

I documented selections, states, edge cases, and handoff details so engineering and QA could implement the experience with less ambiguity.

05 · Key design decisions

Key design decisions

Design decisions that made the subscription easier to set up, review, and understand.

01 · Turn a new subscription model into a guided setup

The new model required users to configure several connected choices: printer, monthly page volume, optional paper, and a final subscription summary. I structured the experience as a guided setup so users could understand each decision in sequence, rather than facing the full service model all at once.

02 · Surface edge cases through UI work

As we designed the panel, several service questions became visible: delivery timelines, printer status, return flows, replacement scenarios, and what happens when a printer breaks or needs to be sent back. I helped raise these questions with HP and translate the answers into clearer states, flows, and interface decisions.

03 · Make the subscription bundle reviewable

Because each selection affected the final subscription, users needed a clear way to review what they had chosen before continuing. The summary experience connected the selected printer, page plan, paper add-on, monthly price, trial information, shipping, and service conditions in one place.

Mobile screen introducing the all-inclusive printer subscription plan.Mobile screen for choosing a printer, comparing Essential, Versatile, and Professional tiers.Mobile screen for selecting monthly page volume, with pricing per tier.

The review step connected selected items, included benefits, price, trial conditions, and service requirements in one place.

06 · Outcome

Outcome

Overview board mapping the subscription flow: trial pages, plan pages, billing states, delivery status, payments, and user vs. HP actions.

Open questions about delivery, returns, replacement, and printer status were translated into visible states and handoff notes.

07 · Reflection

Reflection

This project reminded me that UI work can surface product questions that haven't been resolved yet.

When a subscription includes physical service operations, the interface isn't just organizing choices. It's helping the team make the service logic explicit.

Next caseTheodoor Accessible app for smart door automation.