Biblioteca
App
O app biblioteca é um aplicativo voltado à gestão de reservas e controle de pedidos em um ambiente institucional. O objetivo era criar uma interface simples, funcional e acessível, que permitisse ao usuário realizar cadastros, consultar livros e gerenciar reservas de forma prática.
O protótipo foi desenvolvido nas versões modo claro e modo escuro, priorizando a legibilidade e a consistência visual em diferentes contextos de uso.
• UI Design
Style guide
Cores principais
A paleta baseia-se em tons azulados neutros para transmitir confiança e tranquilidade, características importantes em um ambiente de gestão e consulta.
O modo escuro foi projetado para oferecer conforto visual em ambientes de baixa luminosidade, mantendo o contraste adequado e a legibilidade do conteúdo.
A escolha do azul reforça a ideia de estabilidade e tecnologia, enquanto o uso equilibrado do branco e do cinza contribui para uma estética limpa e moderna.
Tipografia
A fonte Montserrat foi escolhida por sua aparência moderna, geométrica e altamente legível.
Ela transmite uma sensação de clareza e equilíbrio, reforçando a identidade visual limpa e organizada do aplicativo.
Sua ampla variedade de pesos facilita a criação de hierarquia tipográfica, destacando títulos, botões e informações essenciais sem comprometer a harmonia visual entre os elementos.
Montserrat
Light
Regular
Medium
Semibold
Bold
Black
Durante a fase inicial, foram identificadas dificuldades dos usuários em navegar entre os sistemas de controle e localizar informações sobre pedidos e reservas.
A solução proposta buscou simplificar esse fluxo por meio de uma navegação direta, menus claros e padrões visuais consistentes, reduzindo o tempo de busca e erros de interação.
Foram definidos indicadores para avaliar
o impacto do design:
-
Redução no tempo de atendimento de pedidos;
-
Diminuição de erros no controle de estoque;
-
Aumento da autonomia dos usuários.
Embora o projeto não tenha sido implantado, o contato com o cliente foi essencial para compreender os fluxos reais e alinhar o design às necessidades do negócio.
Definição e solução
• UX Design
Processo de Design
Mapeamento de Fluxos - levantamento dos principais pontos de interação do usuário com o sistema.
Wireframes de Baixa Fidelidade - validação inicial da estrutura das telas e do fluxo de navegação.
Protótipo de Alta Fidelidade - criação das telas finais nos modos claro e escuro, aplicando princípios de hierarquia visual, contraste e consistência.
Feedbacks com Usuários e Cliente - ajustes pontuais em ícones, botões e textos para melhorar a clareza e reduzir ambiguidades.
• Protótipo
Aprendizados
• Resultados
O projeto acadêmico proporcionou aprendizados significativos sobre design baseado em
evidências e colaboração com stakeholders.
Mesmo sem implantação, foi possível compreender a importância de:
-
Mapear corretamente os fluxos de trabalho antes de iniciar o design;
-
Validar suposições com o cliente e com usuários reais;
-
Valorizar pequenos detalhes de interface, que podem melhorar muito a experiência final;
-
Definir métricas de sucesso que conectem o design aos objetivos do negócio.