Baixar Currículo
Voltar para portfólio

Nexo Data Integration

O Nexo data é uma plataforma SaaS voltada para engenheiros e cientistas de dados. O desafio era redesenhar a Home, ponto de entrada do sistema, que não trazia clareza nem informações críticas.

SaaS

⚠️ Este projeto é real, porém, por questões de compliance e confidencialidade, nomes oficiais, marcas e dados sensíveis foram adaptados.
O processo de design, entregas e aprendizados aqui apresentados refletem fielmente minha atuação.

Data:

6 de julho de 2025

Papel:

Senior Product Designer

Problema

A versão antiga da Home era básica, sem hierarquia de informação e sem atalhos. Usuários precisavam navegar por vários menus para executar tarefas simples, o que gerava perda de tempo.

Objetivo

Criar uma Home centralizada, intuitiva e visualmente clara que desse ao usuário uma visão geral do status de suas operações, além de acesso rápido às principais ações.

Solução

  • Criar blocos visuais com métricas principais (ingestões, pipelines, falhas).
  • Adicionar atalhos rápidos para criação de conexões e pipelines.
  • Incluir timeline de atividades recentes para visibilidade imediata.
  • Inserir sistema de notificações e busca inteligente para localizar itens sem navegar por menus.

Processo

Para resolver esse problema, utilizei um processo comum chamado Design Thinking.

Empatia

Entendimento

Para resolver esse problema, utilizei um processo comum chamado Design Thinking.

  • Versão antiga da Plataforma:
    • Estrutura muito básica, sem hierarquia de informação.
    • Identidade visual da marca mal aplicada, impactando a percepção de confiança.
    • Ausência de atalhos e interações relevantes.
    • Usuários precisavam navegar por menus profundos para executar tarefas simples.

  • Impactos negativos:
    • Dificuldade em localizar pipelines, ingestões e logs de falha.
    • Maior tempo gasto em tarefas rotineiras.
    • Pouca clareza sobre status das integrações de dados.
    • Necessidade de suporte maior, já que a Home não respondia às dúvidas de forma rápida.

Pesquisas

Foram feitas entrevistas com usuários técnicos, análise heurística e benchmarking de soluções como: Power BI, Dataiku, Datadog e AWS Glue.

  • Entrevistas exploratórias com engenheiros de dados: identificaram que a principal dor era "não saber o que estava rodando e o que tinha falhado sem ter que navegar muito".
  • Benchmark: estudei soluções similares (Datadog, Power BI Service, AWS Glue) para entender padrões de dashboards de entrada.
  • Análise heurística: revelou baixa consistência de identidade, falta de feedback imediato e ausência de visibilidade de status.

  1. A visão inicial deveria apresentar status do sistema (concluído, falha, agendado, em execução).
  2. Usuários desejavam atalhos rápidos para conexões, ingestões e pipelines.
  3. Era essencial incluir últimas atividades e logs recentes diretamente na Home.

Benchmark

Realizei alguns Benchmarks em plataformas similares para entender como eles atuam, e, de acordo com as dores dos usuários, se alguns padrões fariam sentido serem reutilizados.

Descobertas (Análise Heurística)

Alguns pontos na análise heurística foram identificados em brainstorm, como: falta de uma barra de buscas, ícone de notificações de logs e status, ações rápidas, filtros, inconsistências na identidade visual e muito mais.

Definição

Objetivo

Criar uma Home centralizada, intuitiva e visualmente clara que desse ao usuário uma visão geral do status de suas operações, além de acesso rápido às principais ações.

Insights

A Home não permitia que usuários acompanhassem e interagissem rapidamente com suas integrações de dados, gerando frustração e perda de tempo. Os usuários sentem a necessidade de visão geral do status, atalhos rápidos e logs visíveis na Home.

Personas

Após realizar entrevistas mais profundas e entender a real necessidade na jornada dos usuários, percebi algumas falas importantes e destaquei as principais:

Estela - C-Level

