Unifying Two Lending Experiences Around Customer Intent | Lauren Sener
Skip to main content
Lauren Sener

Small-business lending company  ·  Information architecture  ·  Product design

Unifying two lending experiences around how customers actually choose

A small-business lender was preparing to bring a separately branded retail lending site into its primary brand while modernizing a website that had to serve two very different audiences: small-business owners seeking capital and financial partners submitting deals.

I led the UX strategy and information architecture. I reframed the site around customer intent rather than internal business lines, then translated that strategy into the complete sitemap, a new navigation system, the homepage flow, and wireframes for every templated page type. The architecture and UX direction carried into the launched redesign.

Role
Senior Experience Designer
Duration
Approximately one month of active UX work, plus content-entry support near launch
Focus
UX strategy · information architecture · navigation · homepage strategy · wireframing
Outcome
Architecture and UX direction implemented in the launched redesign

Many products, one decision surface

Industries, use cases, financing products and a guided route for the undecided, held inside one navigation hierarchy.

Crop of the launched menu panel: an all industries column, a financing options column, and a panel inviting visitors who are unsure where to start to compare loan options.
Launched experience  ·  UX architecture carried forward The visual design was completed collaboratively by the UI designer; my contribution was the navigation architecture, content hierarchy, and UX direction.

The 60-second version

The problem
A small-business lender needed to bring a separately branded retail experience into one website without confusing small-business owners and financial partners with very different goals.
I owned
Stakeholder discovery, heuristic evaluation, competitive research, UX strategy, complete sitemap, homepage content strategy, navigation system, and wireframes for every templated page type.
The pivotal decision
Organize financing around how customers actually seek it: by industry, business need, or known product, while giving financial partners their own faster task-oriented route.
What changed
The proposed architecture and UX direction carried into the launched redesign, creating a more scalable foundation for products, industries, resources, conversion journeys, and future campaigns.

My scope

I owned

  • Stakeholder-interview participation
  • Heuristic evaluation
  • Competitive research
  • UX strategy
  • Information architecture
  • Complete sitemap
  • Homepage strategy and content flow
  • Primary navigation and mega-menu system
  • Wireframes for all templated page types
  • UX rationale and handoff
  • Content-entry support near launch

Collaborators

  • UI designer
  • Creative lead
  • Content strategy
  • SEO
  • Demand generation
  • Client product stakeholders
  • Client engineering stakeholders

Authorship boundary

I owned the UX architecture and wireframes. The UI designer translated the approved UX direction into the final visual system, so launched screens on this page are labelled as the launched experience rather than my visual design.

The redesign problem was really an architecture problem

The company funds small and midsize businesses through direct lending and through a network of brokers and other financial partners. Its retail lending business ran on a separate brand and website, and that experience was being folded into the primary brand.

Small-business owners usually start with a need: covering payroll, buying equipment, managing seasonality, funding a remodel. Partners arrive with far more domain knowledge and a different set of tasks, such as submitting a deal, reviewing program information, or reaching a portal.

The existing experience reflected the company's internal structure more clearly than its customers' mental models. Combining the content without a new organizing model would have produced two businesses stitched together.

Before  ·  two separate experiences

Experience A  ·  direct retail lending

Product-first navigation. Financing options compete for attention on the homepage.

Capture of the direct retail lending site: a photographic hero with a headline about small business and big plans, a single row of top navigation, and three side-by-side financing product cards for a term loan, a line of credit, and a flexible payment option.

Experience B  ·  primary brand, partner ecosystem

Attribute-first navigation. A partner call to action sits in the hero, ahead of borrower tasks.

Capture of the primary brand site: a photographic hero about fueling the growth of small business with a partner call to action, a utility navigation bar with a login, and a value proposition band of four attribute tiles.
  • {{ item }}

The challenge wasn't making two sites look alike. It was finding one organizing model that could serve both.

Captures of the two live sites at project start. Shown once, as the starting condition rather than a visual comparison.
The reconciliation  ·  recreated from the two-site material

