Sobre o Projeto
A Superintendência de Projetos e Inovação (Spin) é um órgão estratégico vinculado à Reitoria da Ufes. Sob a marca Inova Ufes, ela atua como a agência de inovação da Universidade, sendo a ponte essencial para a comunicação e o reconhecimento das ações de inovação junto às comunidades interna e externa.
Como integrante do Coletivo Webicos, recebi a missão de projetar e desenvolver um portal que estivesse à altura dessa relevância estratégica. O objetivo foi criar uma plataforma que organizasse de forma clara o fluxo de patentes, editais e parcerias, refletindo o dinamismo da agência.
Equipe do Projeto:
- Paulo Serpa — Product Manager e Desenvolvimento
- Dara Morati — Estratégia e Design
- Jaqueline Ferreira — Estratégia e Design
- Isabela Oliveira — Desenvolvimento
- Jéssica Castelan — Estratégia e Design
O processo
1. Estratégia e Experiência do Usuário
O processo de redesign foi pautado pela escuta ativa dos stakeholders para entender a complexidade dos fluxos da agência.
-
Entrevistas e Diagnóstico: Participamos de reuniões com a equipe para mapear os diferentes perfis de usuários, garantindo que pesquisadores e empresas tivessem caminhos intuitivos.
-
Arquitetura de Informação: Reorganizamos o conteúdo para que documentos de propriedade intelectual e editais de fomento fossem encontrados com facilidade.
-
Wireframes e Fluxos: Estruturamos a base do site com foco na usabilidade, validando a navegação antes da etapa visual.
2. Interface (UI Design)
A identidade visual buscou alinhar o prestígio institucional da Reitoria da Ufes com uma estética tecnológica e moderna.
-
Design de Interface: Desenvolvemos um layout focado em hierarquia visual, utilizando uma paleta que comunica inovação, seriedade e clareza.
-
Componentização: Projetamos elementos modulares totalmente responsivos, garantindo uma experiência consistente em qualquer dispositivo.
3. Desenvolvimento Técnico e Programação
Para garantir máxima performance e total controle sobre o código, optei por uma construção personalizada.
-
Desenvolvimento com PHP: Fui responsável pelo desenvolvimento inicial, criando um tema próprio do zero para o WordPress, evitando o peso de temas prontos e garantindo uma estrutura limpa.
-
Estilização com Tailwind CSS: Utilizei o framework Tailwind para a construção da interface. Essa escolha permitiu agilidade no desenvolvimento e uma manutenção de estilos muito mais organizada e escalável.
-
Customização de Dados: Implementei a lógica necessária para que a gestão interna da Spin pudesse atualizar o catálogo de inovações e notícias de forma simples.
4. Transição e Continuidade
Após a entrega da base estrutural e do desenvolvimento inicial, o projeto seguiu para uma fase de sustentação dentro do coletivo.
-
Handoff de Desenvolvimento: Realizamos a passagem técnica do projeto, que atualmente está sob a responsabilidade de outro integrante da Webicos para as atualizações contínuas.
-
Manutenibilidade: Garantimos que a estrutura do tema criado do zero estivesse devidamente documentada para facilitar a evolução do portal.
Acesse o website do Inova Ufes através deste link.