Fueling Digital Banking Sales with a Mobile Product Shopping Experience
How a self-initiated business case, a phased product vision, and tight cross-functional alignment delivered a new sales channel inside the Santander Bank mobile app.
Company
Santander Bank
My Role
SVP, Director of User Experience
Tools
- Google Advanced Search Operators
- 11:FS
- Dovetail
- FigJam
- Figma
- PowerPoint
- Google Analytics
Problem
Despite cross-selling mandates, the bank's flagship mobile application lacked native product origination capabilities, forcing millions of users out-of-app to convert. This fragmented architecture severely restricted product discovery, artificially inflating customer acquisition costs and creating massive friction in the digital sales pipeline.
Process
- Business Case Development
- Secondary Market Research
- Competitive Benchmarking
- Phased Product Vision
- KPI Orchestration
- User Flow Optimization
- Wireframing
- High-Fidelity Prototyping
- Usability Testing
Outcome
Shipped a native, in-app product shopping experience that increased digital account openings by 18.3% in the first month after launch. The rollout generated measurable uplift in Tier-1 revenue for the Consumer Bank, validating that customer-facing discovery flows grounded in research and measurable KPIs can move the business forward.
Background
As SVP, Director of User Experience at Santander Bank, I led the experience organization responsible for the flagship iOS and Android mobile banking apps used by millions of retail customers every month. My remit covered discovery, cross-sell, and servicing surfaces inside the authenticated mobile app, with a mandate to connect design decisions to measurable business outcomes.
At the time, the mobile app was optimized almost exclusively for servicing. Customers could check balances, move money, and manage existing accounts, but they could not shop for new products without being pushed out of the app into a separate web origination flow. For a retail bank whose annual strategy depended on deepening relationships with existing customers, this was a meaningful gap. The work that follows is how I converted that gap into a funded, shipped, and measured initiative.
Building the Business Case and Securing Executive Alignment
This initiative was not on the roadmap. It was not part of the quarterly plan, and no one had asked me to work on it. I chose to pursue it because the signal was too strong to ignore. Reading the prior year's annual report alongside the published company-level goals for the coming year, I noticed a consistent theme: executive leadership was publicly committed to growing digital sales, deepening product penetration per household, and reducing the cost of acquiring new relationships. The mobile app was the most heavily trafficked digital surface the bank owned, and it was doing none of those things.
I conducted a round of light secondary market research to pressure-test the hypothesis before committing any team resources. The research confirmed what the annual report implied. Competitors were rapidly rolling out native in-app shopping experiences, customers were increasingly expecting to complete financial purchases in the channel they already lived in, and the gap between servicing and sales inside banking apps was closing quickly across the industry.
With that ammunition, I built a concise business case that tied the opportunity directly to the executive goals already committed to in the annual report. I then scheduled time with the Senior Product Manager who owned the mobile banking channel and walked him through the reasoning. The goal of the conversation was to demonstrate that the work I wanted to pursue would accelerate existing channel commitments rather than compete with them. We aligned on a path forward, and I walked out of that meeting with approval to invest in a deeper round of secondary market research and a formal competitive analysis.
Business Case Proposal
In-App Product Shopping for Retail Mobile Banking
- Author
- Samuel Custer, SVP, Director of UX
- Reviewer
- Senior Product Manager, Mobile Channel
- Version
- 0.3
- Date
- February 12, 2021
Problem Statement
The flagship retail mobile app is optimized for servicing, not sales. Customers who intend to open a new deposit, card, or lending product are routed out of the authenticated app into a separate web origination flow, creating friction, drop-off, and a missed opportunity to convert trusted, already-signed-in relationships.
Strategic Rationale
- 01Executive commitments in the annual report call for growth in digital sales, deeper product penetration per household, and lower cost of acquisition.
- 02The mobile app is the highest-traffic digital surface the bank owns and currently contributes zero native origination volume.
- 03Peer institutions are closing the gap between servicing and sales inside their apps, and the window to lead rather than follow is narrowing.
Requested Decision
Approval to green light a focused round of secondary market research and a formal competitive analysis, scoped to validate the opportunity, quantify the addressable lift, and inform a phased product vision for review in the next channel planning cycle. No engineering resources are being requested at this stage.
Success Criteria for This Phase
Research Output
A validated point of view on in-app origination opportunity, sized against current channel volume.
Competitive Benchmark
A structured benchmark of peer institutions, capturing pattern, depth of integration, and maturity.
Alignment Artifact
A one-page phased product vision suitable for shared review with product, engineering, and risk partners.
Prepared By
Samuel Custer
SVP, Director of User Experience
Reviewer Approval
Senior Product Manager
Mobile Banking Channel
Framing the UX Research
With approval secured, I resisted the urge to jump straight into pulling sources. Research that is not framed in advance tends to drift, and findings that arrive without a clear question attached are easy for stakeholders to dismiss. Before opening a single tab, I documented the framing of the work so that every finding could be traced back to a specific question and every recommendation could be audited against a stated hypothesis.
The framing covered the entire UX research effort, not just the secondary market pass. It set the goals, the hypotheses I was committing to test, and the two-part plan that the research would execute in sequence. Risk, compliance, product, and channel partners could read this single page and understand exactly what I was setting out to learn and why.
Goals
- Understand the importance and scale of the opportunity to offer Product Shopping in the mobile banking channel.
- Gather competitive insights to inform the vision, strategy, and design of Digital Sales within the mobile banking channel.
Hypothesis
By creating Digital Sales entry points within the mobile banking channel we will:
- Increase consumer deposits and lending
- Deepen customer relationships
- Increase customer loyalty
Research Plan
- Conduct secondary market research on Digital Sales within mobile banking channels.
- Conduct a competitive analysis on top ranking competitors and how they handle Digital Sales in mobile banking.
Secondary Market Research
The first half of the plan was a structured secondary market research pass. I relied on advanced Google operators to surface white papers, analyst reports, published research from consulting firms, and peer-reviewed studies from academic and industry sources. The goal was to build a defensible evidence base that any stakeholder, regardless of function, could read and reach the same conclusion I had.
Each finding was captured alongside its source so that the final deliverable could be audited by risk, compliance, or executive reviewers without additional work. The findings clustered into three insight themes, which I have organized below in the same shape they took inside the original research report.
Insight Theme: There is a clear and growing sales opportunity within mobile channels, and Santander needs to act.
The first cluster of evidence established the size of the opportunity. Mobile research and sales applications were accelerating, banks enabling digital sales channels were seeing measurable profitability gains without cannibalizing branch activity, and global leaders were already converting roughly half of their digital products through authenticated channels. Despite this, only 11% of US banks offered mobile digital sales, most lacked a clear call-to-action bridging the shopping-to-checkout process, and Santander itself had scored zero points for digital sales in the most recent mobile scorecard. The case for action was no longer a matter of opinion.







