Ironhack`s Challenge #2 : XP Investimentos Wireframe

Luisa Koyama
3 min readMar 21, 2021

--

Neste segundo desafio proposto pela Ironhack, realizamos um desafio que consiste em desenvolver um Wireframe de um aplicativo já existente, realizando o processo oposto de analizar sua estrutura e "blocar"as informações mais importante com base no fluxo de uma açãe de nossa escolha.

Para esse exercício eu escolhi o aplicativo da XP Investimentos, um app que permite investir de forma fácil e rápida pelo celular, e acompanhar os investimentos em tempo real, assim como suas informações detalhadas.

Eu utilizei 5 screenshots de um fluxo de uma ação de investimento para me guiar durante o exercício.

O fluxo consiste em, desde a tela inicial, selecionar a opção de investimento (com base nas informações fornecidas na tela assim que é aberto o aplicativo), seguindo para a tela seguinte, com informações mais detalhadas sobre o investimento assim como o rendimento. Abaixo é possível seguir para a ação de investir clicando no botão "investir", que leva para a próxima tela com as opções de investimento disponíveis para escolha do usuário. Após a escolha, são fornecidas algumas informações sobre o mesmo, e logo abaixo os produtos de investimento especificamente, para que o usuário possa escolher. Clicando em uma das opções de produto de investimento, o usuário é levado para a próxima tela com a informação do produto escolhido, informações de rendimento, e o botão de ação final para investir.

Screenshot fluxo de investimento — Aplicativo XP Investimentos

Durante a análise dessas screenshots, tive que realizar o caminho inverso de um processo comum, que seria desenvolver um wireframe e prosseguir com um protótipo de alta fidelidade e o produto final. Analisando o aplicativo, separei as informações que seriam relevantes para o fluxo, e o que não seria interessante para esse momento.

Como um aplicativo de investimentos, que lida com dinheiro, a princípio toda informação parece ser importante, mas centralizando no fluxo executado, de investimento, pude definir melhor quais informações eu manteria durante a execução do wireframe.

Wireframe do fluxo final de investimento

O exercício me permitiu analisar com mais precisão as informações de cada fluxo contidas no aplicativo e a importância de deixar claro cada uma das informações necessárias para deixar o wireframe claro para os stakeholder e equipe, assim como um bom andamento do projeto.

--

--