Instituto de Geociências da UFMG
![Instituto de Geociências da UFMG - Featured image](/static/58d70b48f4884f0bb64b0478e424c190/d5fcd/icg-cover.png)
-
Público - Professores, Técnicos de TI, pesquisadores, discentes e público em geral interessado em informações sobre o IGC.
-
Responsabilidades - Planejamento e gerenciamento do projeto, design UX/UI
-
Ferramentas usadas -Trello, Figma, Wordpress, Google Meet.
CONTEXTO
Em Novembro de 2021 o coordenador do Instituto de Geociências da UFMG entrou em contato para ajudá-lo em uma missão: renovar o site oficial do IGC, um projeto muito esperado por todo o corpo docente da instituição.
O site do IGC não havia passado por nenhuma reformulação nos últimos oito anos e estava defasado em relação a novas tecnologias. Ele não era responsivo e foi desenvolvido em Joomla, uma linguagem que não tem mais aderência no mercado.
Mas não apenas isso. À medida que o volume de informações sobre simpósios, concursos e editais crescia, o site tornava-se cada vez mais confuso e difícil de ser mantido. Era preciso reformá-lo urgentemente e organizar toda a informação que residia lá.
PROBLEMA E SOLUÇÃO
Embora ambos os lados estivessem cientes do problema, havia vários obstáculos que tornavam o processo ainda mais desafiador. O orçamento era limitado e o tempo de execução também: era preciso ter as telas em 60 dias úteis, antes do recesso de final de ano da Universidade.
Além disso, não havia previsão orçamentária para o planejamento, mas apenas para a sua execução. Mesmo assim, fiz questão que se fizesse algum tipo de pesquisa com usuários. Desenvolvi proto-personas que serviram para validar algumas escolhas que seriam tomadas em relação ao design do site.
- Proto-persona
O públic-alvo do site está reunido entre estudantes, professores e corpo administrativo. Para isso, duas proto-personas foram criadas para vizualizarmos que seriam nossos usuários.
Os estudantes que usam o site para se mater informado, acompanhar a agenda e acessar documentos do Instituto.
Para os funcionários, como administrativo e professores que irão ter acesso ao site para adicionar informações constantemente.
- Análise de outros sites
Aqui, me dediquei a entender mais como outros sites de institutos de esnino funcionam. Desde como organizam de informação como a disposição dos elementos, testando todos os fluxos dos sites observando o layout. Alguns exemplos de sites que investiguei:
- O site atual do IGC
Desde o início tive consciência que o maior desafio seria reorganizar as informações de acordo com uma nova lógica. O site do IGC estava muito problemático: não havia um identidade visual bem definida, nem padrões nos elementos assim como hierarquia das informações - era uma grande depósito de links.
Para me auxiliar com o desenvolvimento do site, contei com o trabalho de outro programador e a colaboração da equipe de TI do IGC. O Instituto criou ainda uma comissão de professores e técnicos para monitorar a execução do projeto. Foram realizadas quatro reuniões antes da apresentação e validação das telas do futuro site.
PROTÓTIPOS
A comissão do site que nos acompanhou ao longo do projeto, nos passou um documento que estavam dispostas as informações que eram necessárias estar no site. A partir de ínicio, fiz o sitemap:
Depois, desenvolvemos o protótipo de baixa fidelidade, os wireframes.
Em seguida, trabalhei na identidade visual que o site teria a partir da logo oficial do instituto. As cores da logo foram meu ponto de partida para definir as que iriam compor o layout.
Os componentes criados no style-guide foi adicionada em uma página do style onde e acessado o código referente ao componente:
O próximo passo foi criar as telas de alta fidelidade. Foi um processo construído e aprovado pela comissão do site do IGC:
Tivemos o cuidado em organizar a informação em páginas como departamento e graduação que contém muito conteúdo. Foi um desafio organizar as informações para que ficassem dispostas de forma clara e que comteplasse todo o conteúdo que cada página precisa ter.
REFLEXÕES
É sempre um desafio tornar um site institucional intuitivo e claro para o público não especializado. Mais difícil ainda é fazê-lo e ao mesmo tempo organizar um volume considerável de informações como o do Instituto de Geociências. Mesmo com todas as dificuldades, a comissão aprovou os protótipos com unanimidade. O site está em fase de desenvolvimento, com previsão para ser lançado em Maio/Junho de 2022.