1 of 7
Insight Theme: How Mobile Product Shopping is designed has a meaningful impact on its performance.
The second cluster connected design choices to measurable outcomes. Customized sales in authenticated channels delivered application conversion rates 1.5 to 2 times higher than generic experiences, and personalized sales prompts produced a 77% lift in product volume sales per customer. Design quality was not a matter of taste. It was a forecastable input to revenue.


1 of 2
Insight Theme: Banks are struggling to leverage digital shopping behaviors across the entire customer journey, including the branch and the contact center.
The third cluster surfaced the operational gap. Most banks were not communicating digital leads to frontline staff, digital leakage was a persistent problem across the industry, and follow-up calls on abandoned digital sales applications were one of the highest converting plays available to teams that bothered to run them. The implication for Santander was that even a minimum viable mobile shopping experience would unlock value the rest of the organization could compound.



1 of 3
Competitive Analysis
Running in parallel with the secondary research, I conducted a structured competitive analysis of peer and challenger banks. I audited each competitor's mobile app end to end, documenting how they surfaced new product opportunities, how they handled pre-qualification, how they moved customers from discovery to funded account, and where they placed the experience inside their broader information architecture.
Two findings mattered most. First, there was a clear set of trends that nearly every competitor had adopted. These were the table-stakes patterns that our target customers would already be familiar with and would therefore expect to see when we shipped our experience. Second, a smaller group of competitors had begun experimenting with genuine differentiators, including personalized offer surfacing, integrated pre-approval, and cross-channel handoff with the branch network. Identifying that delta gave me the raw material I needed to shape a vision that was both credible to stakeholders and ambitious enough to be worth funding.
Competitive Matrix
Before pulling the qualitative findings into themes, I built a side-by-side matrix that captured the structural choices each competitor had made. Putting every entry point, call to action, screen title, prefill behavior, and shopping container in one place gave the team a shared reference for how the category was actually shaped, and it made the gaps in the Santander experience impossible to argue with.
| Competitor | Entry Point(s) | Entry Point CTA | Screen Title | Auth Prefill | Shopping Type |
|---|---|---|---|---|---|
| Chase | Top Left Icon (Shopping Cart Icon), Open an Account | Open an Account | Open an Account | Yes | WebView |
| U.S. Bank | Account Overview, Explore & Apply (Bottom Menu) | Open a new account | Explore accounts and offers | Yes | Native |
| USAA | Explore USAA (Section) | Products | Our Products | Yes | WebView |
| Citi Bank | Account Overview, Pop-Up | Explore Products & Offers | Products & Offers | Yes (Deposits), No (Credit Cards) | Native (Deposits), WebView (Credit Cards) |
| Capital One | Account Overview | Open a New Account | Browse [Product Category] | Yes | Native |
| Marcus | Account Overview | Open a Marcus Account | N/A | Yes | WebView |
| Discover Bank | Account Overview, More Screen | Open an Account | Open an Account | Yes | External Browser, WebView |
| Bank of America | Login Screen, Account Overview | Products | Products | Yes | WebView |
| Ally Bank | Explore (Bottom Menu), About Us (Pre-Authenticated) | Explore | Explore | Yes | Native, then WebView |
| Synchrony Bank | Account Overview | Open a New Bank Account | Select Product | Yes | Native |
| Fidelity | Account Overview, More (Top Level Screen) | Open an Account | Select an Account | Yes | WebView |
Insight Theme: Our competitors use a wide range of entry points into their mobile product shopping experiences.
The first theme that emerged from the audit was that there was no single canonical way to enter a product shopping experience. Competitors used everything from top-level icons and account overview placements (Chase, U.S. Bank) to login screen prompts (Bank of America), zero-balance ghost accounts (Chime), post-login popups (Citi), dedicated navigation tabs (Ally), and virtual assistant entry points. The variety made one thing clear: there was room to choose entry points that fit our information architecture rather than mimic any one competitor.







