Brudden · CRM Comercial

Informações de negócio em uma experiência mobile

O material do projeto Brudden reúne telas de relacionamento comercial, como contatos, cotações e oportunidades, além de telas de consulta ao catálogo de peças.

A participação da Auclan esteve no desenho dessas experiências, com padronização visual e organização das informações para uso em celular.

Compreender as rotinas antes de desenhar as telas

A documentação e as telas do projeto reuniam informações que precisavam ser organizadas para consulta e registro em celular.

No recorte comercial mostrado neste case, a interface precisava apresentar atividades, contatos, contas, cotações e fases de oportunidade com uma hierarquia clara.

Dar forma a fluxos com regras próprias

Transformar informações de negócio em interface exigiu estudar a documentação entregue pelo cliente e organizar o que cada pessoa precisava consultar ou registrar em cada etapa.

O design do catálogo de peças, por exemplo, precisava combinar o desenho técnico explodido, a busca por identificador e a seleção de quantidades em uma tela pequena.

Consistência visual para diferentes tarefas

Ícones, cores, componentes e hierarquia visual foram trabalhados como padrões de interface. Cada fluxo mantém suas informações específicas, com elementos visuais recorrentes para ações e estados.

As telas comerciais organizam atividades, cadastro de contatos, cotações e oportunidades. No detalhe de uma oportunidade, o design destaca a fase e as ações de alteração, ganho ou perda, junto das informações da conta.

Localizar peças e manter a seleção visível

No catálogo explodido, o desenho técnico e a busca por SKU, código ou posição ajudam a localizar a peça. O detalhe reúne seus identificadores e quantidades, enquanto a seleção permanece visível na própria interface.

As imagens a seguir também mostram o detalhe de uma oportunidade comercial, com destaque para a fase e os dados da conta.

Interfaces e padrões de navegação documentados

A entrega de design reuniu interfaces mobile, fluxos, ícones, componentes e padrões visuais. O recorte apresentado registra as decisões para relacionamento comercial e consulta de peças, com atenção à leitura e às ações de cada tela.