Overview

This project focused on a deceptively complex question: how do major financial institutions organize their digital experiences, and what can we learn from them?

As lead designer, I used Cursor and Composer 2.5 to turn a broad research request into an interactive internal presentation site within several days. It combined competitive research, information architecture analysis, and four grayscale dashboard concepts for comparing ways to organize banking, investing, retirement, insurance, goals, activity, and planning in one customer experience.

18Financial institutions
4Navigation patterns
4Dashboard concepts
DaysFrom request to working site

The challenge

The project started as a request to support the design team with industry research. We wanted to understand how financial peers structure their websites and signed-in dashboards, especially navigation, account organization, and product discovery.

The audience was my manager, the design team, and internal partners interested in information architecture. The challenge wasn’t just collecting examples. It was turning a large amount of visual research into something organized, readable, and useful for design discussions.

Establishing design goals

  • G1  Show how leading financial institutions structure navigation and dashboards
  • G2  Organize a large amount of visual research so it’s easy to scan
  • G3  Give the team concrete layouts to compare and discuss

My role

I led the project from start to finish. I defined what to research, guided Cursor with detailed prompts, reviewed what it produced, and shaped the design as the work progressed. Rather than treating AI as a one-click solution, I used it as a design partner: clear instructions, project context, careful review, and small manual edits where that was faster or more cost-effective than another round.

Gathering the research

The work started with collecting visual examples from major financial institutions. This was the hardest part, because the AI could only be as useful as the source material I gave it. I had to find relevant images, keep them organized, and give Cursor enough context to analyze them efficiently.

Composer 2.5 then helped scan the examples, identify patterns, and summarize what it found. The study grew to cover 18 institutions, including traditional banks, wealth management firms, robo-advisors, and modern fintech platforms.

Research site listing financial institutions grouped by approach: traditional banking, wealth management, and modern fintech
Institutions grouped by approach
Charles Schwab breakdown with an analysis paragraph, its sidebar and top menu items, and an annotated dashboard screenshot
Each institution’s navigation, broken down

Finding the patterns

A navigation analysis summary pulled the findings together into four approaches:

  • Traditional banking (such as Bank of America and Chase): broad horizontal navigation organized by product, with a strong emphasis on cross-selling.
  • Wealth management (such as Charles Schwab and Fidelity): extensive left sidebars and several layers of portfolio tools.
  • Modern fintech (such as Robinhood and SoFi): simple, mobile-first navigation with visual data and goal-based features.
  • Robo-advisors (such as Betterment and Empower): goal-centered dashboards with planning tools and net worth tracking.
Navigation analysis summary describing the traditional banking, wealth management, modern fintech, and robo-advisor patterns
The navigation analysis summary

Four dashboard concepts

Next, I guided Cursor to build four dashboard concepts for Appleseed Investments. Each one uses the same customer profile and financial data, so the layouts can be compared fairly. Keeping them grayscale kept the conversation focused on structure instead of color and branding.

Concept 1: top navigation with a net worth card above stacked banking and investment account lists, and a sidebar of quick actions, goals, and activity
1. Traditional stacked accounts
Concept 2: persistent left sidebar navigation with a net worth overview and account cards that each have a primary action
2. Cards with a persistent sidebar
Concept 3: summary tiles for net worth, cash, returns, goals, and accounts above a categorized account list, quick links, and activity
3. Information-dense dashboard
Concept 4: account list on the left, portfolio performance and activity in the center, and quick actions, market news, and planning on the right
4. Dashboard with richer content

Behind the scenes

One of the most interesting parts was how quickly the AI moved from raw visual references to structured design insight. Once I had organized the screenshots and given clear direction, Cursor could summarize navigation patterns, spot common interface choices, and turn the findings into a presentation-style website.

I also learned where my own design judgment mattered most. I reviewed the output closely and made small CSS edits myself when that was the fastest path, which saved tokens and kept the project moving. The workflow became a practical balance: the AI handled repetitive analysis and production, and I stepped in for refinements, quality checks, and design direction.

It also freed up my time. While the research site came together, I kept supporting Figma work for the app development team.

Outcome

Within several days, a research request became a working internal presentation site. It documented competitive findings, summarized patterns across financial institutions, and gave stakeholders four low-fidelity concepts to compare as they discussed what might work best for a scalable financial services experience.

What I learned

This project reinforced the value of well-crafted prompts. The clearer I was about the goal, audience, structure, and constraints, the better the results, with less back-and-forth and fewer tokens used.

It also showed that AI agents are especially useful for projects with lots of content organization, pattern recognition, and repetitive production. The designer still leads the direction, judges quality, and makes the decisions, but the agent can dramatically shorten the path from research material to a usable result.

What’s next

In a future round, I’d add updated visuals from more sources, keep tracking how financial UX trends change, and use the prototype as a foundation for deeper stakeholder review and refinement.

Explore the live work

These are the working prototypes and research sites from this project. Each one opens in a new tab.

More success stories

Written by Chris Metzner
Chris Metzner
I’m a UX/UI product designer who makes complex financial products feel clear and approachable. I combine user research, thoughtful interaction design, and AI-assisted prototyping in Figma and Cursor to help teams see, test, and refine ideas in days instead of weeks. I love partnering with researchers, product owners, and developers to turn big ideas into experiences people trust.