{"id":445,"date":"2020-03-22T12:07:55","date_gmt":"2020-03-22T15:07:55","guid":{"rendered":"http:\/\/patricksilveira.com.br\/portfolio\/?p=72"},"modified":"2021-08-30T09:43:30","modified_gmt":"2021-08-30T12:43:30","slug":"xpinc-pagina-de-clientes-projeto-ux","status":"publish","type":"post","link":"https:\/\/patricksilveira.com.br\/portfolio\/xpinc-pagina-de-clientes-projeto-ux\/","title":{"rendered":"P\u00e1gina de clientes da XP Inc."},"content":{"rendered":"\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:35%\">\n<h2 class=\"has-text-align-right\">O projeto<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<div class=\"wp-container-1 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>A XP Inc. tornou-se a maior corretora de investimentos do Brasil, democratizando o acesso a produtos financeiros. <\/p>\n\n\n\n<p>Fez isso usando uma rede de assessores de investimento que ajudavam os clientes com suas estrat\u00e9gias e decis\u00f5es de investimento. Sua base cresceu a partir da migra\u00e7\u00e3o de outros bancos e novos indiv\u00edduos que estavam come\u00e7ando a investir.<\/p>\n\n\n\n<p>Os assessores ajudam com recomenda\u00e7\u00f5es e estrat\u00e9gias de investimento, mas a decis\u00e3o final \u00e9 sempre do cliente. Como em qualquer processo de decis\u00e3o, voc\u00ea precisa de dados. A interface antiga apresentava todos os dados necess\u00e1rios para tomar decis\u00f5es, mas de forma complexa e confusa. Para analisar o desempenho de uma carteira o cliente precisava usar ferramentas externas, como uma planilha, al\u00e9m de ter que fazer tudo manualmente. Muitos confiavam em seus assessores ou faziam c\u00e1lculos de cabe\u00e7a, cometendo muitos erros. Poucos usu\u00e1rios tinham o conhecimento ou energia para preparar e atualizar uma planilha para gerenciar os seus investimentos. <\/p>\n\n\n\n<p>O crescimento da base de usu\u00e1rios tamb\u00e9m levou a outros desafios, como a necessidade de oferecer uma experi\u00eancia digital melhorada para (1) reduzir a depend\u00eancia de assessores para executar tarefas de investimento e (2) ajudar os clientes com sua gest\u00e3o de portf\u00f3lio.<\/p>\n\n\n\n<p><strong>O uso de UX \/ User Experience Design \u00e9 considerado um fator-chave para democratizar os investimentos, pois ajuda a reduzir barreiras aos rec\u00e9m-chegados de fora do setor financeiro. Isso facilita a gest\u00e3o dos investimentos e reduz erros, apresentando dados complexos, de forma amig\u00e1vel. <\/strong><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<h3 class=\"has-text-align-right\">Meu papel<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p>L\u00edder de projeto com uma equipe de 3 designers UX .<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-larger-font-size\"><strong>Nosso desafio era criar uma nova p\u00e1gina de cliente que oferecesse uma experi\u00eancia de usu\u00e1rio amig\u00e1vel, tanto para investidores novos como para  experientes.<\/strong><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-container-2 wp-block-group has-border-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns alignwide center\">\n<div class=\"wp-block-column\">\n<h4><strong>Projeto<\/strong><\/h4>\n\n\n\n<p>Redesign da p\u00e1gina do cliente para a XP Inc. a maior corretora do Brasil, com 300.000 clientes na \u00e9poca.<br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<h4>Solu\u00e7\u00e3o<\/h4>\n\n\n\n<p>Uma interface baseada no gest\u00e3o de portf\u00f3lio, com ferramentas para reduzir erros comuns e que se adaptasse a diferentes n\u00edveis de expertise em investimentos.<br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<h4>Impacto<\/h4>\n\n\n\n<p>Melhor satisfa\u00e7\u00e3o do usu\u00e1rio. Ele estabeleceu o terreno para futuras interfaces de investimento.<br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"http:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-1024x768.jpeg\" alt=\"\" class=\"wp-image-210\" srcset=\"https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-1024x768.jpeg 1024w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-300x225.jpeg 300w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-768x576.jpeg 768w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-1536x1152.jpeg 1536w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-2048x1536.jpeg 2048w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-540x405.jpeg 540w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-1080x810.jpeg 1080w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1784-1-1980x1485.jpeg 1980w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<h3 class=\"has-text-align-center\">Resultados<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<div class=\"wp-container-3 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Conversamos com diferentes perfis de investidores, desde o novato at\u00e9 o daytrader profissional, para mapear sua jornada de investimento e entender como as decis\u00f5es de investimento s\u00e3o tomadas.<\/p>\n\n\n\n<p>Identificamos 4 personas de usu\u00e1rio com base em sua depend\u00eancia de um orientador e seu n\u00edvel de experi\u00eancia em investimentos. Organizando esses diferentes perfis, come\u00e7amos a mapear seus maiores pontos de dor ao gerenciar seus investimentos. Uma segunda tarefa foi entender como a interface antiga era usada e que influ\u00eancia ela tinha em suas decis\u00f5es. <\/p>\n\n\n\n<p>Analisamos como os usu\u00e1rios gerenciavam seus investimentos atrav\u00e9s da \u00f3tica de boas pr\u00e1ticas de investimento, como a estrat\u00e9gia de gest\u00e3o de portf\u00f3lio e os conceitos de vi\u00e9ses cognitivos de Daniel Kahneman, e preparamos uma lista de conceitos de design que precisavam ser implementados para ajudar a reduzir erros comuns de investimento.<br><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:37.5%\">\n<h3>Principais quest\u00f5es<\/h3>\n\n\n\n<p class=\"has-drop-cap has-normal-font-size\">1.<strong>Paralisia da informa\u00e7\u00e3o:<\/strong> com muita informa\u00e7\u00e3o o usu\u00e1rio m\u00e9dio fica paralisado, tentando entender o que \u00e9 importante e adia qualquer decis\u00e3o que precisa tomar. <br><\/p>\n\n\n\n<p class=\"has-drop-cap\">2. <strong>Foco no desempenho dos ativos individuais:<\/strong> ao considerar o desempenho de produtos individuais, os usu\u00e1rios reagem emocionalmente com mais frequ\u00eancia, levando a excesso de negocia\u00e7\u00e3o ou ansiedade. <\/p>\n\n\n\n<p class=\"has-drop-cap\">3. <strong>Utiliza\u00e7\u00e3o de c\u00e1lculos mentais para analisar carteira:<\/strong> Os usu\u00e1rios precisavam usar uma planilha para analisar o desempenho e o equil\u00edbrio de sua carteira, o que poucos faziam, levando a uma vis\u00e3o incompleta ou errada de seus ativos.<br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:62.5%\">\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"http:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-1024x768.jpeg\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-1024x768.jpeg 1024w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-300x225.jpeg 300w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-768x576.jpeg 768w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-1536x1152.jpeg 1536w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-2048x1536.jpeg 2048w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-540x405.jpeg 540w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-1080x810.jpeg 1080w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/IMG_1778-1980x1485.jpeg 1980w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-larger-font-size\">Como <strong>podemos ajudar os investidores a passar de uma perspectiva de ativo individual para uma estrat\u00e9gia de gest\u00e3o de carteiras?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<h4 class=\"has-text-align-right\">Objetivos de interface<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p>Reduzir movimenta\u00e7\u00f5es em excesso ( diminuir frequ\u00eancia de movimenta\u00e7\u00f5es)<\/p>\n\n\n\n<p>Fornecer informa\u00e7\u00f5es abrangentes \u00e0s suas decis\u00f5es de investimento.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<h4 class=\"has-text-align-right\">Nossa solu\u00e7\u00e3o<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<div class=\"wp-container-4 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>A nova interface incluiu uma s\u00e9rie de novas ferramentas para ajudar os usu\u00e1rios em sua gest\u00e3o de investimentos. <\/p>\n\n\n\n<p>Primeiro, usamos 3 camadas para exibir todas as informa\u00e7\u00f5es necess\u00e1rias para cada tarefa: (1) analisar o portf\u00f3lio e o saldo entre diferentes ativos, (2) verificar uma classe de ativos e cada produto de informa\u00e7\u00f5es de vis\u00e3o de alto n\u00edvel e (3), avaliar o desempenho de cada produto. <\/p>\n\n\n\n<p>Introduzir uma nova perspectiva de uma gest\u00e3o baseada em portf\u00f3lio a XP tamb\u00e9m ajuda seus consultores, pois \u00e9 mais f\u00e1cil criar estrat\u00e9gias mais diversas, com melhores resultados e melhor gest\u00e3o de riscos. <\/p>\n\n\n\n<p>Em segundo lugar, preparamos uma interface que substituiria a necessidade de usar uma planilha, com gr\u00e1ficos e indicadores f\u00e1ceis de entender. Ao organizar valores visualmente e usar percentuais, buscamos reduzir qualquer sobrecarga cognitiva de c\u00e1lculos mentais, sempre propensos a erros. <\/p>\n\n\n\n<p>E terceiro, tamb\u00e9m ajudamos novos investidores, que n\u00e3o tinham acesso a assessores exclusivos (menos de 50k em AUM) a criar um portf\u00f3lio s\u00f3lido, com base nas recomenda\u00e7\u00f5es da XP Inc. <\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"has-normal-font-size\"><strong>Divulga\u00e7\u00e3o progressiva em uma interface modular<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>Gr\u00e1ficos visuais para mostrar equil\u00edbrio e desempenho do portf\u00f3lio<\/strong><\/p>\n\n\n\n<p class=\"has-normal-font-size\"><strong>Ferramentas para ajudar na an\u00e1lise do portf\u00f3lio<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>&#8220;A plataforma foi implementada sem problemas e recebemos feedback muito positivo de nossos clientes.&#8221;  <\/p><cite>Fernando Vasconcelos, Diretor de Marketing DA XP Inc. <\/cite><\/blockquote>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-1024x576.png\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-1024x576.png 1024w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-300x169.png 300w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-768x432.png 768w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-1536x864.png 1536w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-540x304.png 540w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01-1080x608.png 1080w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/Mobile-01.png 1921w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"805\" height=\"1024\" src=\"http:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-ipad-2-805x1024.png\" alt=\"\" class=\"wp-image-198\" srcset=\"https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-ipad-2-805x1024.png 805w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-ipad-2-236x300.png 236w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-ipad-2-768x977.png 768w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-ipad-2-540x687.png 540w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-ipad-2.png 849w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"745\" src=\"http:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2-1024x745.png\" alt=\"\" class=\"wp-image-201\" srcset=\"https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2-1024x745.png 1024w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2-300x218.png 300w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2-768x559.png 768w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2-540x393.png 540w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2-1080x786.png 1080w, https:\/\/patricksilveira.com.br\/portfolio\/wp-content\/uploads\/2020\/03\/VISAO-GERAL-DESK-2.png 1486w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-embed-youtube alignwide wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Portal de Clientes XP\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/A2pq-xAQfKA?start=21&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-fill\"><a class=\"wp-block-button__link\" href=\"http:\/\/patricksilveira.com.br\/portfolio\/\">Voltar<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>O projeto A XP Inc. tornou-se a maior corretora de investimentos do Brasil, democratizando o acesso a produtos financeiros. Fez isso usando uma rede de assessores de investimento&hellip;<\/p>\n","protected":false},"author":1,"featured_media":81,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"template-full-width-cover.php","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/posts\/445"}],"collection":[{"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/comments?post=445"}],"version-history":[{"count":2,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/posts\/445\/revisions"}],"predecessor-version":[{"id":447,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/posts\/445\/revisions\/447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/media\/81"}],"wp:attachment":[{"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/categories?post=445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patricksilveira.com.br\/portfolio\/wp-json\/wp\/v2\/tags?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}