Overview & RoleVisão Geral e Papel
OverviewVisão Geral
Tribanco is the digital bank of Sistema Martins, born in 1990 to deliver financial solutions to the customers and partners of Latin America's largest wholesale distributor. The challenge: merge two separate apps — a card manager and a digital account manager — into a single super app, Triconta, without losing what each one did well.O Tribanco é o banco digital do Sistema Martins, criado em 1990 para oferecer soluções financeiras aos clientes e parceiros do maior distribuidor atacadista da América Latina. O desafio: unificar dois apps separados — gestão de cartão e conta digital — em um único super app, o Triconta, sem perder o que cada um fazia bem.
RolePapel
I led the design activities between 2019 and June 2020, collaborating with two other designers on the design system concept and implementation. I also worked as researcher and prototyper alongside a Content Strategist, a Product Manager, and a Tech Lead. I stopped working on the project during the second month of the launch phase.Liderei as atividades de design entre 2019 e junho de 2020, colaborando com outros dois designers no conceito e implementação do design system. Também atuei como pesquisador e prototipador ao lado de uma Content Strategist, um Product Manager e um Tech Lead. Saí do projeto durante o segundo mês da fase de lançamento.
BackgroundContexto
Tribanco bank was born in 1990 to deliver the best financial solutions to customers and partners of Sistema Martins, the largest wholesale distributor in Latin America. Its reach goes beyond convenience: in some regions, Tribanco is the only institution offering financial services to the population.O Tribanco nasceu em 1990 para oferecer as melhores soluções financeiras aos clientes e parceiros do Sistema Martins, o maior distribuidor atacadista da América Latina. Seu alcance vai além da conveniência: em algumas regiões, o Tribanco é a única instituição a oferecer serviços financeiros à população.
That context shaped every decision on the project — this wasn't a super app built for convenience on top of other options, but often the sole entry point into the financial system for its users.Esse contexto moldou cada decisão do projeto — não era um super app construído por conveniência sobre outras opções, mas muitas vezes a única porta de entrada de seus usuários para o sistema financeiro.
The ChallengeO Desafio
Create a new app merging two others: card manager and account manager.Criar um novo app unificando outros dois: gestor de cartão e gestor de conta.
- Make it fast and easy to use for everyone, everywhereTorná-lo rápido e fácil de usar para todos, em qualquer lugar
- Give users more control over their moneyDar aos usuários mais controle sobre seu dinheiro
- Create an app that is fast and easy for the userCriar um app rápido e fácil para o usuário
The core design problem underneath it all: create a unique experience for two apps — a digital account and a credit card manager — that felt like one coherent product, not two glued together.O problema de design central por trás de tudo: criar uma experiência única para dois apps — uma conta digital e um gestor de cartão de crédito — que parecesse um produto coerente, não dois colados um no outro.
Research & DiscoveryPesquisa e Descoberta
Older app experience. We ran usability testing with the first version of both apps to understand what was and wasn't working before designing the merge.Experiência dos apps antigos. Rodamos testes de usabilidade com a primeira versão dos dois apps para entender o que funcionava e o que não funcionava antes de desenhar a fusão.
Seeking for evidence. We grounded the discovery in data rather than assumptions:Em busca de evidências. Ancoramos a descoberta em dados, não em suposições:
- General data from analytics, crashlytics, funnel abandonment, etc.Dados gerais de analytics, crashlytics, abandono de funil, etc.
- Previous user searchesBuscas anteriores dos usuários
- NPS, CSAT, claims and support attendance dataNPS, CSAT, reclamações e dados de atendimento
- Performance indicatorsIndicadores de performance
Proto-persona. After analyzing the research data, we created a persona that represented our end user.Proto-persona. Depois de analisar os dados de pesquisa, criamos uma persona que representava nosso usuário final.
Main feature needs that came out of this persona work:Principais necessidades de funcionalidade que surgiram desse trabalho de persona:
- Transactions after business hoursTransações fora do horário comercial
- Pay in installmentsPagamento parcelado
- Income predictabilityPrevisibilidade de renda
- Flexible credit limitLimite de crédito flexível
Process & PrioritizationProcesso e Priorização
The product development team — made up of Tribanco employees — spent 2 days on Lean Inception activities, analyzing the collected data and evidence to balance technical viability, business objectives, and desired experience.O time de desenvolvimento de produto — formado por funcionários do Tribanco — passou 2 dias em atividades de Lean Inception, analisando os dados e evidências coletados para equilibrar viabilidade técnica, objetivos de negócio e experiência desejada.
I moderated the Collaborative Product Vision workshop with stakeholders to create a shared vision written by the entire team — uniting everyone from the earliest stages of the project. From there, we mapped features into user journeys, sequenced them for upcoming releases, and prioritized with an Effort vs. Value workshop.Moderei o workshop de Visão de Produto Colaborativa com os stakeholders para criar uma visão compartilhada escrita por todo o time — unindo todos desde as etapas mais iniciais do projeto. A partir daí, mapeamos as funcionalidades em jornadas de usuário, sequenciamos para os próximos releases e priorizamos com um workshop de Esforço vs. Valor.
Metrics workshop. To keep the team outcome-driven, we ran a structured metrics framework in two parts:Workshop de métricas. Para manter o time orientado a resultados, aplicamos um framework de métricas estruturado em duas partes:
Participatory design & co-design. We worked with the team to balance idealism and realism — sharing the vision to define flows and design corner cases, including the Pix (instant payment) implementation, interpreting the Central Bank's documentation for our context and audience.Design participativo e co-design. Trabalhamos com o time para equilibrar idealismo e realismo — compartilhando a visão para definir fluxos e desenhar casos de borda, incluindo a implementação do Pix, interpretando a documentação do Banco Central para nosso contexto e público.
Design SystemDesign System
To deliver the right experience, we established 4 principles to guide the product, each scored on a 1-to-5 scale:Para entregar a experiência certa, estabelecemos 4 princípios para guiar o produto, cada um pontuado em uma escala de 1 a 5:
From those principles we built base components — color palette, gradients, and a full typography scale (from XXXXS to MD) — then the component library itself: navigation, shortcuts, card and account widgets. Establishing consistent templates and variations was crucial to gain velocity and consistency across the rollout.A partir desses princípios, construímos os componentes base — paleta de cores, gradientes e uma escala tipográfica completa (de XXXXS a MD) — e depois a biblioteca de componentes propriamente dita: navegação, atalhos, widgets de cartão e conta. Estabelecer templates e variações consistentes foi fundamental para ganhar velocidade e consistência ao longo do rollout.
To make analytics work effectively, we also established an event tagging plan for every element on every screen we needed to measure — mapped by screen, element, action, value, and objective, tracked through QA and release across both Android and iOS.Para que o analytics funcionasse de forma eficaz, também estabelecemos um plano de tagueamento de eventos para cada elemento de cada tela que precisávamos medir — mapeado por tela, elemento, ação, valor e objetivo, acompanhado via QA e release em Android e iOS.
ScreensExperiência
A selection of the Triconta super app screens — account overview, card management, Pix, and the prioritized feature set that shaped the MVP (onboarding, account and card management, virtual card, payments and receiving, registration data, receipts, and card insurance).Uma seleção de telas do super app Triconta — visão geral da conta, gestão de cartão, Pix e o conjunto de funcionalidades priorizado que definiu o MVP (onboarding, gestão de conta e cartão, cartão virtual, pagamentos e recebimentos, dados cadastrais, comprovantes e seguro de cartão).
Results & TakeawaysResultados e Aprendizados
Beyond the numbers, the project transformed the bank's digital product culture — bringing the team into a data culture and contributing to an outcome-driven mindset that outlived the launch itself.Além dos números, o projeto transformou a cultura de produto digital do banco — trazendo o time para uma cultura de dados e contribuindo para uma mentalidade orientada a resultados que sobreviveu ao próprio lançamento.
The lesson that carried forward: merging two products isn't a UI exercise, it's a discovery exercise. Grounding the vision in shared research, a shared prioritization framework, and a shared metrics language was what let two very different apps become one coherent experience — for users who, in many cases, had no other bank to compare it to.A lição que ficou: unificar dois produtos não é um exercício de UI, é um exercício de descoberta. Ancorar a visão em pesquisa compartilhada, um framework de priorização compartilhado e uma linguagem de métricas compartilhada foi o que permitiu que dois apps muito diferentes se tornassem uma experiência coerente — para usuários que, em muitos casos, não tinham outro banco para comparar.