Design de Interface do app Informa Unifesspa.

imagem ilustrativa para perunta enviada com sucesso

Contextualização

Esse projeto foi realizado entre janeiro e março de 2023, proposto como projeto de TCC, foi preciso bastante tempo e estudo para a produção do protótipo, idealizando a organização e a portabilidade na hora de mostrar informações importantes referente a Universidade ou focada nos cursos. foi criado a primeira versão do protótipo cuja o app ja está implementado e agora foi a segunda versão do protótipo propondo novas atualizações para o app.

Ferramentas

Para o desenvolvimento deste protótipo foram utilizadas algumas ferramentas de design, a principal dela foi o Figma utilizada na criação do layout e na prototipação, com auxilio de alguns plugins outra ferramenta utilizada foi o Flatincon, que auxiliou na iconografia do protótipo

imagem ilustrativa para perunta enviada com sucesso

Logo

Um livro com folhas no fundo e uma pessoa com um notebook na frente, além de uma letra I destacada no livre que representa Informação, as cores utilizada como base na paleta escolhida no projeto explicado posteriormente. Para a segunda versão a logo foi refeita com elementos novo e mais vividos, com a nova fonte que engloba o projeto.

imagem ilustrativa para perunta enviada com sucesso

Tipografia

Tipografia baseada em facilidade de leitura com um bom espaçamento entre linhas, focando em linhas escritas nos elementos de mais destaque. foi escolhido a fonte Lora para títulos e parágrafos com variações de negrito e itálico e a fonta Mukta para butões.

imagem ilustrativa para perunta enviada com sucesso

Paleta

A paleta de cores foi totalmente inspirada na Unifesspa, com variações de verde e auxílio de azul, além do suporte do cinza nas fontes. As duas cores principais forma um gradiente que é utilizado nem textos que se destacam e tem por objetivo chamar mais atenção na tela, o azul é utilizado para botões.

Outras mudanças

As principais mudanças empregadas nessa nova versão é a presença de uma nova área em específico, que causa mudança drástica na organização do banco de dados do aplicativo, então sua implementação pode demorar, “oportunidades” é uma nova área do app que mostra as vagas disponíveis para os alunos, seja remunerada ou não, vagas de estágio, projetos de pesquisa ensino e extensão e etc.

Além disso é visto um design mais atraente no app, com cards cores e textos mais apresentáveis, observe abaixo a home da aversão antiga (1) do protótipo e a nova versão (2)



Conclusão

A primeira versão do protótipo foi realizada com o mínimo de tempo possível pelo fato de que além dela era necessário o desenvolvimento do app e a escrita/apresentação do projeto de Trabalho de Conclusão de Curso, contudo após a apresentação com mais tempo foi possível refazer o protótipo e pensar em melhorias para o app, com o tempo vou implementando, essa foi uma ideia para conclusão do curso de Engenharia da Computação com a entrega da primeira versão do app obtive Excelente na entrega do TCC, para saber mais sobre o desenvolvimento do app clique.

Para saber sobre o desenvolvimento do aplicativo clique aqui.



Links do projeto