PROJETO ACADÊMICO / UI DESIGN
O Guaraci
Construindo uma linguagem visual para energia solar sem recorrer aos códigos óbvios do segmento
Sobre o projeto
Guaraci é um projeto acadêmico que propõe a criação de uma experiência digital para o setor de energia solar, com foco em uma linguagem visual original e consistente
- Meu papel
- UI Design, Design System e Direção Visual
- Projeto
- Acadêmico, desenvolvido em grupo
- Equipe
- Cândido Mantovani, Fernando Volken, Felipe Oliveira, Franciele Teixeira, João Barasuol e Rafael Gastal
Fugir do óbvio.
Como criar uma experiência de energia solar sem parecer mais uma plataforma de energia solar?
O exercício propunha romper com os códigos visuais tradicionais do segmento. Verde, amarelo, folhas, painéis solares e referências óbvias à sustentabilidade estavam fora do caminho.
Não usar verde ou amarelo- Evitar ícones óbvios (sol, painéis solares, folhas)
- Fugir de referências visuais tradicionais do setor
- Construir uma linguagem original
A energia como
força ancestral.
A direção criativa partiu de Guaraci e da ideia do sol como uma presença ancestral, quente e transformadora.
Os arquétipos Mago e Fora da Lei orientaram uma linguagem que combina transformação, energia e ruptura com os padrões visuais do setor.
Traduzindo calor, terra e energia.
A paleta abandona os códigos tradicionais da sustentabilidade e utiliza tons de laranja, preto e bege para representar calor, sol, terra e intensidade.
Uma tipografia direta e expressiva.
A DM Sans foi utilizada para equilibrar personalidade e legibilidade, funcionando tanto nos elementos de interface quanto na hierarquia de títulos e informações.
O sol sem desenhar o sol.
Círculos, eclipses, halos e manchas de luz traduzem energia e movimento sem recorrer a símbolos literais do segmento.
Do conceito para um sistema consistente.
As decisões visuais foram transformadas em regras reutilizáveis para manter consistência entre os diferentes pontos da interface.
- Espaçamento
- 8 · 16 · 24 · 32 · 40 · 48 px
- Bordas
- 10px
- Sombras
- Rasa para elementos interativos.
Profunda para modais e elementos de maior destaque. - Estados
- Sucesso e alerta com cores próprias para feedback da interface.
Clareza + energia + consciência.
A linguagem aproxima sustentabilidade e energia de uma comunicação mais humana, evitando o tom excessivamente técnico ou corporativo.
Aplicação no produto.
A linguagem visual foi desdobrada em diferentes contextos da experiência, mantendo consistência entre site, aplicativo e dashboard.
Uma interface que foge do óbvio.
Guaraci transforma referências de energia, calor e ancestralidade em uma experiência digital consistente e reconhecível.