Simplifying Business Funding Applications

My 18-Month UX rollercoaster contributing to an exceptional 3.9x company boom!

The information provided in this case study represents my own views and may not necessarily represent the opinions of YouLend.

Simplifying Business Funding Applications

My 18-Month UX rollercoaster contributing to an exceptional 3.9x company boom!

The information provided in this case study represents my own views and may not necessarily represent the opinions of YouLend.

Simplifying Business Funding Applications

My 18-Month UX rollercoaster contributing to an exceptional 3.9x company boom!

The information provided in this case study represents my own views and may not necessarily represent the opinions of YouLend.

Simplifying Business Funding Applications

My 18-Month UX rollercoaster contributing to an exceptional 3.9x company boom!

The information provided in this case study represents my own views and may not necessarily represent the opinions of YouLend.

Image of YouLend landing page.
YouLend logo.
YouLend logo.

Project brief

YouLend, a fintech innovator, uses cutting-edge tech to provide business loans to small and medium enterprises

YouLend started in 2016 as a 7-employee company operating solely in the UK market. Over the next years, it grew exponentially, reaching over 300 employees and expanding its operations to the entire UK, Europe, and the US.

Known as a top embedded financing provider, YouLend operates through major e-commerce and payment giants like Amazon, eBay, Shopify, JustEat, Booking.com, Stripe, Dojo and more.

Client

YouLend

Project timeline

Feb 22 — Oct 23

My Role

Lead Product Designer

My Contribution

User Research, User Testing, Product strategy, Information architecture, User Flows, Visual Design, Interaction Design, Prototypes, Design specifications, Quality assurance

Contributors

Product & Scrums, Customer Success, Sales Team, Data Team

Platform

Web, Angular

Client

YouLend

Project timeline

Feb 22 — Oct 23

My Role

Lead Product Designer

My Contribution

User Research, User Testing, Product strategy, Information architecture, User Flows, Visual Design, Interaction Design, Prototypes, Design specifications, Quality assurance

Contributors

Product & Scrums, Customer Success, Sales Team, Data Team

Platform

Web, Angular

Client

YouLend

Project timeline

Feb 22 — Oct 23

My Role

Lead Product Designer

My Contribution

User Research, User Testing, Product strategy, Information architecture, User Flows, Visual Design, Interaction Design, Prototypes, Design specifications, Quality assurance

Contributors

Product & Scrums, Customer Success, Sales Team, Data Team

Platform

Web, Angular

Client

YouLend

Project timeline

Feb 22 — Oct 23

My Role

Lead Product Designer

My Contribution

User Research, User Testing, Product strategy, Information architecture, User Flows, Visual Design, Interaction Design, Prototypes, Design specifications, Quality assurance

Contributors

Product & Scrums, Customer Success, Sales Team, Data Team

Platform

Web, Angular

The challenge

When I joined Youlend, it was a thriving company, but its UX required significant improvement to stay ahead of the competition

The online application struggled to keep pace with the company's rapid growth. Originally built in 2016, it served YouLend well in its early years but was becoming outdated.

To remain competitive, we needed to improve our connection with users' realities and gain a deeper understanding of our customers' needs by directly reaching out and connecting with them.

High-level goals

1

Establish Trust

Create a trustworthy connection while helping users get what they need.

2

Simplify and Clarify

Make it easy and clear for everyone.

3

Build a strong UX foundation

Develop a UX framework that supports a rapidly evolving business and a diverse user base.

1

Establish Trust

Create a trustworthy connection while helping users get what they need.

2

Simplify and Clarify

Make it easy and clear for everyone.

3

Build a strong UX foundation

Develop a UX framework that supports a rapidly evolving business and a diverse user base.

1

Establish Trust

Create a trustworthy connection while helping users get what they need.

2

Simplify and Clarify

Make it easy and clear for everyone.

3

Build a strong UX foundation

Develop a UX framework that supports a rapidly evolving business and a diverse user base.

1

Establish Trust

Create a trustworthy connection while helping users get what they need.

2

Simplify and Clarify

Make it easy and clear for everyone.

3

Build a strong UX foundation

Develop a UX framework that supports a rapidly evolving business and a diverse user base.

My role

My main focus was
on increasing acquisitions

My main focus was on increasing acquisitions

I led the design and research for a variety of initiatives directly related to increasing acquisition and reducing operational costs between February 2022 and October 2023. This encompassed all steps in the application process, from signups and submitting the online application to signing the contract.

Alongside handling diverse design projects, I had to persuade peers and stakeholders to adopt new methodologies and autonomously expand and manage the design team.

Impact

We boosted the average NPS, improved conversion rates and reduced operational costs

We boosted the average NPS, improved conversion
rates and reduced operational costs

We boosted the average NPS,
improved conversion rates and
reduced operational costs

After 18 months of rolling out different interventions, we increased nearly 1 point in customer satisfaction within the activation funnel. The Mobile NPS saw a nearly 2-point improvement, credited to design and accessibility enhancements in the mobile application form.

Comparing data from Q2-22 to Q3-23, we observed an overall uplift in final conversions. Our analysis suggests that part of this uplift resulted from filtering out disinterested customers directly at the landing page, with an additional uplift attributed to various improvements, including UX enhancements.

These achievements were the fruit of collaborative efforts across various functions, leading to our recognition as winners of the Best Customer Facing Experience at the Pay360 Awards.

UX & Design Foundations
improved from 0 to 1

UX & Design Foundations improved from 0 to 1

I secured a budget for user research, defined initial customer segments, introduced a mobile-first approach, accessibility practices, and implemented design workflow processes and a robust design system in Figma. I also oversaw the growth and management of the design team.

Story — 01

Boosting Submissions

How skimming leads elevated application submission rates

Story — 01

Boosting Submissions

How skimming leads elevated application submission rates

Demonstrating the complete transformation of the YouLend landing page from 2019 to 2024.

Evolution of the landing experience from 2019 — 2024.

Evolution of the landing experience from 2019 — 2024.

Problem

Many customers were dropping off immediately after landing

