Design System do Suap
No contexto do Suap, surgiu a necessidade de promover melhorias visuais e funcionais na plataforma; por isso, foi definido o desenvolvimento de um Design System próprio.
Principais pontos observados:
- Problemas de usabilidade e interface;
- Necessidade de maior organização visual;
- Necessidade de padronização e acessibilidade das cores.
Estrutura
Foram incorporados ao Design System do Suap elementos fundamentais para a padronização e aprimoramento da interface: componentes web, iconografia, tipografia, definição da marca com suas aplicações e paletas de cores específicas para cada tema.
As novas paletas de cores foram definidas com base em:
- Critérios de acessibilidade;
- Contraste adequado;
- Harmonia visual entre os elementos.
Do rascunho ao sistema
O desenvolvimento do Design System do Suap contou com a atuação de Anny Albuquerque, Dominic Melo e Theo Hipólito, bolsistas e estudantes do curso técnico de Multimídia do Campus Natal-Centro Histórico, através da parceria entre Institutos Federais de diversos Estados com o IFRN para uso do Suap. Esses estudantes foram responsáveis pelas etapas de pesquisa, idealização, prototipagens e definição dos padrões visuais para o Design System, contribuindo diretamente para a consolidação de uma base consistente e alinhada às necessidades do projeto.
Resultado
A antiga página do Guia do Desenvolvedor, que antes era restrita ao grupo de desenvolvedores do Suap, foi substituída pela nova página do Design System, agora acessível também ao público externo por meio do endereço https://suap.ifrn.edu.br/comum/design_system/.
As mudanças implementadas resultaram em impactos significativos para o sistema, como a maior padronização visual e estrutural, o fortalecimento da identidade dos temas, a melhoria da usabilidade e da acessibilidade, a ampliação da compreensão dos elementos e componentes que compõem o Suap, além da evidência da complexidade e robustez do sistema.
Página atualizada em 28/01/2026 às 10:05 (há 2 meses, 2 semanas) — Publicada em 19/01/2026 às 11:44 (há 2 meses, 4 semanas)