Trion
Trion é um CRM moderno projetado para impulsionar e otimizar o gerenciamento de relacionamento com o cliente. Ele reúne em um único painel um dashboard estratégico, pipeline de vendas visual, organização de tarefas e gestão completa de leads. Com uma interface intuitiva e centrada no usuário, o sistema facilita o acompanhamento de negociações, o controle de contatos e a tomada de decisão baseada em dados, otimizando todo o processo comercial.
Introdução
O projeto nasceu da necessidade de repensar a experiência em CRMs de vendas e gerenciamento de relacionamento com clientes. Frequentemente, aplicativos do setor são marcados por interfaces complexas, ausência de acompanhamento em tempo real e recursos limitados de análise. Muitos sistemas do mercado apresentam falhas como falta de indicadores claros, telas inconsistentes ou difíceis de usar, comprometendo a eficiência do time comercial. A proposta do Trion CRM então é simplificar a navegação, oferecer visualizações dinâmicas, permitir análises mais flexíveis e garantir informações sempre atualizadas, criando uma solução intuitiva e centrada no usuário.
Overview
Dashboard
A tela de Dashboard concentra os principais indicadores de vendas em uma visão clara e objetiva. Ela apresenta métricas como valor em prospecção, negociações por etapa, desempenho mensal e anual, novos clientes e tarefas do dia. O objetivo é fornecer uma visão geral estratégica em tempo real, facilitando a tomada de decisões rápidas e assertivas.
Pipeline
A tela de Pipeline de Vendas organiza os clientes dentro do funil comercial, permitindo acompanhar cada etapa da negociação — da prospecção até a proposta aceita. Com visual em estilo Kanban - podendo alternar para modo tabela - o usuário pode gerenciar leads de forma clara, visualizar valores associados a cada oportunidade e manter controle sobre o andamento das vendas em tempo real.
Tarefas
A tela de Tarefas oferece uma visão completa da agenda, permitindo acompanhar compromissos em formato de calendário ou cronograma. Com ela, o usuário pode gerenciar reuniões, organizar prioridades e acompanhar prazos de forma clara e intuitiva, garantindo maior produtividade no fluxo de trabalho.
Leads
A tela de Leads centraliza todas as informações de potenciais clientes em um só lugar, permitindo visualizar dados de contato, histórico de interações e documentos relacionados. Além disso, oferece uma linha do tempo detalhada das atividades e status de propostas, facilitando o acompanhamento da jornada de cada lead dentro do funil de vendas.
Design Process
O processo de design do Trion CRM teve como foco a criação de uma interface intuitiva e funcional, voltada para aumentar a produtividade e otimizar o fluxo de trabalho. Para embasar as decisões de design, foi realizada uma pesquisa de benchmark com os principais CRMs do mercado, identificando limitações recorrentes — como interfaces complexas, ausência de indicadores claros e inconsistências visuais que comprometiam a usabilidade.
Obs.: Embora o processo de design tenha sido encurtado devido ao tempo disponível para fazê-lo (1 semana), reconheço que, para o aperfeiçoamento da plataforma, seriam essenciais etapas complementares, como pesquisas aprofundadas com usuários, testes de acessibilidade e usabilidade, além de novas iterações de design.
User Flow
O flowchart do foi elaborado para mapear as principais etapas da jornada do usuário de forma clara e objetiva, alinhando-se aos seus objetivos e às necessidades do negócio. Esse fluxo permite visualizar como os usuários interagem com o sistema — desde o login até o acesso as ferramentas — garantindo clareza, eficiência e uma experiência intuitiva mesmo em processos complexos.
Grid System e Spacing
Optei por utilizar um grid de 12 colunas com 96px de largura e 16px de gutter (espaçamento entre colunas), assegurando equilíbrio visual e flexibilidade na construção das telas. Para reforçar a consistência e o ritmo da interface, apliquei o 8-point grid system, utilizando espaçamentos proporcionais em múltiplos de 8px. Essa abordagem não apenas facilita a escalabilidade do layout e a adaptação responsiva, como também garante uma hierarquia visual clara e uma experiência mais previsível para o usuário.
Tipografia e cores
Optei pela Lufga como fonte principal devido à sua geometria limpa e estética moderna, que oferecem legibilidade, sofisticação e um caráter profissional. Sendo uma fonte sem serifa, a Lufga reforça a clareza visual e se adapta perfeitamente à interface do CRM.
Obrigado pela leitura!👋🏻
Abaixo outros projetos que realizei que podem te interessar!
Projetos recentes