Our customers were required to complete an online application for funding, but a significant number were dropping off after reaching the signup page, resulting in very low conversion rates compared to industrial standards.

This data negatively impacted our partners' expectations, as they aimed to maximise the results of their marketing efforts into more final conversions.

Image of the signup screen, featuring a headline that reads, 'We approve a customer every 10 minutes,' followed by a brief body copy and a signup form with fields for name, mobile number, email, and password creation.

The signup screen was what customers saw when they landed on YouLend's online application.

The signup screen was what customers saw when they landed on YouLend's online application.

The infographic highlights that the main critical points causing abandonment in the activation funnel were primarily at the landing page and, to a lesser extent, during the financial information phase.
The infographic highlights that the main critical points causing abandonment in the activation funnel were primarily at the landing page and, to a lesser extent, during the financial information phase.

Infographic comparing drop-off rates at each step of the application process.

Infographic comparing drop-off rates at each step of the application process.

First iteration

Implementing OAuth and reducing requirements

Improving signup conversion rate became my top priority. However, lacking a user research budget made understanding why users were leaving challenging.

To begin addressing this, we studied best signup practices. We identified two potential quick changes to improve signup rates: implementing third-party OAuth and reducing signup efforts by removing two required fields, such as the phone number and password. However, we didn’t observe any significant uplift.

Comparing the original signup page with the updated version, which includes a third-party OAuth signup option and fewer input fields.

On the left is the original signup screen; on the right is the improved page.

On the left is the original signup screen; on the right is the improved page.

Why were many users still leaving?

Our customers arrived at the application process after clicking our partners' marketing material, indicating interest rather than casual browsing. My main focus was to understand why interested users were abandoning the process early.

Insights from user research

Users weren’t ready to commit yet

Securing the budget for testing, I conducted usability tests and interviews with potential customers.

We conducted usability testing on the existing landing experience with 7 participants. Our objective was to comprehend users' sentiment upon landing, their general preferences and habits, and to identify opportunities to assist them in the process.

These insights provided valuable information and uncovered a crucial oversight: users were hesitant to commit to an application without sufficient information.

  • 😕

    "I would appreciate to get more details about what they can offer before giving all my details."

    Katarzyna

  • 🤔

    “I would actually expected to instead of landing on a signup page first to go through the general information... I would expect to land on a page which says I know your total revenue how much you want...”

    Alaa B.

  • 😒

    "It's also a little bit strange that it's asking you to register for an account straight away and I think you have to do that before you can even see what's on offer."

    Sam L.

  • 😕

    "I would appreciate to get more details about what they can offer before giving all my details."

    Katarzyna

  • 🤔

    “I would actually expected to instead of landing on a signup page first to go through the general information... I would expect to land on a page which says I know your total revenue how much you want...”

    Alaa B.

  • 😒

    "It's also a little bit strange that it's asking you to register for an account straight away and I think you have to do that before you can even see what's on offer."

    Sam L.

Quotes from Q3 2022 usability test.

Quotes from Q3 2022 usability test.

The lack of information provided at the landing stage made some users sceptical

Users wanted to have an idea of the details of a potential offer. They also desired insights into how the repayment process works, information about the company, details about personal guarantees, credit checks involved, and various other factors.

Reframing the problem

We made assumptions without fully considering all aspects

Previously at YouLend, it was commonly believed that if a customer landed on the application form, they were prepared to move forward.

However, this assumption was proven inaccurate, Indeed our customers were at various decision-making stages, from actively seeking loans to merely gathering information. They came from numerous entry points managed by our partners, resulting in varying levels of initial information.

Diagram showcasing some of the hundreds of different entry points.
Diagram showcasing some of the hundreds of different entry points.

At the time, YouLend had hundreds of partners promoting our offering in various ways. It was challenging to access and keep track of every campaign.

At the time, YouLend had hundreds of partners promoting our offering in various ways. It was challenging to access and keep track of every campaign.

Limited access to the various initial touchpoints

Tackling this issue was challenging due to the limited access to partner-driven touchpoints.

Our numerous partners, including eBay, Dojo, and Booking.com, directly targeted their sellers with their own campaigns promoting the YouLend offering. This made it difficult to oversee the initial conversation and information provided before landing on the signup page.

"How can we ensure everyone has the essential information to decide?"

Providing more information, even if redundant, at that stage was crucial. Our proposal was simple: implement a richer landing experience to provide all essential information about our product and offering before asking to signup.

 Diagram showcasing some of the hundreds of different entry points, with a new step labeled "landing page" added between the entry points and the signup step.
 Diagram showcasing some of the hundreds of different entry points, with a new step labeled "landing page" added between the entry points and the signup step.

Instead of directing users straight to the signup form, we proposed having a landing page first.

Instead of directing users straight to the signup form, we proposed having a landing page first.

The new landing experience

A richer experience that provides essential information

The new page functions as a traditional landing page, ensuring that customers who didn’t receive enough information before landing will find what they need here. The signup form will only become visible when they decide to proceed.

New landing experience, featuring the mobile version in the foreground and the desktop version faded into the background.
Desktop version of the new landing page, showcasing the initial section "above the fold." This area includes a headline, a slider calculator, three key product features, and images of smiling small business entrepreneurs below.
Desktop version of the new landing page, showcasing the initial section "above the fold." This area includes a headline, a slider calculator, three key product features, and images of smiling small business entrepreneurs below.
Mobile version of the new landing page displaying the "above the fold" area, which features the headline "Business funding provided for SumUp partners" and a calculator.
Pictures of smallbusiness enterpreneurs smiling.
Pictures of smallbusiness enterpreneurs smiling.
New landing page with the signup form displayed in an activated dialog box above.
New landing page with the signup form displayed in an activated dialog box above.
Detail of one infographic featured in the new landing experience, illustrating the portion of sales allocated toward repayments.
Detail of one infographic featured in the new landing experience, illustrating the portion of sales allocated toward repayments.

Loan offer simulator

Showing our offerings
through simulation

