Instituto de Geociências da UFMG

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.