O aplicativo SGU Aluno foi desenvolvido pela Vice-Reitoria Administrativa da PUC-Rio com o objetivo de facilitar o acesso às informações financeiras de cada aluno da Universidade. Com o APP, o aluno consegue acompanhar as cobranças de mensalidade, recebimento de bolsas de estudo, demonstrativos financeiros e ainda pode agendar atendimentos que antes eram feitos apenas pelo portal da PUC-Rio.
Quando fui convidada a participar do projeto, o aplicativo estava sendo desenvolvido de forma experimental. Ele já possuía alguns módulos em teste aos quais fui apresentada. Como tarefa inicial, precisava criar a identidade visual do aplicativo e redesenhar esses módulos.
Se estiver com pressa, você pode pular para galeria de imagens »
O aplicativo seria desenvolvido usando-se a teconologia React Native, o que também norteou e ajudou a definir as formas dos elementos e suas funcionalidades. Como ainda não conhecia essa linguagem, fiz um estudo de seus componentes e bibliotecas para poder dar seguimento ao redesenho das telas.
Também fiz um estudo extensivo de Material Design tanto para Android, quanto iOS e usei UI Kits de ambos para desenhar as telas.
A pedido da equipe de desenvolvimento utilizamos a biblioteca de ícones Material Icons.
Apesar do aplicativo ter sido pensando inicialmente para atender às questões financeiras dos alunos, a ideia é que ele englobe outras funcionalidades no futuro, por isso foi decidido que ele deveria seguir a identidade visual da PUC-Rio.
Para redesenhar as telas do aplicativo, usei o Figma online. Foram criadas 2 versões iniciais de algumas telas, com aplicação da mesma paleta de cores, mas com diferentes variações.
A versão aprovada foi a primeira e, a partir desta aprovação, foram desenvolvidas as demais telas.
Todas elas foram apresentadas com suas diferentes variações de comportamento, de forma que a equipe de desenvolvimento soubesse como cada componente deveria ser representado.
No início do projeto, eu consegui mexer direto no código do aplicativo. Mais pra frente tivemos problemas com meu acesso à rede privada da PUC e eu segui enviando para os desenvolvedores imagens com indicações dos componentes do React Native que deveriam ser utilizados e das cores que deveriam ser aplicadas.
Conforme o aplicativo ía sendo desenvolvido, eu analisava cada tela e indicava as correções que deveriam ser feitas.
Uma primeira versão do aplicativo já está no ar e já começamos a receber feedback dos alunos, que estão nos ajudando a fazer correções e melhorias e que nos orientarão para as novas funcionalidades que ainda serão criadas.
