Skip to content

( Day One Technologies / October 2018 – 2021 )

Finch (formerly TRIO)

Shipped a consumer fintech app that unifies banking and micro-investing in one account, taking the product from concept through to a live release over a multi-year engagement

My role
Lead UI/UX Designer
Timeline
October 2018 – 2021
Category
Consumer Fintech / Mobile App / Neobank and Micro-Investing
Status
New design, delivered

Tools Sketch, Overflow, InVision Studio, Photoshop

Generated schematic standing in for imagery of Finch (formerly TRIO). It depicts nothing.
Generated schematic, not a screenshot of Finch (formerly TRIO).

Generated schematic, not a screenshot. Real imagery to follow.

( The account )

Context

Finch, which started life as TRIO, is a consumer fintech mobile app that merges banking and investing into a single account. Its promise, stated plainly on the first onboarding screen, is to let people earn investment returns on the money in their checking account. Instead of parking spending money in a bank that pays nothing and opening a separate brokerage to invest, a user keeps one balance that works across a simple three-part portfolio of Stocks, Bonds, and Cash, the trio the original name pointed to, and still spends from it day to day.

The product sat in the challenger-bank and micro-investing space, where a wave of apps was trying to make investing approachable for people who had never held a brokerage account. Day One Technologies was the design and product partner, and the work ran as a sustained engagement rather than a single handoff, evolving across roughly three years from the first design rounds in late 2018 through a full rebrand from TRIO to Finch and a shipped product.

Before the project, the target user's financial life was split across tools that did not talk to each other and an investing experience most people found intimidating enough to avoid. The opportunity was to collapse that split into one friendly account where spending and growing money were the same action.

The problem

Everyday consumers who wanted their money to grow faced a fragmented and intimidating experience. Spending money lived in a checking account earning nothing, while investing meant a separate brokerage or robo-advisor, manual transfers between the two, and a mental context switch every time. Onboarding named the barrier directly, "find investing tough," because portfolio construction, asset allocation, and performance tracking were unfamiliar territory for the mainstream audience the product was built for.

Two constraints shaped the design. First, the product had to make real investing mechanics, allocation across asset classes, returns over time, and rebalancing, legible and unthreatening to people with no finance background, without dumbing the product down for the users who did understand it. Second, it had to hold one coherent mental model across two jobs that are usually separate apps, a spendable checking balance and a managed portfolio, so a user could always trace where their money was and what it was doing. All of this had to survive a long, iterative build with multiple design directions and a client who needed to see and compare options before committing.

What I did

The core idea was a single account that is simultaneously a spending account and a managed three-bucket portfolio, wrapped in an approachable interface that made investing feel effortless. Every balance was transparently split across Stocks, Bonds, and Cash and shown through donut and a custom triangular allocation chart, so the trio split was legible at a glance, and the same money powered a full Spend experience of transactions, deposits, and transfers so users never moved funds between apps. Performance was made tangible through a Past, Present, and Future model that turned abstract returns into a simple time series with Day, Week, Month, Half Year, and Year ranges and a per-asset breakdown of gains. Deep settings and security reinforced the trust a money app has to earn.

Reaching that product was itself a method. Rather than commit to one look early, I explored several distinct design directions and ran a systematic color and theme study, rendering the entire flow side by side across multiple palettes so the client could compare complete experiences instead of isolated screens and converge with confidence. The chosen direction was then carried into a full high-fidelity system, an interaction and motion layer, a defined component and icon set, and finally a brand evolution from TRIO to Finch.

Outcomes

  • Shipped a consumer fintech app that unifies banking and micro-investing in one account, taking the product from concept through to a live release over a multi-year engagement
  • Delivered a complete, multi-version product UI spanning onboarding and authentication, home and portfolio, Invest (Past, Present, Future), Spend (transactions, deposits, transfers), funding, notifications, deep settings and security, and full system and error states
  • Built a reusable design system, color and typography libraries, a multi-size app-icon and tab-icon set, and logo and wordmark assets, that held the product together across years of iteration and a full rebrand
  • Drove a brand evolution from TRIO to Finch, refreshing identity and iconography without disrupting the shipped product structure
  • Produced an interaction and motion layer and a custom app loader, plus mapped user flows and multi-resolution developer handoff exports
  • Converged a client on a single visual language through multiple design directions and a systematic five-way color study of the full flow, keeping a long build aligned

What I learned

Making a hard domain feel easy is a design problem before it is a feature problem. The instinct with a fintech product is to expose capability, but the audience here was defined by avoidance, they found investing intimidating. Reducing the whole idea to three buckets and a simple past-present-future view did more for adoption potential than any additional feature would have, and it taught me that for a mainstream money app, restraint and legibility are the product.

On a long, multi-direction engagement, structured comparison is what prevents churn. Presenting one proposed look invites endless subjective debate, but rendering the full flow side by side across several complete color and direction options gave the client something concrete to react to and choose between. Turning "which do you prefer" into a real comparison of finished experiences was the single most useful move for keeping years of iteration converging instead of circling.

A strong underlying structure makes even a rebrand cheap. Because the invest-plus-spend concept, the three-bucket model, and the information architecture were solid, the shift from TRIO to Finch could ride on top as an identity refresh rather than a rebuild. Getting the bones right early is what let the product absorb a major change late without losing momentum.

( Tags )

  • Consumer Fintech
  • FinTech
  • Mobile
  • iOS
  • Investing
  • Micro-Investing
  • Robo-Advisory
  • Neobank
  • Digital Banking
  • Personal Finance
  • Wealth Management
  • Portfolio Allocation
  • Data Visualization
  • Custom Charts
  • Onboarding
  • Authentication
  • Settings and Security
  • Design System
  • Iconography
  • Branding
  • Rebrand
  • Brand Evolution
  • Motion Design
  • Interaction Design
  • Prototyping
  • UX Research
  • Information Architecture
  • User Flows
  • Design Direction
  • Color Exploration
  • Sketch
  • Overflow
  • InVision Studio