Identidade visual da plataforma

Visão Geral

A interface da plataforma Citrus pode ser personalizada para refletir a identidade visual de empresas clientes.  

É possível customizar desde o nome que aparecerá no navegador de internet até a tela de login, logomarcas, cores de planos de fundo e de textos, e nomes de alguns menus.  

As configurações permitem alinhar a plataforma ao padrão visual da marca cliente, para que ela fortaleça a experiência de seus usuários e consiga tornar sua comunicação mais consistente. 

Benefícios 

• Reforça a consistência de marca, deixando a experiência alinhada ao manual de identidade visual da empresa. 

• Faz com que usuários identifiquem rapidamente que estão no ambiente correto. 

• Gera credibilidade e confiança. 

• Facilita a navegação, já que cores e ícones familiares ajudam o usuário a se localizar. 

• Favorece o engajamento do usuário por transmitir um ambiente mais próximo da marca com a qual já está acostumado. 

• Transmite a percepção de exclusividade. 

• Evita dependência de desenvolvimento sempre que acontecer mudança de layout ou atualização de branding. 

Acesso

A personalização pode ser aplicada na tela de Configurações Gerais, pelo menu Administração > Configurações Gerais > Geral.

Permissões e Pré-requisitos

Possuir Perfil com permissão habilitada para acessar o menu Configurações Gerais. A permissão precisa ser concedida por um Administrador em Administração > Usuários > Perfil > (selecionar) Perfil de usuário > (aba) Configurações Gerais. 

Configurar Identidade Visual

1. No menu Configurações Gerais > Geral, siga para a seção de Personalização.

   Para iniciar, habilite a caixa de Personalização.
   

   
   
2. Ao habilitar a opção, os campos customizáveis exibirão o botão Alterar. Serão aceitas imagens nos formatos JPG, PNG ou WEBP.
3. Para adicionar as imagens, proceda como a seguir:

   *As dimensões exigidas na configuração são exibidas pela caixa de informação (i) de cada campo.

   • Logo: será exibido para o usuário após o login, no topo do menu principal (lateral esquerda da plataforma). Dimensões recomendadas: 1324 x 360 pixels.

   A partir da versão 2.57.0, também é possível incluir logos com altura máxima de 38 pixels.

   • BG Login: o background de login é a imagem de fundo que aparecerá na tela de acesso à plataforma. Dimensões recomendadas: 1920 x 920 pixels.

   • Logo Login: imagem da logo da empresa, que será mostrada na tela de login da plataforma. Dimensões recomendadas: 1320 x 510 pixels.

   • Favicon: é a imagem exibida como ícone do navegador. Dimensões recomendadas: 144 x 144 pixels.

   
   
4. As cores de exibição de alguns recursos e de textos também podem ser personalizadas. Essas configurações podem ser desfeitas sempre que necessário, pressionando o botão Restaurar padrão de cores.

   É possível customizar cores dos seguintes recursos da interface:

   • Menu primário

   • Menu secundário

   • Fila Logada

   • Fila Deslogada

   • Botão (de) Login

   
   
5. A personalização ainda permite alterar os textos (labels), que serão utilizados como nomes para identificar alguns menus da plataforma.
   
   
6. Também é possível “Habilitar aceite de termo de uso da plataforma”, marcando a caixa de seleção do recurso. O campo permite configurar a exigência de que os usuários aceitem os Termos Gerais de Uso da Plataforma antes de utilizarem o sistema.

   O editor oferece opções de estilo e formatação para deixar o termo mais claro e organizado. É possível personalizar o conteúdo do termo de uso, com formatações de texto e inserção de informações adicionais.

   
   
7. Clique em Salvar no topo da tela de Configurações Gerais, para registrar as configurações de personalização.
   
   

×

Clique nas imagens desta página para vê-las em tela cheia.

Se preferir, recolha o menu da lateral esquerda da página para uma melhor visualização.

Consulte todas as atualizações da tela de Identidade Visual