1 of 7
Insight Theme: Our competitors act on many opportunities to lift click-through and conversion rates.
The second theme captured the tactical optimizations the strongest competitors had layered on top of their entry points. These ranged from SSO-powered application prefills (Capital One) and abandonment warnings (Citi), to native in-app product shopping (Citi), life-event-based discovery and product quizzes (U.S. Bank), personalized recommendations (Chase), and flexible learn-more-or-apply flows (Fidelity). Each was a discrete conversion lever, and together they formed a playbook of patterns available for the first release.








1 of 8
UX Research Learnings and Recommendations
With both halves of the research plan complete, I synthesized the findings into a single learnings and recommendations deliverable. The goal was to give product, engineering, and channel leadership a document they could act on without re-reading the entire research base. The synthesis split into three parts: what we learned, the short term moves we should make in the first release, and the longer term plays we should sequence into the roadmap once that first release was live.
What We Learned
- Mobile Product Shopping is a massive opportunity for Santander.
- Personalized product offers perform meaningfully better than a one-size-fits-all sales approach.
- Many banks miss the opportunity to connect digital sales data with frontline staff in the branch and contact center.
- The competitive scan surfaced a set of tactical design cues that can be leveraged to lift click-through rates inside the experience.
- The scan also surfaced longer term strategies that can shape how the digital authenticated channels integrate with the digital sales channels.
Short Term Recommendations
For the first release of Mobile Product Shopping, the team should prioritize the following:
- Stand up event and traffic analytics from the initial release. Partner with the analytics team to define the data we need so that traffic origin is accurately measured and customer lifetime value can later be analyzed by sales origin.
- Create an entry point to Mobile Product Shopping from the Login and Enrollment screens.
- Create an entry point to Mobile Product Shopping from the Account Overview screen.
- Include both "Learn More" and "Open Now" buttons on every detailed product card.
- Use a WebView when linking out to the Public Site and Digital Sales pages so that the mobile banking authentication session stays alive.
- Support basic segmentation logic for product lists, including in footprint, out of footprint, Select, and Santander® Private Client (SPC).
- Confirm with users when they attempt to close the Digital Sales WebView.
- Define A/B test opportunities to run alongside the initial designs.
- Add an entry point to Mobile Product Shopping inside the authenticated Sandi (Santander® virtual assistant) experience.
Long Term Recommendations
Future releases of the Mobile Product Shopping experience should sequence in the following:
- Explore an iteration where products and personalized offers live side by side and can be reached from the bottom navigation.
- Offer product shopping quizzes inside the experience so that we can quickly recommend the best product for a customer's financial needs.
- Allow customers to resume digital sales applications from a mobile channel entry point.
- Create a scalable popup design pattern and define the presentation logic that governs when and where it fires.
- Personalize the product shopping experience beyond segments, including BTO, nSegments, and behavioral signals.
- Spike on Single Sign On inside Mobile Product Shopping so that applications can be prefilled with authenticated session data.
- Build native product information screens and, eventually, fully native digital sales applications.
- Integrate digital sales behavior data with the branch and contact center portals so that bankers can finish an application a customer started in a digital channel.
- Create marketing retargeting plans specific to existing customers who have shown interest in product shopping.
A Phased Product Vision
With the evidence base in place, I authored a four-phase product vision that gave leadership a way to invest incrementally without losing sight of the long-term destination. The phases were intentionally sequenced so that each one delivered standalone value while laying the foundation for the next, starting with a native catalog inside the authenticated mobile app and ending with full continuity across mobile, web, branch, and contact center.
Product Vision
Mobile Banking Product Shopping Vision
Phase 1
Basic
Customers can view and apply for products within the online and mobile channels. Analytics measure the share of accounts opened via digital and the overall impact to product sales.
Phase 2
Integrated
Customers see product offers in the context of the actions they take within our digital channels, such as transaction history or travel notifications. A just-in-time model surfaces a relevant offer at a relevant moment.
Phase 3
Personalized
Product offers are personalized based on consumer behavior, anonymized data, and segmentation. Customers are retargeted across external properties with clear calls to action to resume their sales application.
Phase 4
Omni-channel
Branch and contact center team members are empowered to follow up with customers who abandoned digital sales applications after receiving servicing support. Customers can also resume applications in the app that were started on the public site.
Phase 1
Basic
Customers can view and apply for products within the online and mobile channels. Analytics measure the share of accounts opened via digital and the overall impact to product sales.
Phase 2
Integrated
Customers see product offers in the context of the actions they take within our digital channels, such as transaction history or travel notifications. A just-in-time model surfaces a relevant offer at a relevant moment.
Phase 3
Personalized
Product offers are personalized based on consumer behavior, anonymized data, and segmentation. Customers are retargeted across external properties with clear calls to action to resume their sales application.
Phase 4
Omni-channel
Branch and contact center team members are empowered to follow up with customers who abandoned digital sales applications after receiving servicing support. Customers can also resume applications in the app that were started on the public site.
Current State User Flow
Before designing anything new, I mapped the experience a customer currently moved through when trying to learn about or apply for a new Santander product from inside the mobile app. The flow was long, fragmented, and entirely user-driven. There was no product shopping surface inside the authenticated app, no entry point on the account overview, and no system-initiated prompt anywhere in the journey. The customer had to think to want a new product, leave the app on their own, open a browser, navigate to santanderbank.com, and start over from scratch.
The yellow dots on the diagram below mark every point of friction in that journey. BJ Fogg's behavior model frames the problem exactly: a desired behavior only happens when motivation, ability, and a prompt converge at the same moment. Motivation was already there for a meaningful slice of our customer base, but ability was the pain point. The mobile app offered no native prompt to explore products or open a new account, so any customer who wanted to act was forced to leave the app, find the public site on their own, and restart the process from scratch. Every one of those steps stripped away ability, and the flow guaranteed that most customers would never get past the first friction point.
Capturing that state in a single diagram made the cost of inaction obvious. Stakeholders who had lived inside individual steps of the flow had rarely seen the entire journey laid out in one place, and the act of visualizing it, friction points and all, was itself an alignment tool.
Framework Reference
Fogg Behavior Model
B = MAP
At the same moment
M
Motivation
Why the customer wants to act in that moment.
A
Ability
How easy the desired behavior is to actually perform.
P
Prompt
A trigger that cues the behavior at the right moment.
Credit: BJ Fogg, behaviormodel.org

