Painel

Criando um novo painel para os clientes. Melhor visual, melhor usabilidade e melhor funcionalidades.

Simple description with two lines or so. It just a small sentence to make context to de project

35% maior satisfação

Com o novo painel dos clientes, foi constatado uma melhora de 35% na satisfação dos clientes com o produto

Contexto

O Soluções Industriais é uma empresa que oferece uma plataforma de conexão entre fornecedores e compradores B2B no setor industrial.

Ao se cadastrar como fornecedor, o cliente passa a ter acesso a um painel de gestão. Nesse ambiente, é possível organizar solicitações de orçamento, gerenciar anúncios publicados, acompanhar relatórios e acessar outras funcionalidades de monitoramento e controle.

Com a expansão dos negócios, surgiu a necessidade de um painel mais robusto, funcional e alinhado a um padrão visual e de usabilidade mais profissional.

Problema

O painel existente não possuía uma organização eficiente e apresentava um visual pouco refinado, o que comprometia a percepção de credibilidade por parte dos clientes.

Como consequência, o número de usuários ativos era baixo, e muitos fornecedores optavam por acompanhar seus orçamentos por meios externos, sem utilizar a plataforma.

Diante desse cenário, não bastava apenas melhorar a estética e a organização visual do painel — era necessário ampliar suas funcionalidades e torná-lo realmente útil para a gestão do relacionamento com os clientes.

Por isso, foram incorporados recursos típicos de CRM, como uma base de contatos com histórico completo de interações e a possibilidade de importar e exportar dados para integração com outras plataformas de CRM.

Processo

Como eu abordei esse projeto

  1. O que é usado e como o mercado faz

  1. Agrupando as funcionalidades de forma inteligente

  1. Organizando o produto com um Design System

  1. Otimizando o fluxo de criação e a colaboração com os DEVs

  1. O que é usado e como o mercado faz

O primeiro passo foi entender como os usuários realmente utilizavam o painel: quais funcionalidades eram mais acessadas, quais eram ignoradas e quais tarefas eram realizadas fora da plataforma.

Paralelamente, foi conduzida uma análise de benchmarking com ferramentas semelhantes — tanto CRMs consolidados quanto plataformas de vendas e orçamentos, como Mercado Livre e GetNinjas.

O objetivo foi identificar padrões de mercado, boas práticas de usabilidade e oportunidades de melhoria que pudessem orientar a evolução do painel.

  1. Agrupando as funcionalidades de forma inteligente

Em seguida, foram realizadas diversas reuniões com o time para conceber um novo painel mais útil e eficiente. A principal necessidade era identificar quais funcionalidades eram realmente essenciais para os clientes e como organizá-las de forma mais clara, intuitiva e orientada às tarefas do usuário.

Após alinhar as necessidades tanto dos clientes quanto do negócio, as funcionalidades foram estruturadas em três grandes áreas:

CRM — reúne todas as informações relacionadas ao relacionamento com clientes, incluindo contatos, orçamentos, histórico de interações, chat e atividades pendentes.

Meu Negócio — concentra os dados da empresa fornecedora, como informações cadastrais e anúncios publicados. Também permite a criação de novos anúncios e a edição dos existentes.

Gestão — área dedicada à administração da conta, onde o usuário pode criar acessos para outros membros da empresa (como analistas e vendedores), organizá-los em equipes e configurar permissões de visualização e edição. Nessa seção também é possível acompanhar o plano contratado junto ao Soluções Industriais e sua utilização conforme os anúncios são vinculados.

  1. Organizando o produto com um Design System

Apesar de o Soluções Industriais possuir anos de experiência no mercado, a empresa não contava com um designer especializado, o que resultava na ausência de uma linguagem visual unificada.

Mesmo no painel existente, o visual era pouco refinado e apresentava diversas inconsistências, comprometendo a percepção de qualidade do produto.

Como o novo painel precisava atender a um padrão mais elevado de qualidade visual e transmitir profissionalismo, identifiquei a necessidade de criar uma base estruturada de design que centralizasse as principais decisões visuais.

Para isso, desenvolvi uma versão simplificada de um Design System, documentando tipografia, paleta de cores, iconografia e outros elementos essenciais. Esse material passou a orientar não apenas o novo painel, mas também outras aplicações digitais da marca, garantindo consistência e escalabilidade visual.

  1. Otimizando o fluxo de criação e a colaboração com os DEVs

Para tornar o processo mais organizado e evitar retrabalho ou desalinhamentos entre as equipes de produto e desenvolvimento, optamos por construir o painel de forma modular.

Para cada módulo, eu projetava todas as telas necessárias e validava o resultado com a Product Owner e os diretores, garantindo que as funcionalidades estivessem completas e que o padrão visual estivesse aprovado antes do desenvolvimento.

Após a aprovação, produzia as versões responsivas em cinco breakpoints — mobile, tablet, desktop compacto (ou tablet em landscape) e dois tamanhos de desktop — e preparava os arquivos para um handoff claro e sem ambiguidades para a equipe de engenharia.

Esse fluxo permitiu que, enquanto os desenvolvedores implementavam um módulo já finalizado, eu avançasse no design dos próximos, mantendo um ritmo contínuo de entrega e otimizando o tempo de todo o time.

Telas e extras

VAMOS TRABALHAR JUNTO

VAMOS TRABALHAR JUNTO

ENTRE EM

ENTRE EM

ENTRE EM

CONTATO

CONTATO

CONTATO

contato@thiagotorelli.com.br

contato@thiagotorelli.com.br

copiar

copiar

or

ART

ART

ART

ART

AND

AND

AND

AND

LOGIC

LOGIC

LOGIC

LOGIC