Saas de investimento
Redesenhar a área "Visão de fundos de investimentos" do software da broadcast+, com o objetivo de atualizar o visual e experiência do produto para aumentar o percentual de conversão.
Miro
Figma
1 Product Designer
2 Desenvolvedores
1 Product Owner
Product Designer
UX Researcher
8 semanas:
Pesquisa e análise: 1
Prototipagem: 5
Planejamento e processos
O projeto passou por 5 etapas não lineares, de forma que todo o projeto refletiu não só em uma experiência à nivel de mercado mas também em um produto competitivo à nivel internacional.
Pesquisa
Wireframing
Validação da arquitetura
Prototipagem em alta fidelidade
Validação final
Pesquisa
Realizei uma análise completa do produto atual, alinhando com o cliente as funcionalidades e informações a manter ou adicionar, incluindo widgets de gráficos e tabelas. Em seguida, fiz um benchmarking de plataformas nacionais e internacionais, destacando forças e fraquezas em produto e usabilidade, ajudando o gerente de produto a planejar melhor o ciclo de vida e as fases do projeto.
Imersão
para entender melhor o produto e o mercado com o gerente de produto da plataforma.
Mapeamento AS-IS
Mapeamento da jornada e das features e informações já existentes de cada tela.
Benchmarking
12 referências globais
3 referências nacionais
Wireframing como técnica de otimização e validação rápida
Segui um processo de criar um wireframes de cada tela com o objetivo de validar de forma ágil a estrutura de funcionalidades e conteúdos, otimizando bastante o andamento do projeto na parte de ideação e design.
Protipagem em alta fidelidade
Após cada validação de wireframing, eu iniciava a construção da tela, utilizando como base o guia de estilos do cliente, mas também definindo alguns assets importantes que ainda não possuíamos, como font-style, color-style e padrão de componentes. à cada construção eu também fazia validação com a equipe de desenvolvedores para entender se havia viabilidade ténica para as soluções que foram projetadas.
Prime-NG
Como framework de UI definido para facilitar a construção do front-end pelos desenvolvedores
Am-Charts
Como serviço de construção de todos os gráficos, sendo eles padronizados visualmente por mim.
Mas antes dos protótipos, permita-lhes mostrar,
como era antes…
Algumas telas da antiga experiência
Validação final
A validação final foi feita pelo gerente do produto do cliente, onde foi muitto parabenizado por eu ter conseguido espelhar exatamente o que ele visualizava de forma limpa e clara.
Conclusão
28 Telas produzidas
considerando todos os cenários fluxos e features definidos como MVP no workshop.
Dark & Light mode
Feitos em papel e caneta para organizar as informações e funcionalidades de cada tela.
Reintrodução
Esse projeto foi um pontapé para a reintrodução do produto no mercado de forma competitiva.