Disponível para

UX Design · Branding · Front-end

Contato

contato@felipeleite.design

Social

Novo Portal UFT
06 / 09

Novo Portal UFT.

Redesign do Portal UFT seguindo Design System do Governo Federal

Tipo

UX Design · React · Figma · UI Design

Ano

2026

Entrega

Redesign do portal da Universidade Federal do Tocantins utilizando o Design System do Governo Federal - DSGov.

Novo Portal UFT
novo-portal-uft — cover

Redesign do Portal Institucional da UFT

1. Visão Geral do Projeto

Cliente: Universidade Federal do Tocantins (UFT)
Duração: Projeto de longa duração (11 meses) entre jun/23 a maio/24, dividido em sprints quinzenais.
Time: Equipe multidisciplinar com desenvolvedores, analistas de TI, uma writer, e eu enquanto profissional de design.
Meu papel: UX Designer responsável pela arquitetura da informação, testes de usabilidade, e criação de novos componentes alinhados ao Design System do Governo Federal (DSGov).⁠ Também atuei como frontend para criação e adaptação de componentes e módulos.

⁠2. Contexto e Desafios

O portal anterior da Universidade Federal do Tocantins enfrentava diversas limitações em termos de usabilidade, arquitetura da informação e responsividade. A navegação era fragmentada, dificultando o acesso de diferentes perfis de usuários — como alunos, servidores e o público externo — aos conteúdos e serviços institucionais. Além disso, o layout e a estrutura das páginas não seguiam um padrão consistente, o que comprometia tanto a experiência do usuário quanto a manutenção técnica do site ao longo do tempo.

Com a necessidade de modernização e padronização, o desafio central do projeto era realizar um redesenho completo da experiência digital da UFT, tornando-a mais acessível, intuitiva e compatível com dispositivos móveis. O projeto precisava ainda estar em conformidade com o Design System do Governo Federal (DSGov), o que exigia uma reestruturação baseada em componentes padronizados, acessibilidade web (WCAG 2.1), e boas práticas em design centrado no usuário. A dimensão institucional e o número de stakeholders envolvidos tornaram o projeto ainda mais complexo, demandando planejamento cuidadoso e forte alinhamento entre as equipes de design, desenvolvimento e comunicação.

⁠3. Processo de Trabalho

A condução do projeto seguiu os princípios da metodologia ágil, com adoção do framework Scrum. Organizamos o trabalho em sprints quinzenais, que permitiam entregas incrementais, revisões constantes e validações rápidas com as partes interessadas. Realizamos reuniões de planejamento, refinamento e revisão com frequência, garantindo alinhamento contínuo entre as áreas técnicas e os gestores institucionais.

Como UX Designer, participei ativamente de todas as etapas, desde a investigação inicial até a entrega dos protótipos finais. O projeto exigiu um mergulho aprofundado no Design System do Governo Federal (DSGov), tanto para garantir conformidade quanto para propor adaptações que respeitassem a identidade da UFT. Estudei os componentes existentes, suas diretrizes de uso e limitações, e contribuí com a criação de novas variações de elementos, como cards informativos, filtros de busca, menus contextuais e elementos de navegação adaptados às necessidades do portal. Essa adaptação foi feita de forma estratégica, sempre respeitando as premissas de acessibilidade e escalabilidade.


4. Pesquisa com Usuários

Como parte do processo de validação da nova experiência proposta, conduzimos uma pesquisa de usabilidade com base no modelo SUS (System Usability Scale). O questionário foi aplicado a um grupo de servidores públicos que utilizam o portal com frequência, buscando compreender a percepção geral sobre navegação, clareza das informações, organização do conteúdo e estética visual. A pesquisa, realizada de forma online em agosto de 2024, resultou em uma pontuação média de 62 — um indicador de que melhorias ainda seriam necessárias, mas já apontando avanços em relação à versão anterior do portal.

A partir da análise das respostas, ajustamos o posicionamento de conteúdos críticos, priorizamos elementos mais utilizados e refinamos a arquitetura das páginas mais acessadas. O feedback dos usuários serviu como base para tomadas de decisão no design, reforçando a importância de uma abordagem iterativa, validada com base em dados reais.


5. Principais Entregas

Durante o projeto, entreguei uma série de materiais e artefatos que deram suporte tanto ao time de desenvolvimento quanto aos tomadores de decisão da universidade. Entre as principais entregas estão os fluxos de navegação redesenhados, baseados em análises heurísticas e validações com usuários; wireframes de baixa e média fidelidade, que ajudaram a alinhar expectativas visuais e funcionais; e protótipos navegáveis no Figma, usados em reuniões com stakeholders para simular a experiência final.

Além disso, colaborei na documentação de novos componentes visuais, adaptando elementos do DSGov à realidade institucional da UFT. Também participei da validação da implementação junto à equipe de desenvolvimento, revisando aspectos técnicos e garantindo que as diretrizes de acessibilidade, responsividade e consistência fossem seguidas com rigor.


6. Resultados e Impacto

O novo portal da UFT proporcionou uma experiência mais fluida, acessível e moderna para a comunidade acadêmica e para o público em geral. Com navegação intuitiva, design responsivo e estrutura padronizada, o projeto facilitou o acesso a informações e serviços essenciais, como editais, cursos, notícias e documentos oficiais. A adoção de um design baseado em componentes também trouxe ganhos significativos para o time técnico, permitindo mais agilidade em futuras atualizações e manutenção do site.

Além dos ganhos visíveis para o usuário final, o projeto também contribuiu para o fortalecimento da comunicação institucional da UFT, reforçando sua identidade visual e presença digital.

⁠7. Aprendizados

Esse projeto me proporcionou um aprendizado valioso sobre como unir diretrizes públicas de design com as particularidades de uma instituição complexa e multifacetada como uma universidade. A experiência de aplicar metodologias ágeis no contexto do setor público ampliou minha capacidade de adaptação e colaboração entre áreas diversas. Compreendi, ainda, a importância de aliar componentes técnicos como acessibilidade, padronização e responsividade com a escuta ativa aos usuários — sempre com foco na criação de uma experiência digital realmente útil e significativa.

⁠8. Design

home.webp

componentes.webp

direito.webp

exemplo-pagina.webp

exemplo-texto.webp

hero.webp

home.webp

Próximo projeto

Miga app