Experience A

Direct retail lending

A separately branded site speaking to business owners in product language, with its own navigation, campaigns, and conversion paths.

Experience B

Primary brand, partner ecosystem

The parent site built around brokers, referral partners, and program information, where borrower content sat second.

One future experience

A shared system with intentional routing

One brand, one hierarchy, and deliberate moments where each audience is pointed toward the route meant for it.

Recreated from the supplied current-state material, which is internal and client-identifying. The point is the fragmentation, not every page in either site.

The architecture changed when I stopped asking customers to speak lender

The company needed to expose the breadth of its offering without asking visitors to understand its internal lending taxonomy first. That produced the principle the whole structure follows.

Let people enter through the language they know, then help them understand the product that fits.

  1. {{ mode.knows }}

    {{ mode.route }}

Four entry points, one hierarchy. Nobody has to translate a business problem into a financial product name before the site can help.

02 / Decision

Two audiences needed intentional routes, not two separate websites

Borrowers often need orientation, comparison, proof, and industry relevance before they are ready to apply. Partners arrive task-oriented. Treating them as one generic audience would create ambiguity; splitting them into disconnected sites would undo the consolidation.

Route A

Small business

  1. Discover
  2. Compare
  3. Understand
  4. Apply

Route B

Financial partner

  1. Identify the program
  2. Submit or refer a deal
  3. Register
  4. Reach the portal and resources

Both routes rejoin under one shared brand system, navigation, and page architecture.

Diagram recreated from my documented architecture. The launched partner menu is internal material and is not reproduced here.

03 / Decision

The homepage had to route, reassure, and then educate

The homepage could not be a catalog of everything the company offered. I gave each stretch of the page one job in the decision journey, so the highest-value actions stayed visible while borrowers who needed orientation first could still get it.

  1. {{ stage.label }}

    {{ stage.note }}

Crop of the launched homepage top: primary navigation, a positioning line, and a headline about where business owners find more than funding.
Launched experience  ·  stage 01 and 02 Route and position. Audience navigation and the brand promise arrive before any product detail. Sanitized for confidentiality.
Crop of the launched homepage customer evidence section, headed celebrating the wins of hardworking business owners, with a link to more success stories.
Launched experience  ·  stage 05 Reduce uncertainty. Customer evidence sits on the path between orientation and application. Quotes are omitted here for confidentiality.
Crop of the launched homepage financing section, headed find the funding that fits your business, with an expanded term loans panel above a list of other financing options including a line of credit, bridge loans, equipment financing, invoice factoring, and expansion capital.
Launched experience  ·  stage 03 Help the visitor choose. One financing option stays expanded while the rest of the set remains visible, so a borrower can compare without leaving the page. Introductory copy naming the company is omitted here.

I placed the loan calculator after the primary decision and orientation points rather than at the top of the page. Useful interactive tools should support a decision without pulling attention from visitors who are already ready to act.

Full-page view of the launched homepage at reduced scale, running from the hero and audience orientation through customer evidence, a financing options list, business goals, industries, partner content, reviews, articles, and a closing call to action.
Launched experience  ·  UX architecture carried forward The full launched homepage, showing how the architecture extended from orientation through proof, product discovery, education, and conversion. Shown at a scale meant for breadth rather than reading. The stage order I set in the wireframes holds across the shipped page: route and position first, then the reasons to trust the lender, then the options, then education, then the application. Not every module shipped exactly as wireframed, and the final visual design was produced with the UI designer from the approved UX direction. Visit the live site

“This refresh is more than a new look. It’s a reflection of who we are today and where we’re headed. Our new brand and website better represent [the company] as a modern, forward-thinking lender that’s continually investing in smarter technology and better experiences for our partners and the small businesses they serve.”

President and CEO, small-business lending company

“Our brand should work as hard as our technology does. This new website and application create a stronger foundation for what’s coming next; from deeper platform capabilities to new features designed to support sustainable growth for our partners and borrowers alike.”

