Trabalho / VisualCue

Cada cliente novo era um projeto do zero

Cada implementação exigia muito trabalho sob medida, o que tornava o produto caro e difícil de escalar. O objetivo era transformar esse processo em algo repetível — dando ao cliente controle suficiente para configurar a plataforma sozinho, sem precisar entender tudo o que acontecia por baixo.

Função
Product Designer
Escopo
UX & UI ponta a ponta, sistema de tiles, fluxo de dados
Período
2020 — 2022
Plataformas
Web · App desktop
Toque para ampliar ↗ NGN Insights: tiles configuráveis construídos direto dentro do produto.
Implementação mais rápida 1+ mês → ~1 semana
Repetível por desenho Projetos sob medida → Setup repetível
Implementação dentro do produto Deploy sob medida → Configuração no produto
O BRIEFING

O produto funcionava bem depois de implementado. O problema era chegar lá

Cada cliente novo exigia uma quantidade considerável de trabalho sob medida do nosso lado. O time tinha que construir os elementos visuais, preparar os dados e adaptar a implementação ao ambiente de cada cliente. Isso tornava o produto caro de implantar e difícil de escalar.

O objetivo era mover esse trabalho para dentro do próprio produto — deixando a plataforma simples o bastante para o cliente configurar, mas ainda dando acesso a um sistema que era genuinamente complexo por baixo.

ONDE COMEÇOU

Uma linguagem visual altamente customizada

O VisualCue representava dados através de tiles altamente customizados, combinando ícones, cores e layouts numa linguagem visual que era poderosa, mas difícil de reproduzir.

A mesma customização existia embaixo da camada visual. Os dados tinham que ser preparados antes de chegar à plataforma, e até cálculos simples exigiam desenvolvimento sob medida fora do produto.

Toque para ampliar ↗ Cada cliente recebia um tile desenhado sob medida, construído em torno dos seus dados e requisitos específicos.
Toque para ampliar ↗ Os tiles eram desenhados camada por camada no Illustrator e exportados por um script. Cada variação dependia desse processo manual.

Conforme o VisualCue avançou para o mercado de call center, o produto evoluiu para CueFit — e sua linguagem visual precisava ficar mais focada e repetível.

CUEFIT

De tiles sob medida a um sistema visual repetível

A linguagem visual original foi redesenhada em torno de uma estrutura consistente. O mesmo sistema por baixo podia agora ser reutilizado em projetos diferentes, ainda deixando cada tile refletir o dado que representava.

Toque para ampliar ↗ O anel estabeleceu uma estrutura consistente para o tile, com o conteúdo e o status mudando conforme o projeto.

O Grupo NGN adquiriu o CueFit e o time por trás dele. Começamos então a moldar o produto no que viria a ser o NGN Insights.

NGN INSIGHTS

O sistema visual virou parte do produto

Quando o CueFit virou NGN Insights, o sistema visual se mudou para dentro do próprio produto, permitindo que os usuários criassem e configurassem os próprios tiles direto na plataforma.

Toque para ampliar ↗ O tile foi definido por um conjunto fixo de áreas de conteúdo: doze espaços de KPI, quatro campos de texto e um status.
Toque para ampliar ↗ O editor seguiu a mesma estrutura do tile, dando ao usuário campos definidos para configurar em vez de exigir um layout sob medida a cada projeto.
IMPLEMENTAÇÃO

Deixando o trabalho com dados mais simples

O que antes exigia desenvolvimento sob medida agora podia ser feito visualmente dentro do produto. Os dados podiam ser conectados, combinados e transformados por uma interface desenhada para tornar a lógica por baixo acessível.

Toque para ampliar ↗ Uma fonte de dados podia ser conectada e configurada direto pela interface.
Toque para ampliar ↗ Campos, tipos e chaves podiam ser mapeados como parte do processo de configuração.
Toque para ampliar ↗ O usuário podia definir cálculos e comparações pelo produto, sem precisar de uma etapa de desenvolvimento separada.
EXPERIÊNCIA DO AGENTE

A tela do agente virou parte do produto

Os agentes passaram a ver a própria performance de um jeito muito mais rico no NGN Insights, com informação em tempo real, contexto e feedback embutidos no produto.

Toque para ampliar ↗ Com a estrutura do tile estabelecida, o centro podia também acomodar uma fotografia do agente ao lado dos seus dados de performance.
EVOLUÇÃO DO PRODUTO
EtapaProdutoSistema visualImplementação
Ponto de partidaVisualCueArtístico / altamente customizadoTrabalho sob medida
Tornando repetívelCueFitSistema visual repetívelTrabalho sob medida
Tornando configurávelNGN InsightsSistema configurável no produtoConfiguração no produto
O NGN Insights em uso, fechando o case