Desired State User Flow
Once the current state was documented, I designed the desired state user flow. The friction points were removed by giving the mobile app a real product shopping surface, by injecting a system-initiated trigger at the moments customers were most likely to act, and by carrying the customer through to a funded account without forcing them to leave the app or restart the journey in a browser.
The desired state covered two distinct entry conditions, each with its own flow. The first served unauthenticated visitors who could be moved into an account opening directly from the login screen. The second served authenticated customers who were already inside the app and could express intent to open a new account. For the authenticated path, we used the live session to prefill the digital sales application inside an embedded WebView, so the customer was never asked for information the bank already had.


KPIs and Success Measures
A product vision without measurement is a wish list. I defined the KPIs and success measures that the team would use to evaluate the experience after launch, then walked them through a working session with the Senior Product Manager who owned the mobile banking channel. The purpose of that session was not to get approval on the metrics. It was to confirm that we were tracking the same things his leadership chain already cared about, so that the numbers we reported would land inside the reporting structure the channel used every month.
We aligned on a mix of engagement metrics tied to discovery, conversion metrics tied to origination, and downstream revenue metrics tied to funded account value. That alignment was the single most important meeting of the project. It meant that when the feature shipped, the team had a pre-agreed scoreboard to report against and no one would be able to move the goalposts after the fact.
Locking these measures in before a single line of production code was written also gave engineering a concrete analytics contract to build against. Tracking events, property schemas, and funnel instrumentation were scoped alongside the feature work rather than retrofitted afterward, which is how most teams end up with measurement gaps on the metrics they care about most. By the time each surface reached code review, the analytics tied to every key result were already in place, validated in a lower environment, and ready to report against on day one of launch.
Desired State Wireframes
With the desired state flow locked, I translated each step into low-fidelity wireframes. Working at this level of fidelity let me validate layout, hierarchy, and navigation choices quickly with engineering and product partners before investing in visual design. The wireframes covered the full journey, from the moment a customer first encountered a product inside the app to the confirmation screen on a completed application.