EVP of Production, small-business lending company

The sitemap became a shared model the rest of the team could build from

Two experiences became four top-level territories, each with a clear owner in the business and a clear job for the visitor. The structure is deliberately shallow so products, industries, and resources can be added without renegotiating the navigation.

  • {{ branch.label }}

    • {{ child }}
Crop of my sitemap showing the Small Business Loans branch: child nodes for payroll and seasonality, expansion and remodel, equipment purchase or upgrade, inventory and supplies, and compare loan options, with an apply form node beneath the parent.
My artifact  ·  complete information architecture One branch of the sitemap I delivered, at a scale where the node labels stay readable. Use cases, the guided comparison route, and the conversion form all sit at the depth a visitor reaches them. Open the full sitemap

The architecture had to scale beyond the homepage

I wireframed every templated page type in the redesigned site. Three of them carry the system: an industry page, a product page, and the discovery page where undecided visitors compare options.

  • {{ tpl.alt }}
    {{ tpl.kicker }} {{ tpl.label }} {{ tpl.note }}

One architecture reusable page types implementation the team could extend

The system also had to hold together at interaction level

The loan calculator is the one place on the site where a visitor manipulates the product directly. Amount, term, frequency, and estimated payment all have to stay understandable together, on a phone as much as on a desktop.

My calculator wireframe: a loan amount field with a slider, term length options, payment frequency options, an eligibility button, and an estimated payment panel to the right.
My artifact  ·  calculator wireframe Inputs grouped by decision, with the estimated payment held beside them rather than below the fold, and the eligibility step kept separate from the estimate.
Launched calculator on a phone: loan amount, slider, term length, and a sticky estimated payment bar pinned to the bottom of the screen.
Launched experience  ·  mobile On mobile the estimate stays pinned while the inputs scroll, so the number a visitor is trying to change is never off screen.

The architecture became the foundation of the launched redesign

  • The architecture and UX direction were implemented in the launched redesign
  • The direct and partner experiences were brought into one shared system
  • The structure supported product, industry, resource, and conversion journeys
  • Client response to the launch was strongly positive
Crop of the launched desktop calculator showing the loan amount field, slider, term length options, and the estimated weekly payment panel.
Launched experience  ·  UX architecture carried forward The shipped calculator keeps the wireframe's grouping and the estimate held alongside the inputs. Visual design was completed collaboratively by the UI designer.

Client response

Client leadership responded enthusiastically to the launched experience, with internal launch feedback describing it as elegant, fast, and modern.

Evidence boundary

  • No verified post-launch conversion, SEO, lead-quality, or application-completion metrics are available.
  • The strongest supported implementation outcome is that my architecture and UX direction carried into the launched redesign and received strong client feedback.
  • Qualitative launch feedback is not measured product impact, and not every final screen reproduced each wireframe exactly.
  • The client is not named here. Project imagery appears as it was designed and built.

I would measure whether the new structure helped people choose the right path

With post-launch access, these are the questions I would put to the data. None of this has happened yet.

  • Correct-path selection between borrower and partner audiences
  • Navigation engagement by industry, use case, and financing type
  • Starts and completions for borrower conversion flows
  • Starts and completions for partner flows
  • Guided comparison usage among undecided visitors
  • Qualified-lead rate by landing path and acquisition source
  • Search behavior and failed-navigation patterns

I would pair the analytics with moderated usability testing to learn whether small-business owners understood the differences among financing options, and whether partners could reach high-frequency tasks without detours.

Information architecture is business strategy made visible

The hardest part was not arranging links or modules. It was deciding how a company with multiple business models should present itself to people who do not share its internal vocabulary.

By grounding the structure in customer intent, I created a system that supported immediate conversion needs and a broader organizational consolidation at the same time.

Working through a similar kind of complexity?

I’m interested in senior UX roles where research and design shape consequential product decisions.

Next: Reframing property search to capture more renter intent  ·  National single-family rental platform  ·  UX strategy  ·  moved into development