We upgraded the landing experience by adding a loan offer simulator prominently at the top of the page. This allowed users to interact with it immediately, giving them a better grasp of costs, total amount they could get and repayment options.

 The offer simulation includes two sliders: one to select monthly business revenue and another to choose the duration the business has been operating. By inputting these two values, the calculator estimates the maximum loan amount available.
 The offer simulation includes two sliders: one to select monthly business revenue and another to choose the duration the business has been operating. By inputting these two values, the calculator estimates the maximum loan amount available.

The loan offer simulator component.

The loan offer simulator component.

Social proof

Providing transparency by
amplifying customer feedback

Building trust with customers is always a challenge but building it when borrowing money is involved is a whole other dimension.

Our discovery test confirmed trust and security as critical concerns. Building trust was crucial. We added prominent Trustpilot widgets and a testimonials section. Usability tests and interviews showed the importance of customers accessing others' experiences and opinions.

Detail of the Trustpilot badge located at the top of the page, positioned above the header.
Detail of the Trustpilot badge located at the top of the page, positioned above the header.
 Section of the landing page titled "We Support Businesses Like Yours," featuring two testimonial quotes with accompanying pictures and an embedded Trustpilot widget displaying positive reviews.
 Section of the landing page titled "We Support Businesses Like Yours," featuring two testimonial quotes with accompanying pictures and an embedded Trustpilot widget displaying positive reviews.

More inclusive

Enhance clarity for everyone

I utilised illustrations and infographics, alongside refined copy, to emphasise key points and prevent cognitive overload.

Visuals simplify complex concepts and convey messages clearly, enhancing user engagement and experience. For instance, illustrations were used to demonstrate the speed and simplicity of the YouLend application process.

Section of the landing page outlining the application steps, featuring four illustrated cards: 1) Apply Online, 2) Choose Your Offer, 3) Sign Your Contract, and 4) Access Your Funds.
Section of the landing page outlining the application steps, featuring four illustrated cards: 1) Apply Online, 2) Choose Your Offer, 3) Sign Your Contract, and 4) Access Your Funds.

How does it work section with illustrations.

How does it work section with illustrations.

We highlighted key unique selling points: high approval rate, swift fund access, and fixed costs, which were appealing features.

 Section of the landing page highlighting three key features: 9/10 high approval rate, 24-hour swift access, and 0% interest.
 Section of the landing page highlighting three key features: 9/10 high approval rate, 24-hour swift access, and 0% interest.

3 important unique selling points just below the hero section.

3 important unique selling points just below the hero section.

A new help and support block was developed using an AngularJS accordion-ready component. This FAQ section acts as a central hub for hosting important information and allows for flexible future additions.

How we got there

Refinement, test, analyse and repeat

 Wireframe of the landing page with labeled sections highlighting different areas.
 Wireframe of the landing page with labeled sections highlighting different areas.

Study of the New Landing Experience — Mobile first.

Study of the New Landing Experience — Mobile first.

The initial version of the landing experience was quite different. The loan offer simulator only calculated the maximum amount, the headline and the branding strategy was different, social proof was less prominent, and there were many other distinct aspects.

Early version of the landing page featuring a different headline, "We approve a customer every 4 minutes," and fewer features.

Early version of the landing experience.

Early version of the landing experience.

We underwent several iteration cycles to reach the final version. However, even in the early stages of qualitative testing, we observed a significant improvement compared to the original "straight to signup" experience.

  • 😏

    "The website looks very professional and credible and I felt reassured and confident that I would be treated fairly and the whole process would go smoothly."

    Sean C.

  • 😊

    "I like the structure and the way information is presented. It was very engaging and nicely presented."

    Zahid K.

  • 🙂

    "It's quite an easy process and I like the fact that re-payments it just so what your business is doing at the time, which is nice…"

    Gemma C.

  • 😏

    "The website looks very professional and credible and I felt reassured and confident that I would be treated fairly and the whole process would go smoothly."

    Sean C.

  • 😊

    "I like the structure and the way information is presented. It was very engaging and nicely presented."

    Zahid K.

  • 🙂

    "It's quite an easy process and I like the fact that re-payments it just so what your business is doing at the time, which is nice…"

    Gemma C.

Deeper insights

The first AB test didn’t show us the uplift we were hoping for

When we tested the early versions of the landing page, we were focusing on sign-up conversions as the main metric for comparison between the control version and the new variant. With the experience completely revamped, I anticipated a significant difference.

Unfortunately, the AB test was inconclusive. We didn’t have enough power to see a significant different. However, despite the variant having fewer sign-ups compared to the original, surprisingly, it performed better in generating applications submitted further down the line.

New hypothesis

Skimming leads

Analysing the trend that emerged from the experiment, we began discussing a new realisation. Providing more information upfront allows us to filter out less interested individuals early in the process. This includes customer segments who prefer traditional methods of loan repayment or those with access to better deals elsewhere.

User flow diagram illustrating how the new landing page functions as a filter, generating leads that are more likely to complete the process and submit their application.

As a result, we had a higher probability of attracting serious applicants who were more likely to complete the process. This approach could also save time and effort for customers who probably wouldn't be interested anyway, while also saving time and money for YouLend.

Despite the experiment did not show the expected results, we were confident in implementing the new experience anyway, as it did not perform worse than the original and because it brought a variety of general improvements to the experience.

Narrowing user needs

Users were starting applications just to view interest rates and repayment options

We also gained insights from an internal survey to our customer support team, which wasn't directly related to this project.

One of the questions focused on why customers were dropping out of the application process. The results revealed an interesting trend: many users weren't actually interested in applying. It appeared they were initiating applications primarily to gather more information, particularly to view the costs involved and the repayment options, rather than with the intent to complete them.

Interest rates and how repayment works were primarily what customers sought at this stage

Refining the challenge

New findings led to crucial design questions:

“How can we display interest rates before they apply?”

YouLend's fees, calculated based on risk, were only determined after reviewing an application. Stakeholders were concerned about disclosing medium to high-interest rates upfront, while basing simulations on the lowest rates risked upsetting customers.