Desired State High-Fidelity Designs
Once the wireframes were stable, I moved into high-fidelity design. The visual layer respected the existing Santander mobile design system while introducing a small set of new patterns for product discovery, comparison, and application entry. Every screen was built to be production-ready so engineering could begin estimating effort against real artifacts rather than approximations.




Mobile product shopping unauthenticated entry point (login screen)
1 of 4
Usability Testing
I ran a round of moderated usability testing against the high-fidelity designs. Participants were asked to complete the core tasks the experience was built to support, including finding a product, comparing options, and starting an application. The sessions validated that the direction was sound. Customers understood the entry points, moved through the flow without assistance, and consistently arrived at the outcomes the team had designed for.
The test surfaced a small set of refinements rather than any fundamental rework. That was the outcome I wanted. It told me that the upstream research, the phased vision, and the alignment on KPIs had done their job, because the design that came out of that foundation held up under contact with real users.
| Funnel Stage | Completed | Success Rate | Avg Time on Task | Assists Needed |
|---|---|---|---|---|
| Entry and Product Discovery | 10 of 10 | 100% | 0:42 | 0 |
| Comparing Product Options | 9 of 10 | 90% | 1:28 | 1 |
| Reviewing Rates and Terms | 9 of 10 | 90% | 1:15 | 1 |
| Starting an Application | 10 of 10 | 100% | 1:52 | 0 |
| Overall (n=10) | 38 of 40 tasks | 95% | 5:17 total | 2 |
Moderated usability testing results across a panel of ten participants, segmented by stage of the product shopping funnel
Visual North Star
After usability testing validated the core direction, I produced a set of additional high-fidelity variations and an expanded exploration of the experience. These were not alternatives to the validated design. They were forward-looking artifacts intended to give stakeholders a shared visual north star for what the later phases of the vision could look like once the initial release was live.
Having that shared picture kept alignment tight across product, engineering, marketing, and the branch network. Every team could see where the work was going, and conversations about scope and sequencing became easier because everyone was pointing at the same artifact when they talked about the future.




Mobile product shopping, relationship banking and integrated branding
1 of 4
Outcome
The team successfully built and shipped the mobile product shopping experience. Because we had invested in defining KPIs and aligning on instrumentation before writing a line of production code, we were able to measure the release against the exact scoreboard we had agreed to with the channel leadership.
In the first month after launch, digital account openings increased by 18.3%. The result validated the original business case I had negotiated with the Senior Product Manager, proved that the phased vision was directionally correct, and gave the channel a funded baseline for investing in the subsequent phases of the roadmap. More importantly, it established a repeatable pattern inside the organization: a designer noticing a strategic gap, building the evidence base to justify pursuing it, and delivering a shipped experience whose impact could be defended in the metrics leadership already cared about.