Visão Geral
O Federado é uma plataforma digital de jornalismo colaborativo desenvolvida como parte do Projeto Integrador do curso técnico em Desenvolvimento de
Sistemas no IFPA – Campus Belém. O projeto surgiu a partir de uma necessidade real percebida entre os próprios estudantes: a ausência de um canal acessível, participativo e atualizado para a divulgação de notícias e iniciativas dentro do Instituto.
Mais do que um jornal online, “O Federado” é uma proposta de conexão entre a comunidade acadêmica e as informações que importam para ela.
O Problema
Durante o desenvolvimento do projeto, identificamos que grande parte dos estudantes se sentia distante das decisões, atividades e projetos do IFPA. A comunicação institucional, muitas vezes, falhava em alcançar os alunos de forma clara e eficiente.
Para validar essa percepção, realizamos uma pesquisa virtual com 254 alunos do campus. Os resultados foram expressivos:
A ausência de um espaço de escuta e compartilhamento criava um ambiente de desinformação e distanciamento, comprometendo o engajamento e a participação estudantil.
Pesquisa e Pessoas
Para estruturar uma solução que fizesse sentido, conduzimos uma série de entrevistas e levantamentos com estudantes de diferentes turnos e perfis. A partir dessa escuta, criamos personas que nortearam todas as decisões de UX e UI.
Essas personas ajudaram a orientar as funcionalidades e o tom da interface, sempre priorizando acessibilidade, leveza e participação.
Objetivos de UX
Centralizar informações relevantes sobre o IFPA de forma clara e acessível;
Estimular a participação dos estudantes por meio de sugestões e envio de pautas;
Tornar a experiência eficiente mesmo em dispositivos móveis e conexões instáveis.
Estrutura do Projeto
A partir dos dados coletados, iniciamos a estruturação da arquitetura da informação e dos fluxos de usuário. Os wireframes priorizaram simplicidade e fluidez na navegação. As funcionalidades foram organizadas de forma que os usuários pudessem:
Acessar rapidamente as principais notícias;
Visualizar eventos e projetos em andamento;
Enviar sugestões ou denúncias anonimamente.
Fluxo do Usuário
O fluxo foi desenhado buscando agilidade e clareza nas informações:
Identidade Visual
A identidade visual de “O Federado” foi pensada para ter um toque de seriedade, modernidade e dinamismo, buscando atender às expectativas de um público jovem e exigente.
A escolha da fonte Museo Slab como principal se deve ao seu design serifado porém uniforme e arredondado, que confere o ar de tradição e credibilidade tão necessário a um jornal, sem abrir mão da sofisticação e modernidade que atrai os jovens. Para complementar, a fonte Poppins foi adotada como auxiliar, trazendo leveza e clareza, o que facilita a leitura e garante uma harmonia visual nos textos.
No quesito cores, o Verde #076C5A foi definido como a cor principal, remetendo ao verde do Instituto Federal e transmitindo sobriedade e confiança. Em contraste, o Amarelo #F2D16D e o Salmão #F26A4B adicionam energia e vitalidade à composição, criando um equilíbrio que une seriedade e dinamismo.
Além disso, a utilização do “O” em itálico, em “O Federado” destaca o nome do jornal de forma única e elegante, reforçando a identidade da marca que se utiliza desse elemento como Pattern. A aplicação de formas com cantos levemente arredondados na identidade visual traz uma sensação de modernidade e acessibilidade, enquanto as formas retas utilizadas nas imagens e botões do site transmitem segurança e sofisticação.
Meu Papel no Projeto
Atuei como responsável por toda a parte de UX, UI e desenvolvimento front-end, passando por:
Condução de pesquisa e análise de dados
Criação de personas, jornadas e fluxos
Wireframes e protótipos (Figma)
Design visual e identidade da plataforma
Codificação da interface com HTML, CSS e JavaScript
O que aprendi no projeto?
“O Federado” foi meu primeiro projeto real atuando como UX Designer. E, como toda primeira vez, foi um processo intenso de descobertas, dúvidas e aprendizados constantes.
Logo de início, percebi que projetar uma interface vai muito além da estética. O maior desafio foi entender que, antes de qualquer tela, eu precisava ouvir. Aprender a escutar o usuário, suas dores, contextos e limitações, foi um dos primeiros choques de realidade. Tive que deixar de lado muitas suposições que eu, como estudante, achava que já sabia.
Errei na organização dos primeiros fluxos, subestimei a importância dos testes, e precisei revisar várias vezes elementos da interface que eu achava “resolvidos”. Mas cada erro me trouxe mais clareza. Entendi que prototipar rápido, testar com pessoas reais e iterar constantemente é muito mais valioso do que buscar uma solução “perfeita” logo de cara.
Também aprendi a equilibrar a visão de designer com as limitações técnicas do front-end, já que também fui responsável pelo desenvolvimento da interface. Confesso que em um primeiro momento eu inclui elementos que eu mesmo não conseguiria desenvolver… e Isso exigiu atenção redobrada entre o que era desejável e o que era viável no contexto.
Esse projeto me ensinou a lidar com o processo criativo de forma mais madura. Aprendi a confiar no processo, aceitar os ajustes como parte natural do caminho e, principalmente, manter o foco nas pessoas para quem a solução está sendo construída.
