Proposta de redesign dos sites de pós graduação da ufpa

1. Proposta de redesign dos sites de
Pós-Graduação da UFPA

2. Visão Geral
Objetivo: Desenvolver um template para
padronizar os sites dos Programas de Pós-
graduação da UFPA.
Metodologia: Realização de levantamento de
41 sites de Programas de Pós-graduação da
UFPA que estão em funcionamento.
Fonte: Site da PROPESP

3. Exemplos de Sites

4. Pós-graduação em Comunicação.

5. Pós-graduação em Genética e Biologia Molecular.

6. Pós-graduação em Biologia Ambiental.

7. Pós-graduação em Educação.

8. Pós-graduação em Saúde Animal na Amazônia.

9. Problemas encontrados
● Falta de padrão;
● Perda de percepção;
● Fontes e cores de difícil leitura;
● Dificuldade de navegação em celulares e
tablets.

10. Identificação de pontos
em comum

11. Principais pontos
Através da análise dos 41 sites de ós-
graduação da UFPA, identificamos a presença
de pontos em comum que se mostram
fundamentais na elaboração da proposta de
layout padrão. Os mesmos serão listados a
seguir:

12. Principais pontos
● Apresentação
● Regulamentos
● Agenda/Eventos
● Notícias
● Coordenação
● Corpo Docente
● Discentes
● Disciplinas
● Áreas de Pesquisa

13. Principais pontos
● Projetos de Pesquisa
● Grupos de Pesquisa
● Processo Seletivo
● Teses/Dissertações
● Produção Científica
● Laboratórios
● Secretaria
● Documentos/Downloads
● Contato/Fale Conosco

14. Outros elementos
Banners e Links externos

15. Template sugerido
A partir desta definição, sugere-se como
exemplo inicial o seguinte template
desenvolvido utilizando a versão mais recente
do Joomla e com layout que se adapta às telas
de computadores, celulares e tablets:

16. Exemplo do template padrão.

17. Exemplo de layout responsivo.

18. Vantagens
● Utiliza Joomla 3:
o Mais moderno e seguro.
o Utilizado pelo CTIC.
● Responsivo:
o Se adequa a vários tamanhos de tela.
● Customizável:
o Suporte a vários layouts.

19. Melhoria no layout do site
da PROPESP

20. Principais pontos
● Site atual:
Verificou-se que o site atual da PROPESP
ainda não possui um layout responsivo.
● Proposta:
Utilização de um template responsivo, que
se adequa a vários tamanhos de tela.