FlexLend Web Design Case Study: A Faster, Clearer Finance Website Built on Payload CMS
PMGS designed and built a new Payload CMS website for FlexLend, an Australian finance and mortgage brand, with stronger service pathways, trust-led UX, and a solid desktop PageSpeed Insights result on launch.
89/100 Desktop PSI | 100/100 SEO | 1.4s LCP | Built on Payload CMS
Client overview
The Client
FlexLend is an Australian finance and mortgage advisory firm holding Australian Credit Licence 567062. The business offers residential home loans, self-employed and alt-doc home loans, commercial property loans, SMSF property loans, refinancing, debt consolidation and loan structuring with a particular focus on borrowers traditional banks find hard to place.
The website is FlexLend's primary trust and lead generation channel. Because finance decisions are high-consideration and the product mix is broad, the site needed to do more than look polished. It had to explain multiple lending categories clearly, guide different borrower types to the right product, and give visitors enough confidence to book a free consultation while giving the FlexLend team the freedom to update content, rates and product pages without waiting on a developer.
The Challenge
FlexLend needed a website that could present a wide mix of lending products without overwhelming users. With services spanning residential, commercial, SMSF, refinancing and self-employed lending, the content architecture had to support clarity, not bury borrowers under jargon and product matrices.
Conversion friction was the second concern. Borrowers researching finance options typically need reassurance before submitting personal details, so the journey had to make service information easier to scan, strengthen trust signals on every page, and make the path to a consultation booking obvious from any entry point.
The third concern was operational. The internal team needed to update product pages, rates, FAQs and calculators frequently, so the build had to give content editors real control without breaking layout or performance. A traditional template-based CMS would either limit flexibility or invite layout drift so the brief called for a modern headless approach.
On the technical side, the build had to balance design polish with speed and stability. PageSpeed Insights diagnostics flagged opportunities around image delivery, render-blocking requests and unused JavaScript. The site needed to launch with strong Core Web Vitals on desktop and a clear roadmap for ongoing optimisation.
Problem Summary
- ✘ Complex service mix — Several finance products had to be explained without making the site feel cluttered or hard to navigate.
- ✘ Trust gap — Borrowers needed immediate confidence in the brand before sharing financial details with a broker.
- ✘ Conversion friction — Calls to action and consultation pathways needed to be clearer and more consistent across the site.
- ✘ Editor bottleneck — The team needed to update products, rates and content blocks without developer dependencies or risk to the design system.
- ✘ Performance headroom — PSI diagnostics highlighted asset delivery and script efficiency as opportunities that the build needed to address from day one.
The PMGS Strategy
PMGS approached the project as a conversion-focused web design and headless development build for a finance audience, not a brochure refresh. The strategy was to make the website easier to understand, easier to trust and easier to act on, while laying a stronger technical foundation for long-term SEO, Core Web Vitals performance and editor independence.
The homepage and core service pathways were structured around borrower intent rather than internal product naming. Visitors land on the right loan category quickly through a clearer information architecture, then move through process explanations, calculators and FAQs that resolve common objections before the enquiry form.
Design choices prioritised credibility. In financial services, hesitation kills conversions, so the visual language, service structure and messaging were refined to feel calm, professional and specialist, closer to an advisory firm than a high-pressure lender.
The platform decision was Payload CMS on a Next.js front end. Payload is an open-source, developer-focused headless CMS that pairs a flexible content model with a clean editor interface, and it's increasingly the choice for Australian agencies building scalable, performance-led marketing sites. For FlexLend, it meant a custom-fit content model around loan products, calculators and FAQs without the bloat of legacy CMS plugins.
Strategy Pillars
1. Information architecture refinement
Services were reorganised around borrower intent so users could identify the right loan type quickly and move deeper without backtracking.
2. Trust-led finance UX
Visual hierarchy, copy structure and visible consultation prompts were tuned to build confidence early in the session, essential for borrowers making high-stakes decisions.
3. Conversion-first homepage flow
The homepage runs a deliberate sequence: hero → service summaries → process → calculators → FAQs → repeated consultation CTAs, so every scroll depth has a path to enquiry.
4. Mobile-aware content hierarchy
Content was structured to scan cleanly on smaller screens, where most finance research happens, with key offers and next steps surfaced above the fold.
5. Headless CMS foundation on Payload
The site was built on Payload CMS with a Next.js front end so the FlexLend team can update loan products, calculators, FAQs and content blocks through a clean editor interface — without developer involvement and without breaking the design system. The headless architecture also keeps the public site lean and fast, separating editor experience from front-end performance.
6. Technical performance foundation
The build targeted strong Core Web Vitals on launch, achieving a 0 CLS score, 1.4s LCP and a 100/100 SEO score on the desktop Lighthouse report.
The Results
The new FlexLend website gives the business a clearer digital presence that better reflects its expertise across residential, commercial and SMSF lending. It combines a cleaner site structure, stronger user guidance and solid desktop technical performance — supporting both users and search engines on day one, on a CMS the FlexLend team can run themselves.
The desktop PageSpeed Insights report backed up the technical brief: strong performance and accessibility scores, perfect Best Practices and SEO results, fast core loading metrics and zero cumulative layout shift, with clear room for iterative gains on asset delivery and script efficiency.
89/100 Performance | 91/100 Accessibility | 100/100 Best Practices | 100/100 SEO | 1.4s LCP | 0 CLS
Source: PageSpeed Insights (Lighthouse) desktop lab report for flexlend.com.au.
| Metric (desktop) | Score / value |
|---|---|
| Performance | 89/100 |
| Accessibility | 91/100 |
| Best Practices | 100/100 |
| SEO | 100/100 |
| First Contentful Paint | 0.3 s |
| Largest Contentful Paint | 1.4 s |
| Total Blocking Time | 180 ms |
| Cumulative Layout Shift | 0 |
Figures are from the analysed desktop PageSpeed Insights (Lighthouse) report for flexlend.com.au at launch.
Detailed Results
- Desktop PageSpeed Insights Performance score of 89/100 on launch.
- Accessibility score of 91/100 on the desktop Lighthouse report.
- Perfect 100/100 scores for Best Practices and SEO.
- First Contentful Paint of 0.3 seconds.
- Largest Contentful Paint of 1.4 seconds.
- Total Blocking Time of 180 milliseconds, with a Cumulative Layout Shift of 0.
- Built on Payload CMS with a Next.js front end, giving the FlexLend team direct control over loan product pages, calculators, FAQs and content blocks.
- Clear pathways now lead into home loans, refinancing, self-employed lending, commercial lending and SMSF finance from any entry point.
- On-site calculators, FAQs and repeated consultation prompts give borrowers at different research stages an obvious next step.
Visual evidence: Homepage hero screenshot, Payload admin UI capture, PSI summary, service navigation and consultation CTA placements.
What the Client Says
The PMGS team rebuilt our website with a much clearer structure and gave our internal team full control of the content. Enquiry flow feels stronger and the site is noticeably faster than what we had before.
— FlexLend
The Journey
Discovery & Planning
Stakeholder workshops, content audit of the existing presence, service architecture mapping, Payload content model design and conversion goal definition.
Design Phase
UX wireframes, page-flow design, homepage conversion sequencing and brand-aligned visual system.
Development Phase
Payload CMS configuration, custom block library, Next.js front-end build, calculator implementation, accessibility checks and pre-launch performance tuning against PSI diagnostics.
Launch & Review
Final QA, go-live, editor training for the FlexLend team, post-launch PSI baseline capture and roadmap for ongoing performance and content iteration.
Services Used in This Project
- Web Design
Designed a clearer, more professional and conversion-focused website experience for a finance audience, with stronger page structure and visible trust cues.
- UX Design
Shaped the site architecture and page flow so users could understand service options faster and move more confidently toward an enquiry.
- Headless CMS Development (Payload CMS)
Built FlexLend on Payload CMS with a custom content model, reusable block library and Next.js front end — giving the team a fast, flexible editor experience without sacrificing performance.
- Conversion Optimisation
Layered repeated CTAs, calculators, FAQs and clearer information pathways through the journey to reduce friction and support lead generation.
- Technical SEO Foundations
Delivered a 100/100 SEO score on the Lighthouse report and a clean technical foundation for ongoing organic visibility.
- Page Speed Optimisation
Hit 89/100 desktop performance, 1.4s LCP and 0 CLS on launch, with PSI flagging the next round of optimisation opportunities.
More Results Like This
- Finance or mortgage websites that need clarity, trust, editor independence and lead generation in one build.
- Headless CMS projects on Payload and Next.js where performance and content control both matter.
- Web design engagements paired with technical SEO and Core Web Vitals foundations.
Want Results Like These for Your Business ?
Every case study on this page started with a single conversation. Book a free strategy session, and we'll analyse your business, your competitors and your market — then show you what's achievable. Need a website that converts and gives your team full content control? Get a free design consultation.