It was a trade-off between higher signup volume with lower end-funnel satisfaction or higher satisfaction with lower signups.

Transparency over performance

After a back-and-forth session with the Legal team, we agreed to advertise the best rates while clearly stating that the final offer would only be provided after applying and prominently displaying the interest rate range. We also committed to monitoring customer satisfaction when presenting offers.

UI details highlighting the copy: "The calculation above is an indication. Apply to calculate your offer. (Fixed fees from 3% to 12%)."
UI details highlighting the copy: "The calculation above is an indication. Apply to calculate your offer. (Fixed fees from 3% to 12%)."
UI details highlighting the copy: "No interest, only a one-time fee spread across paymets. (Fixed fees from 3% to 12%)" and "*You'd need to apply to confirm this offer."
UI details highlighting the copy: "No interest, only a one-time fee spread across paymets. (Fixed fees from 3% to 12%)" and "*You'd need to apply to confirm this offer."

"How can we simplify repayments to make them easily understandable for everyone?"

A segment of our customers struggled to understand how our repayment system worked on their own. Insights from our customer service revealed significant "AHA!" moments when operators explained the concept and benefits of our revenue-based solution over the phone.

If we could find a way to make this concept self-explanatory for more users and generate additional "AHA!" moments at landing, we believed it could improve conversions and reducing the time and cost associated with customer support.

We upgraded the
loan offer simulation

Instead of simply calculating the maximum loan amount, the new and improved loan offer simulator provided users with a comprehensive understanding of costs, the total loan amount they could obtain, and repayment options. It allowed them to experience the full journey directly on the landing page.

Offer simulator user flow:  1-Loan Amount Calculation: The user inputs their information to calculate the estimated loan amount. 2-Funding Selection and Repayment Plan: The customer chooses the exact funding amount they need within the previously calculated range and selects a repayment plan. 3-Review and Application: The user reviews the potential offer and initiates the application process by clicking "Apply Now."
Offer simulator user flow:  1-Loan Amount Calculation: The user inputs their information to calculate the estimated loan amount. 2-Funding Selection and Repayment Plan: The customer chooses the exact funding amount they need within the previously calculated range and selects a repayment plan. 3-Review and Application: The user reviews the potential offer and initiates the application process by clicking "Apply Now."

The improved loan offer simulator component had three steps: a loan amount calculator, a repayment plan selection, and a review step.

The improved loan offer simulator component had three steps: a loan amount calculator, a repayment plan selection, and a review step.

During our tests, we often observed participants interacting with the UI and tools to gather information. For instance, if asked about the fees for a larger advance, they would use the calculator instead of doing the math themselves.

The simulation proved most effective, allowing users to interact with the "offer selection" experience directly from the landing page.

Segmented information into chunks and added infographics

Insights from tests, interviews, and customer support feedback helped us optimize our repayment explanations. When explaining complex concepts to users without a finance background, it was crucial to reduce cognitive overload. Therefore, we broke down the explanations into smaller, more digestible chunks, presenting one concept at a time.

First, we explained the "sweep," which is the variable portion of income that automatically goes toward repaying the loan. Next, we demonstrated the flexibility of the repayment system spread over a longer period. We used animated and interactive infographics to clarify complex concepts and familiar terms, such as "repay through your future sales," and employed simpler language overall.

Detail of the new landing page highlighting the section that explains repayments in depth. Titled "Repay Through Your Future Sales," this section features two infographic areas. The first infographic illustrates how a portion of future sales will be allocated to repay the amount owed. The second infographic demonstrates the flexibility of the repayment system over several months.
Detail of the new landing page highlighting the section that explains repayments in depth. Titled "Repay Through Your Future Sales," this section features two infographic areas. The first infographic illustrates how a portion of future sales will be allocated to repay the amount owed. The second infographic demonstrates the flexibility of the repayment system over several months.

The section dedicated to explain repayments.

The section dedicated to explain repayments.

Internal disagreement

Due to prioritisation of other projects, it took about three months to estimate benefits, assess feasibility, and present the initiative convincingly. With support from key partners' UX teams, the initiative was developed and launched via an AB experiment with Optimize.

Outcome and conclusions

Uplift in submissions

The new version outperformed the original in submission rates, showing a significant improvement and potentially generating an additional £6.5 million in funding per year. However, signup numbers remained below industry standards, indicating room for further enhancement in this area.

£15k saved x year

Moreover, by filtering out customers on the landing page, we saved approximately £15k in technical and operational costs for applications.

Elevated YouLend's professionalism

The enhanced experience and designs elevated YouLend's professionalism, increasing our attractiveness as a strategic partner in the eyes of key lead generators. This ultimately led to the successful closing of significant partnerships with major companies such as Amazon, Booking.com, Etsy, Stripe, Glovo and many more.

Improved collaboration

This project also provided us with the chance to delve into the core foundations of the product, bringing design and front-end teams closer together. In addition to kickstarting ongoing discussions about a shared view of Angular components, this project allowed us to implement a more robust layout system that is easy to modify, replicate. The new landing experience seamlessly integrates with every partner's brand colour variables, both for new and current partners. We meticulously studied the colour system to ensure sufficient contrast and compliance with WCAG regulations at all times

There was much more to do…

There was much more to do as we still didn’t know why signup rates were underperforming. Categorising all different entry points and diving deeper into individual partner data was fundamental.

Story — 02

Revolutionising Offer Delivery

We slashed 1.2FTE in Sales and boosted final conversions.

Story — 02

Revolutionising Offer Delivery

We slashed 1.2FTE in Sales and boosted final conversions.

 The new select offer experience, highlighting the three main steps: customize, review, and confirm.
 The new select offer experience, highlighting the three main steps: customize, review, and confirm.

Context

A critical area of the acquisition funnel involved the stage after users submitted their applications the “Select Offer Experience”

After submission, YouLend evaluates the application and makes a decision. If accepted, YouLend provides three offers for the user to choose from.

A final conversion occurs when a YouLend offer is accepted by the customer.

