01

Regulators,
Mount up!

Regulators,
Mount up!

April 2018. Stratton Finance, helps people and businesses get loans easily for vehicles.

They wanted to grow their user base and expand their business in Australia.

Pitstop

Pitstop

Stratton Finance, wanted to shift gears and streamline their car loan application process.

The traditional paper- based approach was clunky, slow, and relied heavily on broker interaction, leading to frustration and missed opportunities.

Stratton Finance, wanted to shift gears and streamline their car loan application process.

The traditional paper- based approach was clunky, slow, and relied heavily on broker interaction, leading to frustration and missed opportunities.

02

03

Shifting gears, on a mission

Shifting gears, on a mission

Design a user-friendly, end-to-end Progressive Web App PWA that empowers Australians to cruise through the car loan application process online.

The goal? A smooth 30% increase in conversion rates.

Flying, down the straight

Flying, down the straight

To achieve our vision of a "sweetaz" ride, we employed a three diamond UX strategy.

  1. Emphasis: Understanding User Needs

  2. Conceptualise: Transforming Insights into Strategy

  3. Design: User-Friendly Features and Streamlined Interface

04

05

Eyes on the road

Let me tell you a tale of our "sweet!" road trip made successfully. (Broom, broom!)

Fuel
Your Ride

Fuel
Your Ride

Redefining Vehicle Finance for all Australians.

Redefining Vehicle Finance for all Australians.

Fuel Your Ride


Level Up Your Ride. 

Redefining Vehicle Finance for Australians.

Client: Stratton Finance

Role: Lead UX & UI

Team: 1x CEO, 1x CTO, 1 Digital Transformational Manager,
1x BA, 10x Marketing Team

Location: Melbourne, Australia

Getting to know the ecology and users

Emphasis

Emphasis

Emphasis

Before hitting the design gas, we needed to understand our drivers (pun intended!)

This gap ignited a 4-week user research sprint to illuminate the the wants and needs of our users.

  1. Researching our competitors + SWOT analysis.

  2. Interviewed 12+ brokers from Stratton Finances team.

Stuck in the Past

Stuck in the Past

User interviews and a competitive analysis (think Capital Finance Australia and Max Finance) revealed key pain points:

  1. Slow and Error-Prone: Paperwork woes led to typos and delays.

  2. Broker Bottleneck: Reliance on brokers slowed the process and limited user control.

  3. Limited Accessibility: Applying for loans was restricted to business hours – not ideal for busy Aussies.

Broker interrogation

Broker interrogation

Talking to brokers at Stratton Finance revealed:

Paper Jam Pain

Paper Jam Pain

Paperwork mountains can cause typos & delays, making loans a frustrating maze.


Bottleneck Blues

Bottleneck Blues

"Customer bottleneck" slows everything, waiting on documentation or details. The result, frustrated customers and drop-offs in sales. Ugh!

Our passengers

Targeted users

Targeted users

Targeted users

No coding needed. Instant visual feedback.

Select, edit, rotate, resize any layer even if it's projected in 3D space.

Busy Professional

Sarah Johnson . 35 . Marketing Manager . Melbourne

"Fast loan approval? Yes please! I need a loan that fits my busy schedule."

Click to flip

No coding needed. Instant visual feedback.

Select, edit, rotate, resize any layer even if it's projected in 3D space.

First-Time Buyer

Alex Martinez . 28 . Electrician . Perth


"Loan newbie here! Need clear guidance & a simple process to avoid any headaches."

Click to flip

No coding needed. Instant visual feedback.

Select, edit, rotate, resize any layer even if it's projected in 3D space.

Tech-Savvy Millennial

Alex Martinez . 28 . Electrician . Perth

"Ditch the paper! I want a digital loan app that's mobile-friendly."

Click to flip

In the beginning

Context: April 2018. Stratton Finance, helps people and businesses get loans easily for vehicles. They wanted to grow their user base and expand their business in Australia.

Problem. In Australia, there is no online experience that handles the end-to-end sale of an a financing solution that customers are truly satisfied with.

Objective.

Research, strategise and design an end-to-end PWA (progress web app) experience to help Australian’s get a finance a loan online, with a focus on increasing conversion rates by 30% on the previous MVP.

Conceptualising the ride

Data to Roadmap

Data to Roadmap

Data to Roadmap

We prioritised user needs and pain points

We prioritised user needs
and pain points

We prioritised user needs and pain points

Pit stop! Here's what we discovered:

  1. Accessibility Woes: Applying outside business hours was a no-go.

  2. Heavy Paper Reliance: This was slowing everyone down and increasing errors.

  3. Lack of Transparency: Users desired clear updates on their application status.

Affinity mapping

Affinity mapping

Aha! We dug into what people said about loan finance to spot trends and areas to make things way smoother.

User Journey Mapping

Grouping. Identifying. Behaviours.

We grouped key ideas and user quotes to identify patterns and areas for improvement.