"Quero ter segurança de que as operações estão funcionando e enxergar rapidamente se algo falhou, para garantir que a tecnologia continue alinhada aos objetivos do negócio.”

Guilherme - Head de Dados

"Quero uma visão clara dos pipelines e ingestões, com atalhos para agir rápido e integrar sistemas de forma eficiente, sem perder tempo em navegações complexas.”

Lucas - Engenheiro de Dados

"Quero acompanhar logs e atividades em tempo real, identificar falhas de ingestão ou execução e resolver rapidamente, garantindo fluxo consistente de dados.”

Ideação

Brainstorm

Propostas pensadas: blocos visuais com métricas, atalhos rápidos para conexões, timeline de atividades e busca inteligente.

  • Criar blocos visuais com métricas principais (ingestões, pipelines, falhas).
  • Adicionar atalhos rápidos para criação de conexões e pipelines.
  • Incluir timeline de atividades recentes para visibilidade imediata.
  • Inserir sistema de notificações e busca inteligente para localizar itens sem navegar por menus.

Arquitetura da informação

Propostas pensadas: blocos visuais com métricas, atalhos rápidos para conexões, timeline de atividades e busca inteligente.

Wireframe

Foram criados Wireframes de baixa fidelidade para uma validação técnica rápida e de Brainstorm.

Prototipação

Protótipo de média/alta fidelidade

Aplicação de cores consistentes, tipografia hierárquica e componentes reutilizáveis. Inclusão de status visuais como 'em execução', 'falha', 'pendente'.

  • Evoluí para protótipos de alta fidelidade já aplicando o design system da marca:
    • Cores mais consistentes.
    • Tipografia com hierarquia clara.
    • Componentes reutilizáveis (cards, tabelas, ícones de status, barras de navegação e tabs).
  • Implementação de tags visuais (badges) de status: em execução, falha, pendente, concluído.

Diferenciais:

  • Visão geral de métricas críticas.
  • Atalhos rápidos.
  • Últimas atividades e logs recentes.
  • Melhor aplicação de identidade visual.
  • Redução de esforço cognitivo.

Navegação interativa

Criei uma navegação interativa com setas que guiassem o fluxo de toda a jornada, tendo uma visão geral de todos os pain points do usuário a partir da Home.

Testes

Teste A/B

Aplicação de cores consistentes, tipografia hierárquica e componentes reutilizáveis. Inclusão de status visuais como 'em execução', 'falha', 'pendente'.

  • Versão com atalhos rápidos visíveis obteve +38% de interações em relação à versão sem atalhos.
  • Layout com busca inteligente no topo resultou em redução de 22% no tempo médio para localizar pipelines.
  • A variante com cards de status destacados gerou maior percepção de controle pelos usuários.

Teste com interatividade

Testes simulados mostraram redução de cliques desnecessários e maior clareza para identificar falhas.

  • Redução de cliques desnecessários para acessar pipelines.
  • Facilidade em encontrar falhas de execução sem navegar em submenus.
  • Percepção de maior clareza na organização da página inicial.

Métricas

Redução de 35% em cliques errados, aumento de 40% no uso da busca rápida, mais interações com atalhos e menos dúvidas de suporte.

  • 35% de redução em cliques errados no menu.
  • 40% de aumento no uso da busca rápida na Home.
  • 38% de aumento em interações com atalhos rápidos (vs. navegação tradicional).
  • 25% de dúvidas reportadas relacionadas a falhas de execução.

Resultado Final

Antes: Home básica, sem hierarquia e com poucos recursos.

Depois: Home redesenhada com visão geral, atalhos, agendamentos, últimas atividades e identidade consistente.

Reflexão e Aprendizado

A Home se tornou um painel estratégico, empoderando usuários técnicos, reduzindo barreiras de navegação e reforçando confiabilidade.

  • Empoderar usuários técnicos.
  • Reduzir barreiras de navegação.
  • Melhorar a percepção de confiabilidade do produto.

Além disso, mostrou como design system aplicado + foco em métricas pode transformar uma tela estática em uma experiência de valor imediato.

Com as tags , ,