The old experience, featuring a single page with two cards, each showcasing an offer.
The old experience, featuring a single page with two cards, each showcasing an offer.

The original "select offer" screen.

The original "select offer" screen.

Problems

YouLend's final conversion rate in Q2 2022 was much lower than expected

Stakeholders prioritised this area because conversions were below industry standards, with many customers taking no action or declining after being approved. While the industry standard for offer acceptance was around 80%, YouLend's conversion rate in Q2 2022 was significantly lower.

Many customers who accepted offers initially pushed back the first offer provided

A segment of approved customers reached out to YouLend after receiving the initial offer to negotiate fees and terms. Often, YouLend could generate a new offer if the negotiation fell within a certain range.

Each pushback required 8-10 minutes of our sales team’s time to discuss and create modified offers through our CRM system

Along with improving conversions, saving time and reducing costs were the most important aspects we aimed to address.

Hypothesis

Allowing customers to modify their offers independently

We initially thought that many customers who declined the offer wanted to negotiate but didn’t bother to reach out to YouLend by phone or email, perhaps due to a lack of confidence in negotiating. Numbers showed that a significant portion of conversions came from negotiated offers rather than the originally generated ones.

 User flow illustrating a significant drop rate occurring when receiving the first offer, while showing a smaller drop rate when generating the second negotiated offer.
 User flow illustrating a significant drop rate occurring when receiving the first offer, while showing a smaller drop rate when generating the second negotiated offer.

Significant drop rate occurring when receiving the first offer.

Significant drop rate occurring when receiving the first offer.

Allowing customers to interact with a flexible offer and providing options at this stage was a certain upgrade to reduce manual intervention in pushbacks. By adding flexibility to our product and allowing customers to modify their offers independently, we also believed this would address the low conversion rate.

Deeper Analysis

When I joined the team, I wasn’t convinced this intervention alone would solve the conversion problem.

We only looked at data from leads that ended up accepting an offer

I wasn’t convinced because we only analysed data from leads that accepted an offer. Gathering similar data for leads that didn’t accept an offer was challenging at the time. However, to get a complete picture, we needed to understand how many users declined an offer in the YouLend range, which couldn't be resolved with flexible offers. I worried we were focusing entirely on one initiative without considering other hidden issues.

Eventually I was able to get everyone back to the drawing board for a review.

 Diagram indicating that we lacked the necessary data to construct a better understanding of the problem.
 Diagram indicating that we lacked the necessary data to construct a better understanding of the problem.

We lacked the necessary data to construct a better understanding of the problem.

We lacked the necessary data to construct a better understanding of the problem.

In-depth data analysis revealed that pushbacks might not be the key factor in users declining offers

Additionally, traffic volumes suggested that the proposed intervention alone couldn’t address the significant drop in conversions. Apparently, something else was affecting conversions.

Further investigation

We needed to investigate further to avoid wasting time and effort later by focusing on a solution without a clear understanding of the problem

We decided to employ four different methods to assess the situation, identify major issues affecting conversion rates, and gather evidence to determine if the proposed solution was effective.

01 — Live Feedback

We implemented a feature that allows customers to discuss their options without needing to call us

This was a quick intervention by using Hotjar.

UI detail featuring the newly added "feedback box." The box title is: "Offer not right for you? Tell us what you need and we'll see if we can make an offer that works for you."
UI detail featuring the newly added "feedback box." The box title is: "Offer not right for you? Tell us what you need and we'll see if we can make an offer that works for you."

The live feedback box was added directly below the offer cards.

The live feedback box was added directly below the offer cards.

When pressed, a dialog box appeared, allowing customers to select a topic they wanted to discuss: loan amount, fees, repayments, or other issues, with an optional text field for additional details.

By tapping on the "live feedback" box, a dialog box is activated, providing a selection of reasons and an option for a free text message.
By tapping on the "live feedback" box, a dialog box is activated, providing a selection of reasons and an option for a free text message.

By tapping on the "live feedback" box, a dialog box is activated, providing a selection of reasons and an option for a free text message.

By tapping on the "live feedback" box, a dialog box is activated, providing a selection of reasons and an option for a free text message.

By tracking this feature, we could understand which modification users wanted within our range or beyond what we could offer. Additionally, we could start reaching out to these users by phone to potentially offer them a better deal.

The live feedback confirmed a mix of pushback reasons, with a consistent percentage being within our range, reinforcing the validity of making offers flexible anyway

Many customers used the form to inquire about repayments, indicating uncertainty about how the repayment process worked. The live feedback also enabled us to promptly call back and engage with hesitant customers who might not have reached out to YouLend on their own.

  • 😩

    "I’m interested in the offer, but the repayment rate of 20% feels too high for my business"

    Customer feedback

  • 🤔

    "I’m unsure about the 15% of daily sales refers to and how it will impact my financials. I’d appreciate more clarity on this..."

    Customer feedback

  • 😯

    "The amount of money offered is more than I need."

    Customer feedback

  • 😩

    "I’m interested in the offer, but the repayment rate of 20% feels too high for my business"

    Customer feedback

  • 🤔

    "I’m unsure about the 15% of daily sales refers to and how it will impact my financials. I’d appreciate more clarity on this..."

    Customer feedback

  • 😯

    "The amount of money offered is more than I need."

    Customer feedback

02 — Marketing email analysis

Technical issues, emails being lost in spam folders, login problems, and ineffective email subjects might be impacting the accessibility of offers

When a customer was approved to access their offer, they needed to open an automatic email generated by our system, click the “Review offers” link, and log in. We hypothesised that some traffic might be lost during this part of the process, affecting conversions.

User flow highlighting the post-submission area of the journey, where we lacked a clear understanding of the drop rates.
User flow highlighting the post-submission area of the journey, where we lacked a clear understanding of the drop rates.

We needed to delve deeper into the email analytics to determine if that segment of the journey was causing any issues.

We needed to delve deeper into the email analytics to determine if that segment of the journey was causing any issues.