We grouped key ideas and user quotes to identify patterns and areas for improvement.

Pain Point Pinpoint

Turning messy borrower gripes into clear patterns, showing what's causing the most pain.

Hidden Hurdles

Grouping feedback & uncovering hidden patterns, for a smoother ride.

Laser Focus Fix

Zooming in on what matters most to improve on

User Journey Mapping

We mapped the loan experience! To uncover user roadblocks & hidden gems to make applying for a loan a breeze.

User journey mapping

Map the journey, find snags & hidden gems. Fix them for borrower love!

Map the journey, find snags & hidden gems. Fix them for borrower love!

Walk a KM in their shoes

Map the loan app journey to see where borrowers got stuck & frustrated.

Uncover hidden gems

Revealing how people really approach getting finance. Finding behaviours.

Focus on what matters

Pinpoint the key parts of the loan journey that need the most love.

Key insights

Key insights


From our journey of discovery.

  1. Simplify the application process.

  2. Offer flexible document upload options.

  3. Provide ongoing support throughout the journey.

  4. Personalise the experience based on user needs.

Making our ideas work

Putting the plan to action

Design strategy

Design strategy

Design strategy

Listening to feedback from our users

Putting them in
the driver's seat

  • "Fast loan approval? Yes please! I need a loan that fits my busy schedule."

    Busy Professional

    Sarah Johnson

  • "Loan newbie here! Need clear guidance & a simple process to avoid any headaches."

    First-Time Buyer

    Alex Martinez

  • "Ditch the paper! I want a digital loan app that's mobile-friendly."

    Tech-Savvy Millennial

    Dave Stephens

  • "Fast loan approval? Yes please! I need a loan that fits my busy schedule."

    Busy Professional

    Sarah Johnson

  • "Loan newbie here! Need clear guidance & a simple process to avoid any headaches."

    First-Time Buyer

    Alex Martinez

  • "Ditch the paper! I want a digital loan app that's mobile-friendly."

    Tech-Savvy Millennial

    Dave Stephens

Clock ticking like crazy, we had to nail the desktop experience first


  1. We designed a mid-fidelity prototype.

  2. Conducted user interviews from the prototype to refine our design thinking.

Observe. Question. Listen.

We built a "see and click" prototype & got user feedback to improve our design strategy.

(Desktop first - bigger screen, easier input, gather feedback. Making the experience, a smooth drive.)

Observe. Question. Listen.

We built a "see and click" prototype & got user feedback to improve our design strategy.

(Desktop first - bigger screen, easier input, gather feedback. Making the experience, a smooth drive.)

Observe. Question. Listen.

We built a "see and click" prototype & got user feedback to improve our design strategy.

(Desktop first - bigger screen, easier input, gather feedback. Making the experience, a smooth drive.)

Testing the prototype with users in tow

Testing the prototype
with users in tow

We hired 15+ people from Airtasker to come in and test our prototype. Observing, asking questions and listening.

Insights from interviews

The feedback from users was crucial in shaping the final product:

  1. Dashboard Delight: Users loved the idea of a centralised dashboard for managing applications and progress.

  2. Desktop-First Strategy: While mobile compatibility is on the roadmap, user research justified focusing on desktop development due to easier data input and security advantages.

Game on!

Shifting gears

Shifting gears

Shifting gears

Mapping out a game plan!

Mapping out
a game plan!

A/B Testing: Fast Fixes, Fewer Stops

Here's where the magic happens and we explore:

  1. Simplifying the navigation.

  2. Reducing drop-offs during account creation.

  3. Progress bar vs user confidence.

  4. Exploring support and help options.

  5. Flexible uploading document options.

01

01

01

Making navigation an easy drive option

Simplifying the User Journey with Multi-Stage Navigation

Information Avalanche

One giant process navigation, with everything at once.


Easy-Drive Stages

The application was broken down into clear steps, like "Make an Application" and "Get a Quote."

45% More Users Completed Their Applications!

Easy-drive stages


By making things easier to navigate (Opt B), we saw a huge jump in people completing applications. Here's why:

  • Less Brain Strain: Breaking it down into steps made the process less overwhelming and easier to understand.

  • Confidence Boost: Clear labels for each stage kept you informed and in control.

  • Find What You Need Fast: Scanning for specific information was a breeze with the stages separated.?

02

02

02

Sign Up or Dive In? We Tested Both!

Ever get stuck creating an account before you can even see what a service is about? Annoying huh! Is there a better way?

Sign Up First

You had to create an account before starting the application.



Skip the Signup (for Now!)

Define and track your goals, breaking down objectives into achievable tasks to keep your targets in sight.

Skip the Signup! Connect your wallet direct.


Turns out, making account creation optional (Version B) led to more people starting applications! Here's why:

  • Less Friction: No signup hurdle meant people felt less pressured to commit upfront.

  • Focus on What Matters: You could see if the application was a good fit before creating an account.

  • Flexibility: You could still create an account later, if you wanted.

03

03

03

