José Augusto Bezerra · Publicado em 13 de abril de 2021

Vivo

Estruturar processos de UX em B2B, reconstruir o portal vivo.com.br e projetar o app Meu Vivo Empresas

AppProduct DesignUX ResearchDesign System
Logo Vivo
Vivo — capa do projeto
Vivo — capa do projeto

01

O problema de negócio

O canal digital de B2B (Vivo Empresas) estava mais de um ano sem atualização relevante. As demandas chegavam em formato de "puxadinho": cada área pedia sua página, sem visão de jornada. O resultado era um canal complexo, pouco utilizado e incapaz de sustentar autoatendimento — o que empurrava clientes corporativos para o call center e encarecia a operação.

No portal vivo.com.br, o problema era estrutural: navegação com múltiplos caminhos concorrentes, páginas não responsivas e nenhuma possibilidade de atualizar oferta sem um novo ciclo de desenvolvimento.

02

Discovery e pesquisa

  • Pesquisas com clientes B2B para mapear as funcionalidades realmente essenciais do canal.
  • Dois workshops de co-criação com as áreas de negócio, para alinhar interesses e unificar a visão sobre as dores dos clientes.
  • Workshops de conceituação e mapeamento de jornada no projeto do novo portal, fechados com um Value Proposition Design.
  • Rodadas de Card Sorting nas cinco regiões do país para definir a arquitetura de informação do menu.
  • Testes de conceito com telas de baixa e média fidelidade antes de qualquer desenvolvimento.

A pesquisa mostrou que o gestor B2B não queria "mais funcionalidades": queria resolver três coisas com previsibilidade — ver e pagar faturas, ativar chips e entender o consumo das linhas. Isso reordenou completamente a prioridade do roadmap.

Workshop de co-criação na Vivo
Workshop de co-criação na Vivo
Workshop de co-criação na Vivo
Workshop de co-criação na Vivo

03

Decisões de design

Meu Vivo Empresas

Como faturas eram a dor número um, a nova tela de contas passou a apresentá-las em timeline, com download em lote — decisão tomada porque, nos testes, o gestor com dezenas de linhas precisava de visão consolidada e não de uma fatura por vez.

Primeira tela conceito do Meu Vivo Empresas
Primeira tela conceito do Meu Vivo Empresas
Tela de contas em timeline
Tela de contas em timeline

A ativação de chips — funcionalidade mais pedida na pesquisa — foi desenhada também em modo massivo, refletindo o comportamento real de quem gerencia frotas de linhas.

Ativação de chips
Ativação de chips

Novo portal vivo.com.br

O menu foi reduzido a poucas opções, definidas pelos clientes no Card Sorting, e todas as páginas passaram a ser componentizadas e modulares — escolha feita para que a atualização de oferta deixasse de depender de desenvolvimento sob medida.

Tela do site antigo, com navegação complexa
Tela do site antigo, com navegação complexa
Sessão de Card Sorting
Sessão de Card Sorting
Novo portal vivo.com.br
Novo portal vivo.com.br

Esses componentes viraram a base do novo Style Guide da Vivo e se estenderam a outros produtos, como Meu Vivo Empresas e Meu Vivo Fixo.

Biblioteca de componentes do portal
Biblioteca de componentes do portal

App Meu Vivo Empresas

No app, o login por e-mail e senha para o gestor foi mantido porque foi o formato mais bem avaliado nos testes; o cadastro foi reduzido a três etapas; a busca foi priorizada para quem administra muitas contas agrupadas e precisa agir rápido diante de um problema.

App Meu Vivo Empresas
App Meu Vivo Empresas
Dashboard de gestão de faturas
Dashboard de gestão de faturas

04 · Resultado

5

Regiões do país cobertas na pesquisa de AI

0

100%

Portal componentizado e modular

1

1

Style Guide adotado por outros produtos Vivo

2

O novo Meu Vivo Empresas entrou em desenvolvimento em 2018 e seguiu sendo entregue em etapas; o app chegou aos usuários beta em dezembro de 2019 e ao público geral em março de 2020.

Ferramentas

Sketch App · Figma · Card Sorting · Workshops

Tags

AppProduct DesignUX ResearchDesign System