To investigate, we analysed data from our email marketing tool and found that a significant number of leads didn’t engage with the emails. We discovered that a large portion of approved emails did not generate any clicks, even though there were no major issues with open rates and logins.

We questioned why customers were opening the emails but not clicking to explore their offers. Lacking the ability to perform A/B testing on these emails, we began making weekly changes to the email content to gauge any effects.

We noticed a positive trend when we included some offer details directly in the emails

Although we are still unsure about the exact reason for this behaviour, we believe it might be related to motivation—customers who found our offering appealing were more likely to engage.

The new email includes the offer directly in the body.
The new email includes the offer directly in the body.

The new email includes the offer directly in the body.

The new email includes the offer directly in the body.

03 — Usability test

We also aimed to evaluate the current “Select Offer Experience” usability

To do this, we tested the existing experience. The unmoderated user tests focused on identifying usability issues, detecting missing crucial information, finding potential interventions to improve the customer experience, and evaluating the necessity of a flexible offer solution at this stage.

The experience had significant room for improvement in terms of usability, information clarity, and flexibility, which was also deemed useful

Bento infographic presenting the main insights from the usability test, including the need for flexible offers, improvements to the review step and thank you page, FAQs, estimation and additional figures, and greater clarity around repayments.
Bento infographic presenting the main insights from the usability test, including the need for flexible offers, improvements to the review step and thank you page, FAQs, estimation and additional figures, and greater clarity around repayments.

Number breakdown

Each offer card featured the total amount and total repayment, forcing customers to do the maths to understand the fees

This unnecessary complication made the experience less transparent. It seemed beneficial to clearly display the fee breakdown with the equivalent interest rate to help users evaluate the loan offers. Additionally, it was important to ensure customers were aware that there would be no extra costs applied to the loan.

UI highlight. The original offer included only the funding amount, total to repay, and repayment percentage.
UI highlight. The original offer included only the funding amount, total to repay, and repayment percentage.

The original offer format included only the funding amount, total to repay, and repayment percentage.

The original offer format included only the funding amount, total to repay, and repayment percentage.

  • 🙁

    “...I'm not seeing an actual interest rate here... ...actually telling me the interest rate might be useful.”

    Tom O.

  • 🤔

    “...I don't know percentage wise which is better. So I can think just with very basic maths in my head. I think offer three is actually the best in that what regard but it could do with telling you that what the total amounts repay is as a percentage of the funding amount. But because that information isn't there and I don't want to get my calculator out figure this out myself.”

    Tom O.

  • 😕

    “...I think it's really important to see interest rate. Just to say you can see what as a percentage, you can easily compare the options to one another”

    Akanke A.

  • 🙁

    “...I'm not seeing an actual interest rate here... ...actually telling me the interest rate might be useful.”

    Tom O.

  • 🤔

    “...I don't know percentage wise which is better. So I can think just with very basic maths in my head. I think offer three is actually the best in that what regard but it could do with telling you that what the total amounts repay is as a percentage of the funding amount. But because that information isn't there and I don't want to get my calculator out figure this out myself.”

    Tom O.

  • 😕

    “...I think it's really important to see interest rate. Just to say you can see what as a percentage, you can easily compare the options to one another”

    Akanke A.

Clarity Around Repayments

Participants expressed a need for more clarity regarding revenue-based repayments, particularly concerning shortfall scenarios and fluctuations in sales.

  • 😕

    "...how long to repay the loan from the first offer, this is where I have no idea whatsoever, because it's just saying 20% of your daily sales. "

    Paul D.

  • 🤔

    "...I don't see here is information about, you know what if the daily sales go low go down a lot and I'm not making those repayments. - But yeah, what if the sales stop coming in, I need some more information here."

    Tom O.

  • 🤨

    "...What I'm wanting is probably this may have come earlier on in the process but more of an explanation about how everything is going to work, and how the repayment of the 20% daily sales works, and so on and so forth."

    Paul D.

  • 😕

    "...how long to repay the loan from the first offer, this is where I have no idea whatsoever, because it's just saying 20% of your daily sales. "

    Paul D.

  • 🤔

    "...I don't see here is information about, you know what if the daily sales go low go down a lot and I'm not making those repayments. - But yeah, what if the sales stop coming in, I need some more information here."

    Tom O.

  • 🤨

    "...What I'm wanting is probably this may have come earlier on in the process but more of an explanation about how everything is going to work, and how the repayment of the 20% daily sales works, and so on and so forth."

    Paul D.

Missing Confirmation Step

Customers expected to see a confirmation step, with more information and a potential FAQ section and terms and conditions. The experience was perceived as too rushed and unclear.

 User flow illustrating the original experience: without a review offer step, customers were forced to accept their selected favorite offer without additional information.
 User flow illustrating the original experience: without a review offer step, customers were forced to accept their selected favorite offer without additional information.

The original experience did not allow customers to review their selection as expected.

The original experience did not allow customers to review their selection as expected.

  • 🙄

    "...So again, yeah, I mean to me that's gone through a lot quicker and taking it through. We need basically saying it's done and so I'm gonna hear about it when it's completed. It's almost too quick for me..."

    Katrina B.

  • 🫤

    "...Okay, so it says your application is complete. ...So I'm still not really seeing any terms and conditions there or links to, you know, key points. ...I was expecting maybe some final clarification before and clicking confirm because it's been the previous page was quite basic information as is this page...."

    Tom O.

  • 😑

    "...I would imagine I'd go through to another screen that would continue to give me more information. What that would be? I'm not sure at this stage. Hopefully would be further breakdown details about all of this and a bit more detail. I suppose really on the actual offer..."

    Paul D.

  • 🙄

    "...So again, yeah, I mean to me that's gone through a lot quicker and taking it through. We need basically saying it's done and so I'm gonna hear about it when it's completed. It's almost too quick for me..."

    Katrina B.

  • 🫤

    "...Okay, so it says your application is complete. ...So I'm still not really seeing any terms and conditions there or links to, you know, key points. ...I was expecting maybe some final clarification before and clicking confirm because it's been the previous page was quite basic information as is this page...."

    Tom O.

  • 😑

    "...I would imagine I'd go through to another screen that would continue to give me more information. What that would be? I'm not sure at this stage. Hopefully would be further breakdown details about all of this and a bit more detail. I suppose really on the actual offer..."

    Paul D.