Stuck Halfway Through an Application? We Tested a Fix

Ever get to the middle of a long application and wonder how much longer it'll take? We tested a way to make the process feel smoother.

Application Maze, Unknown

No progress bar, so you had no idea where you were in the process.

Progress Bar Power-Up!

A clear progress bar showed you each step and how much time was left.

7% Fewer Application Drop-Offs!


Guess what? Adding a progress bar (Version B) made a big difference! Here's why:

  • Confidence Boost: You knew exactly where you were and how much longer it would take to finish. No more application anxiety!

  • Smoother Sailing: Tracking your progress made the whole process feel more intuitive and engaging.

  • Time Management Master: Estimated completion times helped you plan your application time and avoid frustration.

04

04

04

Uploads Got You Down? We Tested a Smoother Way

Struggling to upload documents? Confusing instructions, limited file types, and endless clicking can make the process a nightmare. But fear not, we tested a solution!

Upload Struggle Bus

Basic instructions, limited file types (PDFs only!), and no progress bars.





Upload Breeze

Drag-and-drop upload, wider file format support (images, PDFs, Docx, and more!).

Real-time file validation, progress bars for each upload, and reminders for missing documents.

Less Frustration, More Uploads!


We found that the upgraded upload system (Version B) made things significantly smoother! Here's why:

  • Faster Uploads: Drag-and-drop and wider file format support made the process quicker and easier.

  • Clear Progress: Progress bars kept you informed and motivated, no more upload black box!

  • No More Missing Documents: Reminders ensured you had everything you needed to complete your application.

05

05

05

Need Loan Help? We Tested 3 Ways to Get You There Faster

Filling out loan applications can feel like
navigating a maze.

That's why we tested different ways to get
you the support you need, fast.

Self-Service Help Page

Basic info, but might not answer your specific questions.

Live Chat Support

Get real-time help, but might have to wait in line.

Multi-Layered Support

Help page, live chat, AND a finalisation call for personalised guidance.

Multi-Layered Support

Help page, live chat, AND a finalisation call for personalised guidance.

Multi-Layered Support

Help page, live chat, AND a finalisation call for personalised guidance.

Multi-Layered Support

By combining resources and personalised help, Option C got you the smoothest experience:

  • Get Started Yourself: Browse the help page for quick answers.

  • Real-Time Help: Need more info? Hop on live chat and get immediate assistance.

  • Personalised Touch: Finalisation calls ensure all your questions are answered for a confident application.

Multi-Layered Support

By combining resources and personalised help, Option C got you the smoothest experience:

  • Get Started Yourself: Browse the help page for quick answers.

  • Real-Time Help: Need more info? Hop on live chat and get immediate assistance.

  • Personalised Touch: Finalisation calls ensure all your questions are answered for a confident application.

Multi-Layered Support

By combining resources and personalised help, Option C got you the smoothest experience:

  • Get Started Yourself: Browse the help page for quick answers.

  • Real-Time Help: Need more info? Hop on live chat and get immediate assistance.

  • Personalised Touch: Finalisation calls ensure all your questions are answered for a confident application.

Green light!

Green light!

Green light!

Unveiling the design

Unveiling the design

Hurrah, moment!

The metrics after 3 months were a testament.

The metrics after 3 months were a testament

Results

Results

Results

167

167

167

User Application Rates

Before: 150 applications per month.

After: 400 applications per month, a 167% increase.

Impact: Broader customer base and market reach, due to accessibility and ease of use.

88

88

88

Reduced Processing Times

Before: Average of 14 days from application to approval.

After: Reduced to 2 days, an 88% decrease.

Impact: Enhanced customer satisfaction due to faster decision-making.

Enhanced Brand Image

Stratton Finance solidified its position as a leader in user-centric financial solutions.

The PWA's success generated positive media attention and established Stratton Finance as a forerunner in digital loan applications.

What we learned

What we learned


Great Design Starts with Users
Understanding what users need led to a smooth loan application process (PWA).

Testing Makes it Better
Trying out different options helped find the best features for the app.

Always Keep Improving
By constantly testing and changing based on user feedback, the PWA can keep up with what users need and keep Stratton Finance ahead of the competition.

The road ahead, making vehicle loans easier

The road ahead, making vehicle loans easier


We listen, we improve. We built a smooth loan application by focusing on what you need.

What's next?

  • More tools: Loan calculators and pre-approval options for a complete experience.

  • Personalized options: Using your info to tailor the process and find the best loan for you.

Launch

Launch

Launch

Launch to lunch

In the 4 months after my involvement on the project, the team continued to evolve and polish the visual design, as well as finesse the finer functional details as Project Roadster was being built.

Although I was not part of this process, it was great to see most of my work by the spectacular team at Stratton Finance brought to life.

Thanks for hitching a ride

Lift off!

Lift off!

Lift off!


Designing experiences that go to the moon. Let's talk.



Unleash user power.
Designing experiences that go to the moon.
Let's talk.