Vanguard agiliza processos de design em 50% e vê impacto crescente com o Figma

Conceituada empresa de gestão de investimentos, a Vanguard, foi fundada com uma ideia simples, mas revolucionária: uma empresa de investimentos deve gerenciar os fundos que oferece no melhor interesse de seus clientes*. Essa visão audaciosa ressalta seu compromisso radical com mais de 50 milhões de clientes mundialmente, que vão desde pessoas que estão começando sua jornada de investimentos até aquelas já com vasta experiência. Com uma base de clientes e ofertas de produtos tão amplas, a Vanguard consegue promover um maior bem-estar financeiro ao oferecer uma experiência digital que é educativa, fluida e centrada no design, utilizando o Figma e o FigJam.

Ajustando uma pilha tecnológica afetada pela diversificação em excesso

Por meio de suas robustas ofertas digitais, que abrangem gerenciamento de contas online, aplicativos móveis, serviços de consultoria digital e dashboards personalizados, a Vanguard consegue atender a uma ampla variedade de preferências dos usuários. Cada aplicativo e produto desenvolvido pela Vanguard é projetado com a intenção de ajudar a preparar seus clientes para o sucesso financeiro.

Antes de usar o Figma, as equipes da Vanguard operavam como startups próprias e enxutas, mas isoladas. Uma mentalidade que fomentava velocidade e inovação, mas impedia a criação de um ecossistema de produtos coeso e, mais frequentemente, criava trabalho duplicado. Para as equipes de experiência do usuário (UX), produto e engenharia da Vanguard, esses silos foram exacerbados por uma pilha tecnológica excessivamente complexa, composta por Sketch, Abstract, Invision e Mural. Os efeitos eram difíceis de ignorar: no dia a dia, enfrentavam desafios relacionados à comunicação eficaz, compartilhamento de arquivos entre equipes e acompanhamento dos arquivos mais atualizados. As equipes sabiam que precisavam simplificar sua pilha tecnológica, o que fizeram ao migrar para o Figma.

Will Walsh, Senior Manager, UX; Personal Investor Savings; e Investidor na Vanguard compartilha: “O Figma nos ofereceu a capacidade de eliminar três outras ferramentas. Trata-se da eficiência de uma ferramenta capaz de projetar, prototipar, compartilhar com desenvolvedores, colaborar e comentar. Foi um divisor de águas. Temos muitas mais pessoas de diferentes disciplinas usando o Figma do que usavam o Sketch.”

Figma eleva o design system da Vanguard a um novo patamar

Tendo o Figma como uma ferramenta de design baseada em navegador, a equipe de design da Vanguard gasta menos tempo procurando o arquivo mais recente e mais tempo colaborando de forma multifuncional. Rob Kubala, UX Manager da Vanguard, afirma: “Antes do Figma, eu acho que enviava pelo menos uns dez links por dia para product owners ou desenvolvedores para garantir que todos tivessem o protótipo mais atualizado. Nossas ferramentas anteriores estavam gerando ineficiências na forma como compartilhávamos e nos comunicávamos. Com o Figma, estamos nos comunicando mais do que nunca no último ano.” Em um mundo cheio de esquemas para “enriquecer rapidamente”, a Vanguard mantém o curso ao continuar comprometida com o bem-estar financeiro de seus clientes. A confiança que conquistaram de seus clientes começa com a colaboração interna possibilitada por uma ferramenta como o Figma.

A Vanguard usa o Figma em todas as partes do processo de design, desde a construção da sua biblioteca de design system até a definição de fluxos de usuário com o FigJam e a realização de testes com protótipos. Graças ao Figma, o Constellation, design system da Vanguard, está mais organizado e acessível para todas as equipes. Para a equipe experiente da Vanguard, aproveitar os recursos avançados do Figma, como o layout automático, permite escalar seus blocos de construção com mais liberdade. Para Kristi Cooke, UX Designer da Vanguard, os benefícios são evidentes: ela pode criar designs de forma mais rápida e precisa, não passando mais "horas e horas" para garantir que os designs estejam perfeitos ao nível de pixels após uma única alteração. Ela alcança uma economia de tempo de 50% ou mais ao atualizar os arquivos mestres para refletir novas alterações de design ou conteúdo. Kristi diz: “Nossos tickets estão avançando muito mais rápido porque conseguimos entregar muito mais rapidamente.”

Ter seu design system no Figma permite que a Vanguard atenda de forma ampla às necessidades de mais de 300 funcionários, ao mesmo tempo em que apoia equipes individuais, como Brand, Marketing de Varejo ou Internacional, que exigem suas próprias bibliotecas de padrões. Com o branching, recurso avançado do Figma para design systems, as equipes da Vanguard podem testar novas ideias em espaços exploráveis sem comprometer o arquivo de design original, para alívio de Kristi. Através do recurso de layout automático do Figma, os designs da Vanguard são responsivos a quaisquer alterações, permitindo que os estrategistas de conteúdo e UX façam edições sem precisar do suporte adicional de design de Kristi.

Recursos de segurança para garantir a confiança do cliente

Para uma instituição financeira estabelecida como a Vanguard, nada é mais importante do que a confiança de seus clientes. Isso depende da segurança de sua plataforma. A Vanguard fez um upgrade para o plano Empresarial do Figma para acessar os recursos de segurança mais abrangentes. Rob compartilha: “O plano Empresarial do Figma nos deu muito mais controle, especialmente com os testes de usuário, permitindo-nos ter um sistema baseado na nuvem e seguro. Queríamos garantir que tivéssemos uma solução escalável que não apenas promovesse nossa comunicação e colaboração, mas também fosse muito segura no que diz respeito ao login único.” Com o plano Empresarial, a Vanguard não está sacrificando a segurança em troca de inovação mais rápida. Ambos são possíveis.

O Figma paga dividendos em velocidade e colaboração

Ao adicionar o FigJam, a solução de quadro branco online do Figma, a Vanguard redefiniu o que a colaboração pode significar para suas equipes. Rob fala: “ele mudou toda a minha perspectiva sobre colaboração ao vivo. Todos nós ficamos muito mais engajados naquela reunião com o FigJam. Nunca experimentei nada parecido virtualmente.”

Desde criação de storyboards e mapeamento de jornadas de usuário, até a facilitação de sessões com partes interessadas, estruturação e a condução de reuniões de início, as equipes da Vanguard têm utilizado o FigJam de inúmeras maneiras. O FigJam melhorou a colaboração cruzada ao fornecer um espaço para que a equipe de UX, a equipe de produto e a equipe de desenvolvimento se unam para idealizar ou fornecer feedback.

Will resume: “Você entra no FigJam e é como estar em uma festa.”

O impacto tangível dessa colaboração é evidente para as equipes de design e produto da Vanguard: handoffs mais suaves, prototipagem mais rápida e melhor organização, para citar alguns benefícios. Para a Vanguard, o Figma é o que eles chamariam de um investimento valioso, que permitiu à Vanguard criar e entregar produtos 50% mais rápido e, em última análise, criar produtos financeiros para milhões de clientes.

Saiba mais sobre a abordagem de design thinking da Vanguard em estratégia, cultura e liderança, e explore oportunidades em sua equipe de UX.

* © The Vanguard Group, Inc., usado com permissão

Em abril de 2024

Disclaimer: A Vanguard é propriedade de seus fundos, que são de propriedade dos clientes acionistas dos fundos da Vanguard.