Customization of Loan Amounts

Participants showed a clear expectation of being able to customise their loan amounts to meet their specific needs. This includes adjusting the total loan amount and having different repayment options.

  • 😐

    "...I would have somewhere where you could just put in and offer that you want. Like I want 4,000, I would prefer it if I could customise that."

    Ann B.

  • 😒

    "...it is a bit different to any kind of loan or lending and process I've gone through before with that scale of what you can borrow..."

    Ann B.

  • 😶

    "...it's not giving me an option to take a bespoke funding amount... I don't know if this is going to be tailored enough for me, and I would probably also look around to see if there would be an option with another provider to get the exact amount that I wanted."

    Mathias K.

  • 😐

    "...I would have somewhere where you could just put in and offer that you want. Like I want 4,000, I would prefer it if I could customise that."

    Ann B.

  • 😒

    "...it is a bit different to any kind of loan or lending and process I've gone through before with that scale of what you can borrow..."

    Ann B.

  • 😶

    "...it's not giving me an option to take a bespoke funding amount... I don't know if this is going to be tailored enough for me, and I would probably also look around to see if there would be an option with another provider to get the exact amount that I wanted."

    Mathias K.

04 — Interviews

We interviewed old customers that declined an offer

We interviewed nine leads who had previously declined an offer to understand their reasons more deeply. It was challenging to determine the reasons for declining from the CRM, as the available categories were too generic.

Out of 9 customers, 4 had access to better options elsewhere, while 2 felt that the fees were too high.
Out of 9 customers, 4 had access to better options elsewhere, while 2 felt that the fees were too high.

Results from the interviews indicated that former customers who declined the offer were likely to drop off regardless of customization options, as their reasons for leaving were beyond what we could address with our offerings.

Results from the interviews indicated that former customers who declined the offer were likely to drop off regardless of customization options, as their reasons for leaving were beyond what we could address with our offerings.

Four out of nine customers had better options elsewhere, which was the main reason they declined the offer. Two out of nine customers thought the fees were too high and abandoned the process. One customer was sceptical about the repayment process and didn’t understand how YouLend’s system worked; however, once it was explained, they found it attractive.

We identified promising patterns that helped us form a new hypothesis to explain the low conversion rates

New Hypothesis

Our conversion rate might
not be as low as it seemed

Customers needed to complete the application journey to view the final offer and understand the total amount they could receive, along with the associated fees. Unlike competitors who provided more information upfront, potentially increasing their industry-standard rates, our process required customers to engage more deeply before seeing detailed offer information

This "non-skimming" approach might have negatively impacted our conversion numbers. Essentially, we were comparing two rates without accounting for the confounding aspect of the skimming process.

This new hypothesis was developed by analysing insights from various studies. For more details on the skimming process, see Story 01 — Boosting Submissions.

The design & usability
could be improved

Issues with email presentation, granular problems with design and user experience, and confusion about our non-traditional repayment system were potentially negatively influencing our numbers.

Full redesign

The brand new
“Select Offer Experience”

Informed by these insights and aiming to align our experience with a higher standard of usability, we decided not only to implement the original initiative of allowing users to modify their flexible offers within our ranges but also to completely re-architect the whole experience.

UI detail of the new select offer experience, featuring the "Customize Your Offer" screen. At the top, there's a progress bar, followed by a headline, "How much funding would you like?" Below this, a numerical input allows users to select the funding amount.
UI detail of the new select offer experience, featuring the "Customize Your Offer" screen. At the top, there's a progress bar, followed by a headline, "How much funding would you like?" Below this, a numerical input allows users to select the funding amount.
The review screen displays a detailed offer with all required information included.
The review screen displays a detailed offer with all required information included.
The offer accepted success screen features a large green box at the top with the message: "Offer accepted; contracts will be ready within 24 hours." Below this, the "What Happens Next?" section provides clear instructions organized into four steps.
The offer accepted success screen features a large green box at the top with the message: "Offer accepted; contracts will be ready within 24 hours." Below this, the "What Happens Next?" section provides clear instructions organized into four steps.
Comparing the original select offer screen with the new one:  The original screen featured a single page with two offer cards, each displaying a basic offer without options for customization or detailed review. In contrast, the new screen includes a multi-step process, starting with a "Customize Your Offer" screen, which has a progress bar and a numerical input for selecting the funding amount. This is followed by a detailed review screen that provides all the required information.
Comparing the original select offer screen with the new one:  The original screen featured a single page with two offer cards, each displaying a basic offer without options for customization or detailed review. In contrast, the new screen includes a multi-step process, starting with a "Customize Your Offer" screen, which has a progress bar and a numerical input for selecting the funding amount. This is followed by a detailed review screen that provides all the required information.
UI detail: The new sticky cart provides an overview of the offer at the customisation level, similar to how a cart functions in e-commerce.
UI detail: The new sticky cart provides an overview of the offer at the customisation level, similar to how a cart functions in e-commerce.
After accepting an offer, a clear animation was displayed to confirm that the offer selection was completed successfully.
After accepting an offer, a clear animation was displayed to confirm that the offer selection was completed successfully.
UI detail: The different repayment plans are labeled with semantic names that are meaningful and easily understandable to the customers.
UI detail: The different repayment plans are labeled with semantic names that are meaningful and easily understandable to the customers.

Throughout the design sprint, we have been engaging in a continuous feedback loop between design iterations and usability testing. This process has allowed us to iterate designs multiple times and refine the user experience.

Familiar and reassuring

We completely re-architected the user journey using a traditional "checkout" pattern

Since selecting an offer in our customer experience is akin to purchasing something expensive, we implemented a familiar "checkout" process. This included a cart, a review screen before confirmation, and a clear thank-you page with the next steps.

