top of page

Redesign home agregador íon 

Em 2023, fiz o projeto de reformulação da página do agregador do íon, o aplicativo de investimentos do Itaú.

O QUE É O AGREGADOR?

É um serviço que reúne informações sobre diferentes tipos de investimentos em um único local

Entendimento

DORES

Cliente não conseguia encontrar o agregador com facilidade, pois ficava em um accordeon no topo da tela 

Não temos feedback para os erros de conexão, inserção de token e carteiras desatualizadas

Group 676132.png

Clientes acham que o íon é somente um agregador de carteiras

OPORTUNIDADES

Autonomia

Por parte do cliente para comparar e analisar a composição de suas carteiras.

Facilidade

Posibilitar a auto resolução dos problemas relacionados ás desconexões.

Integração

Unir as funcionalidades do Agregador com o Open Finance e frentes de Assessoria.

Discovery

FRAMEWORK DE CX; DE PONTA A PONTA

 - Benchmark

 - Blueprint do produto

 - Cocriação com negócios

 - Design critiques ( CX/ Tech/ Acessibilidade)

 - Labs de usabilidade

 - Aprovação

 - Criação de telas em alta fidelidade

 - Casos de uso com tagueamento

Captura de tela 2024-01-16 204046 1_edit

EXPERIMENTAÇÃO DE TELAS

No experimento com os protótipos, questionei os usuários sobre suas preferências entre as duas versões. O foco era entender os motivos que influenciariam suas escolhas.

Protótipo 1

- Tag vermelha de aviso notificando sobre a carteira desconectada

- Grafico de evolução dos investimentos

- Segmentos de ativos e intituições

- Grafico de barras para mostrar a distribuição da carteira e bancos

- Detalhe dos produtos apartado apenas por ativos

Protótipo 2

- Trava tela para avisar que a carteira estava desconectada

- Grafico de rentabilidade e rendimento

- Segmentos de ativos e intituições, ativos e carteira

- Grafico de rosca para mostrar a distribuição da carteira e bancos

- Detalhe dos produtos apartado por ativos e bancos

No desfecho da análise, ficou evidente que os usuários apreciaram uma fusão entre as características dos dois protótipos.

Arquitetura

01

Trava tela
 

Nos LABs os clientes comentaram da importância da mensagem de alerta no início da consulta para acompanhar os investimentos


Alem de demonstrar uma preocupação do banco em trazer para os clientes informações e dados atualizados e facilitar a análise das carteiras

02

Carrosel de bancos

Área de visualização de todos os bancos que o usuário agregou, sanando uma grande dor de que nunca encontravam as carteiras e obter mais destaque.

- Nos erros de conexão das carteiras (tag de aviso)
- Visualização e seleção mais fácil com os logos dos bancos

03

Grafico de rosca

Trás uma familiaridade de compreensão e visão do todo, assim sendo o melhor formato visual para análise de composição das carteiras.

04

Cards e botões

Nos LABs os clientes comentaram da importância da visão de comparação entre os produtos. Por isso, a decisão de empilhar os cards.

​

A utilização dos cards para os produtos segue uma linha de estrutura definida nas demais homes que utilizam o iDS. Gerando padronização em consistência visual.

Fique a vontade para navegar no protótipo...

Dado que se trata de um protótipo, algumas funcionalidades não estão operacionais.

2.5 (4).png
Comemoração.png

Obrigada!

Projetos que podem te interessar...

Frame 676983 (7).png
Frame 676982 (10).png
6 (6).png
5 (8).png
4 (5).png
3 (6).png
bottom of page