Case: Soluções Visuais

Aprimoramento Contínuo e Adaptação: Coleção de Soluções Visuais

Meu Papel

Product Designer

Função

UI Designer (Responsável pela recriação visual, aplicação de DS e adaptação de contexto)

Ferramentas

Figma

Photoshop

Illustrator

Adobe XD

Resultado Chave

Reforço da consistência visual da marca, interfaces adaptadas a contextos complexos (touch, dashboards) e aplicação rigorosa do Design System.

Declaração do Problema

O Desafio: O desafio primário era garantir a coerência visual da marca em produtos com históricos e contextos de uso muito diferentes: de sistemas legados com limitações técnicas (como o MEURH) a painéis de indicadores densos e interfaces interativas para eventos (smart TV touch).

A Tarefa: Minha tarefa como UI Designer era pegar o Design System da empresa e aplicá-lo de forma estratégica e criativa em múltiplos produtos e plataformas. Isso envolvia resolver desafios específicos de UI/UX, garantindo que o visual final fosse moderno, acessível e funcional, independentemente da complexidade do contexto.

Recriação Visual do MEURH (Sistema Legado)

Desafio: Atualizar visualmente todas as telas de um sistema legado (MEURH), trabalhando dentro das limitações da TOTVS e equilibrando a padronização nativa com a necessidade de modernização.
Soluções:
- Aplicação rigorosa e completa do Design System da empresa.
- Adaptação criativa de componentes para contornar as restrições da plataforma base.
- Alinhamento constante com o time técnico para garantir a viabilidade da implementação.
Resultado:

Landing Page e Interface para Evento Interativo (Contexto Touch)

Desafio: Adaptar soluções jurídicas convencionais para apresentação impactante em uma feira de tecnologia, usando smart TV touch. A interface precisava ser clara, interativa e altamente visível em grande escala.
Soluções:
- Redimensionamento de elementos e reorganização de componentes para facilitar a interação por toque.
- Criação de pontos focais e hierarquia visual adaptada para alta visibilidade à distância.
- Testes de visibilidade e usabilidade com o time de Marketing e Eventos.
Resultado:

Painel de Indicadores Gerenciais (Visualização de Dados)

Desafio: Criar uma ferramenta visual, personalizável e intuitiva a partir de dados complexos (métricas operacionais), evitando a poluição visual.
Soluções:
- Uso de gráficos dinâmicos e aplicação de cores semânticas para traduzir o significado dos KPIs.
- Criação de uma interface modular, permitindo a personalização dos KPIs.
- Definição de uma hierarquia visual clara para priorizar as informações críticas.
Resultado

Landing Page – Plataforma (Comunicação Estratégica)

Desafio: Apresentar um ecossistema jurídico integrado e complexo de forma clara, fluida e alinhada ao posicionamento de Branding da empresa.
Soluções:
- Estrutura de layout modular e flexível.
- Hierarquia de leitura clara (títulos, subtítulos, destaques) para guiar o usuário na complexidade.
- Uso estratégico de cores e ícones para reforçar a clareza e o guia visual.
Resultado:

Aprendizados (Learnings) e Próximos Passos

Aprendizados Essenciais

Este compilado de projetos provou que o Design System é a base para a velocidade e a coerência, mas o valor do UI Designer reside na adaptação de contexto. Seja em um sistema legado (MEURH) ou em uma tela touch de evento, a capacidade de traduzir a complexidade em clareza visual (usando hierarquia, cores e design responsivo) é o fator chave para o sucesso e o reforço da marca.

Próximos Passos

Criação de Diretrizes de Contexto: Formalizar diretrizes no DS sobre a adaptação de componentes para contextos não-convencionais (ex: touch ou alta densidade de dados), garantindo que outros designers possam replicar o sucesso.