In testing, we found that this new "checkout" pattern improved customer orientation and engagement. In comparison to the original experience, the new one appeared to provide customers with all the essential information needed to make informed decisions.

The user flow begins with a customization step, where the user tailors their offer. Following this, the user moves to a review step, which includes an option to go back and make adjustments if necessary. After accepting the offer, an animation clearly confirms the successful selection. The process concludes with a "Thank You" page that explains the next steps.

The user flow begins with a customization step, where the user tailors their offer. Following this, the user moves to a review step, which includes an option to go back and make adjustments if necessary. After accepting the offer, an animation clearly confirms the successful selection. The process concludes with a "Thank You" page that explains the next steps.

We noticed that customers frequently navigated between the customization and review screens. To address this, we made design adjustments in subsequent iterations to minimise the need for back-and-forth navigation.

These improvements helped create a more seamless and transparent experience, fostering greater trust and confidence among our customers.

Customisation Interaction

The new numerator component was intuitively discovered and used by all participants

The ability to easily adjust the amount needed and compare different repayment plans provides greater control and flexibility in customer’s repayment strategies.

 UI detail: The numerical input allows users to select different amounts, which dynamically updates the available repayment options to choose from.
 UI detail: The numerical input allows users to select different amounts, which dynamically updates the available repayment options to choose from.

The numerical input allows users to select different amounts, which dynamically updates the available repayment options to choose from.

The numerical input allows users to select different amounts, which dynamically updates the available repayment options to choose from.

  • 😊

    "This was very intuitive and user friendly, easy to navigate. So what I like about the experience well, that's what I liked about it. It it it's easy to change the numbers. It's not overdone, cluttered, or confusing. I really like it. It's it's a streamlined process…"

    Jeffrey E.

  • 😏

    "...Well, I think I I I really like the concept. I think it could make a lot of sense for many people and worry if they would be able to pay back the loan. And the experience was quite simple. I mean, Choose the number, choose the repayment percentage of your future daily sales, and then that's it. Just go ahead and sign...."

    Hossein D.

  • 😊

    "This was very intuitive and user friendly, easy to navigate. So what I like about the experience well, that's what I liked about it. It it it's easy to change the numbers. It's not overdone, cluttered, or confusing. I really like it. It's it's a streamlined process…"

    Jeffrey E.

  • 😏

    "...Well, I think I I I really like the concept. I think it could make a lot of sense for many people and worry if they would be able to pay back the loan. And the experience was quite simple. I mean, Choose the number, choose the repayment percentage of your future daily sales, and then that's it. Just go ahead and sign...."

    Hossein D.

To reach this point, we tested numerous combinations. The main challenge was to ensure everything remained visible: the numerator, the varying repayment plans based on the selected amount, and a breakdown of key figures.

Displaying a range of design iterations leading up to the final version.
Displaying a range of design iterations leading up to the final version.

User-Friendly Taxonomy

A recurring issue was customers confusing the repayment percentage with the interest rate

Typically, loan percentages are perceived as interest rates, whereas repayments are fixed amounts. YouLend's revenue-based repayment system uses a percentage to represent the proportion of income allocated for automatic repayments, along with a fixed fee, which led to confusion.

This subtle issue seemed difficult to resolve. We addressed it by rebranding our repayment plans with more intuitive labels. Instead of using percentages, we introduced repayment speed labels. This change proved to be much more user-friendly and effectively reduced confusion, as fewer participants mistook repayment percentages for interest rates.

By renaming the plans with names that are meaningful to users, we were able to reduce confusion.

By renaming the plans with names that are meaningful to users, we were able to reduce confusion.

Deeper Understanding

Most participants grasped the main concept of YouLend, but some critical aspects, such as shortfall scenarios, one-off repayments, and the flow of funds, may need more visibility.

Clarity Around Fees

Despite several iterations, we observed that the fees associated with the service might still require further clarification. Since we couldn’t fully address this during our sprints, additional research was needed to determine the most effective way to communicate this information.

Customers could navigate the borrowing process with greater confidence and choose a plan that best meets their needs. Overall, this enhanced experience empowered customers to make more informed financial decisions and fostered a more positive user experience.

Conclusions

Further analysis revealed that the no-skimming approach at landing was negatively impacting our conversion numbers

When this factor was considered, the negative gap in our conversion rate was significantly reduced.

This project provided an excellent opportunity to make substantial improvements to many design aspects of this segment of the experience. As noted in the overall achievements at YouLend, we observed a general uplift in conversions. Although measuring the precise impact of this initiative was challenging, we believe that the design and UX improvements were among the most influential factors.

Saved 1.2 FTE in Sales

We also estimate that enabling customers to autonomously adjust their offers resulted in a savings of 1.2 full-time equivalents (FTE) in the Sales department.

Story — 03 — Coming soon

Unlocking Hidden Potential

Recovering 1.1% of dropped traffic.

Story — 03 — Coming soon

Unlocking Hidden Potential

Recovering 1.1% of dropped traffic.

Story — 04 — Coming soon

Cutting costs through User Delight!

Discover how implementing user flow mapping enhanced the user experience by identifying and resolving a frustrating customer journey.

Story — 04 — Coming soon

Cutting costs through User Delight!

Discover how implementing user flow mapping enhanced the user experience by identifying and resolving a frustrating customer journey.

Explore other projects

Amazon. New Financing Line for Amazon sellers. Founder designer 0 to launch of brand new Financing Line for Amazon sellers. Led product strategy, user research, design and test.
YouLend. Simplifying Business Funding Applications. Led redesign of the business funding application experience. Reduced FTE, Improved conversions and recovered lost traffic.
Waitrose. Elevating the digital interface of one of the UK's most iconic grocery brands. I led the UI motion for a variety of initiatives, improved the design system, and enhanced the usability of the 'Add To Trolley' experience.
Paradym. Bringing the Paradym App to Life. I led the UX and art direction for the initial release of the product.
Goodfit
Weedeo

Let’s build the next big thing!

© 2025 Gio Cassano