← Voltar ao trabalho
UX de assinaturaProdutos conectadosServiço com hardwareDesign SystemsEnterpriseFluxos complexos

HP subscription onboarding

Configuração guiada para um modelo de assinatura com impressora incluída.

Papel
Product Designer · Contribuidor individual
Escopo
Execução de UX/UI, fluxos de configuração de assinatura, edge cases e documentação de handoff
Colaboração
Produto, engenharia, QA e stakeholders do cliente
Plataforma
Plataforma web
Duração
Projeto sob demanda
Caixa do HP Instant Ink sendo entregue, ao lado de um laptop mostrando a visão geral da conta no HP Smart.
01 · O projeto em um minuto

O projeto em um minuto

Trabalhei numa evolução da experiência de assinatura da HP em que o plano incluía não só tinta, toner ou papel — mas a própria impressora.

O modelo já tinha passado de um MVP inicial, mas ainda estava em teste e implementação. Meu trabalho focou na configuração da assinatura e na experiência de conta: ajudar usuários a configurar um plano, entender o que estava incluído e revisar o serviço antes de assumir o compromisso.

Como algumas regras de serviço ainda estavam sendo esclarecidas, o trabalho de design também ajudou a trazer à tona edge cases sobre entrega, substituição, devoluções, status da impressora e suporte.

Um fluxo de configuração guiada combinando seleção de impressora, volume mensal de páginas, add-on de papel e resumo do pedido.

Tela mobile de visão geral da conta mostrando páginas do plano usadas, status da impressora e detalhes de suporte.Tela mobile mostrando o resumo mensal de papel e o uso de páginas do plano e de rollover.Tela mobile mostrando o ciclo de faturamento com um gráfico de barras de páginas impressas ao longo do tempo.Tela mobile mostrando o status de cada cartucho de tinta, com alertas de substituição.
02 · Minha contribuição

Minha contribuição

Trabalhei como contribuidor individual focado em execução de UX/UI, aplicação do design system e handoff de implementação.

  1. Estruturar a configuração da assinatura em etapas de decisão claras
  2. Desenhar o fluxo de seleção de impressora, volume de páginas e add-on de papel
  3. Traduzir regras de serviço em estados visíveis e próximos passos para o usuário
  4. Trazer à tona perguntas de edge case sobre entrega, devoluções, substituição e status da impressora
  5. Manter a experiência alinhada aos padrões de design já existentes da HP
03 · O que tornava complexo

O que tornava complexo

A interface precisava deixar claro um modelo de serviço físico antes do usuário assumir o compromisso.

  1. A assinatura incluía uma impressora física, não só um plano digital ou entrega de suprimentos.
  2. Algumas regras ainda estavam sendo esclarecidas durante a implementação, então o trabalho de UI trazia à tona perguntas que o time precisava responder.
  3. A experiência precisava explicar claramente os estados do serviço: o que foi selecionado, o que estava incluído, o que seria entregue, o que podia mudar e o que aconteceria a seguir.

Diferente de uma assinatura puramente digital, essa configuração precisava considerar produtos físicos, entrega, devoluções, suporte e condições de serviço.

Visão desktop da visão geral da conta no HP Smart, mostrando uso do plano e detalhes de suporte.
04 · Como eu abordei

Como eu abordei

01

Entender o estado do serviço

Antes de desenhar telas, trabalhei para entender o que o usuário precisava saber em cada ponto: impressora selecionada, volume de páginas, add-on de papel, preço, entrega, condições de teste e próximos passos.

02

Tornar as escolhas sequenciais

Estruturei a configuração para que usuários pudessem tomar uma decisão de cada vez, em vez de enfrentar o modelo de serviço completo de uma só vez.

03

Trazer à tona edge cases não respondidos

Conforme a UI tomava forma, ajudei a identificar perguntas em aberto sobre entrega de impressora, devoluções, substituição, cenários de aparelho quebrado e visibilidade de status.

04

Documentar para implementação

Documentei seleções, estados, edge cases e detalhes de handoff para que engenharia e QA pudessem implementar a experiência com menos ambiguidade.

05 · Decisões-chave de design

Decisões-chave de design

Decisões de design que tornaram a assinatura mais fácil de configurar, revisar e entender.

01 · Transformar um novo modelo de assinatura numa configuração guiada

O novo modelo exigia que usuários configurassem várias escolhas conectadas: impressora, volume mensal de páginas, papel opcional e um resumo final da assinatura. Estruturei a experiência como uma configuração guiada para que usuários entendessem cada decisão em sequência, em vez de enfrentar o modelo de serviço completo de uma vez.

02 · Trazer edge cases à tona através do trabalho de UI

Conforme desenhávamos o painel, várias perguntas de serviço ficaram visíveis: prazos de entrega, status da impressora, fluxos de devolução, cenários de substituição e o que acontece quando uma impressora quebra ou precisa ser devolvida. Ajudei a levantar essas perguntas com a HP e traduzir as respostas em estados, fluxos e decisões de interface mais claros.

03 · Tornar o pacote da assinatura revisável

Como cada seleção afetava a assinatura final, usuários precisavam de uma forma clara de revisar o que tinham escolhido antes de continuar. A experiência de resumo conectava a impressora selecionada, o plano de páginas, o add-on de papel, o preço mensal, informações de teste, envio e condições de serviço num só lugar.

Tela mobile apresentando o plano de assinatura all-inclusive da impressora.Tela mobile para escolher a impressora, comparando os níveis Essential, Versatile e Professional.Tela mobile para selecionar o volume mensal de páginas, com preço por nível.

A etapa de revisão conectava itens selecionados, benefícios incluídos, preço, condições de teste e requisitos de serviço num só lugar.

06 · Resultado

Resultado

Board de visão geral mapeando o fluxo da assinatura: páginas de teste, páginas do plano, estados de faturamento, status de entrega, pagamentos e ações do usuário vs. da HP.

Perguntas em aberto sobre entrega, devoluções, substituição e status da impressora foram traduzidas em estados visíveis e notas de handoff.

07 · Reflexão

Reflexão

Esse projeto me lembrou que trabalho de UI pode trazer à tona perguntas de produto que ainda não foram resolvidas.

Quando uma assinatura inclui operações de serviço físico, a interface não está só organizando escolhas. Está ajudando o time a tornar a lógica do serviço explícita.

Próximo caseTheodoor App acessível para automação de portas inteligentes.