Modernização Visual do Webmail

Conceito

O projeto de Modernização Visual do Webmail tem como objetivo renovar a interface da plataforma, tornando-a mais moderna, intuitiva e funcional. A proposta visa melhorar a experiência do usuário por meio de ajustes visuais, reorganização de elementos, refinamento de ícones, tipografia e introdução de novos modos de visualização, sem alterar a estrutura lógica já consolidada do sistema.

Principais Características

• Redesign completo dos ícones da barra lateral, superior e da composição de mensagens.
• Tipografia aprimorada, com melhor legibilidade e hierarquia visual.
• Menu de opções com controle de ordenação e modo de exibição.
• Modos de visualização:
  • Padrão – Panorâmica (Visão em 3 colunas).
  • Desktop – Vista ampla e visualização da mensagem abaixo.
  • Lista – Sem pré-visualização de mensagem.

Estrutura Geral da Interface

A interface continua organizada em três colunas principais:

• Barra lateral esquerda com módulos e pastas.
• Lista de mensagens ao centro.
• Visualização detalhada da mensagem à direita.

Figura 1 – Layout atual do Webmail.

 

Figura 2 – Novo layout proposto

Ícones no Menu Lateral

• A barra lateral foi redesenhada com ícones modernos e intuitivos para os seguintes módulos:

Figura 3 – Ícones no menu lateral.

 

Ícones no Cabeçalho

• A barra superior do Webmail também recebeu melhorias visuais com ícones mais refinados e funcionais.

Figura 4 – Ícones cabeçalho

Ícones na Composição da Mensagem

• Na área de visualização de e-mails, os ícones que compõem a mensagem foram atualizados.

Figura 5 – Ícones na composição da mensagem.

Tipografia Aprimorada

A fonte utilizada na interface foi atualizada para uma versão mais legível e elegante:

• Melhor espaçamento entre letras e linhas.
• Hierarquia visual mais clara entre remetente, assunto, data e conteúdo.
• Consistência entre os módulos e botões da interface.

Novos Modos de Visualização

🖥️ Modo Desktop:

 

  Figura 6 – Modo Desktop

 

• Exibição com pré-visualização da mensagem abaixo.
• Ideal para leitura completa e detalhada.
• Ao clicar em uma mensagem, o conteúdo aparece imediatamente abaixo, mantendo o foco na triagem.
• Aproveita melhor o espaço vertical, ideal para uso em desktops e notebooks.

📋 Modo Lista:

Figura 7 – Modo Lista

 

• Exibição compacta, sem pré-visualização.
• Foco exclusivo na listagem de e-mails.
• Ideal para triagem rápida e uso em telas menores.

Como acessar os novos modos?

1. Logado no webmail, acione o botão “Opções”.
2. Em seguida altere a perspectiva visual, através do campo denominado “Leiaute”.

Figura 8 – Acesso a novos modos.

Conclusão

As melhorias visuais aplicadas ao Webmail da SOPRO MAIL tornam a plataforma mais moderna, funcional e agradável, com foco na usabilidade, acessibilidade e flexibilidade de uso. A introdução dos modos Desktop e Lista permite que cada usuário escolha a visualização mais adequada ao seu perfil de trabalho.