A UX-Centric Diagnosis, Not Just Analytics

Xerago was brought in to address more than just bounce rates. The brief was to overhaul the bank’s digital product journeys through a mix of UX analysis, design optimization, and journey personalization.

The project began with a complete CX audit across the bank’s loan and credit card application flows. Using Google Analytics and Google Tag Manager, Xerago mapped user behavior across key pages, tracking time on task, click paths, field abandonment rates, and exit points.

Insights quickly surfaced. The homepage, despite receiving consistent traffic, had banner placements that were poorly prioritized important campaigns were buried below the fold. The application forms were too long and cluttered with redundant fields. Document checklists were hard to find.

Eligibility calculators were generic and lacked real-time feedback. There was no way to pause and resume an application, forcing users to start over if they dropped off midway.

More critically, the interfaces failed to personalize. Whether a user was a first-time applicant, a returning customer, or someone comparing offers, they all saw the same one-size-fits-all content. It became clear that the issue wasn’t just design, it was experience orchestration.

Building a Conversion-Ready Experience

Xerago’s approach centered on three experience design principles: clarity, continuity, and context.

To enhance clarity, form structures were simplified. Fields were grouped logically, redundant inputs removed, and explanatory tooltips introduced. For example, instead of asking for income details across three fragmented fields, users now enter a single range. Document upload instructions were moved to the top with visual guides.

To create continuity, Xerago introduced a “Resume Your Application” feature, allowing users to return later without losing progress. Language options were expanded to include Filipino, improving accessibility.

Dynamic CTAs were introduced throughout the application path to guide users forward rather than expecting them to scroll blindly.

To embed context, personalization was woven into the journey. Returning users saw prefilled data when eligible. The homepage banners are adapted based on browsing behavior and user intent signals. Maximum eligible loan amounts were displayed early on, helping users make faster decisions. Users browsing credit cards were nudged with comparison tools and rewards calculators.

Navigation was also streamlined. Footer links were minimized to reduce distractions. External page diversions were eliminated. CTA placements were realigned for scannability and engagement.

Executing with Analytics at the Core

Every change was measured. Google Tag Manager was reconfigured to track new interaction patterns introduced through the redesign. Drop-off analytics were implemented at a field level. Google Analytics dashboards were rebuilt to provide real-time feedback on banner CTRs, form progression rates, and goal completion paths.

A/B testing frameworks were launched to continuously test headline changes, CTA variants, and incentive placements. Personalization impact was measured by comparing bounce rates and engagement time across personalized vs. static journeys.

This wasn’t just an experience revamp it was a data-first optimization loop. The goal was to ensure that each design decision was backed by behavioral evidence, and every feature introduced a measurable lift in user progression.

Driving Business Outcomes Through Design

The transformation delivered rapid results. Homepage engagement surged as key banners were repositioned and made more relevant to visitor profiles. Application completion rates rose as forms became easier to understand, faster to complete, and less intimidating.

The bank saw not just more conversions, but better conversions; users were more likely to submit fully completed forms, reducing processing time for operations teams. Applicants now had clearer expectations thanks to the onboarding checklist and real-time eligibility feedback.

Most importantly, the trust deficit that came from poor experience design was reversed. The digital channel was now seen as a primary path for acquisition, not just a convenience add-on.

Success Catalysts

Several elements made this initiative successful. First, experience strategy was treated as a revenue lever, not a design exercise. Every friction point removed contributed to conversion lift.

Second, cross-functional alignment ensured that changes were operationally viable and technically integrated. Marketing, design, product, and analytics teams co-owned outcomes, reducing silos and iteration cycles.

Third, analytics wasn’t an afterthought; it was the foundation of every decision. From identifying the right fixes to validating their impact, data shaped every phase of execution.

Fourth, personalization was pragmatic. Rather than relying on expensive platforms, Xerago used intent signals and simple rules to deliver differentiated content, proving that contextual journeys can be implemented without overengineering.

Finally, the initiative was future-ready. With better structures in place, the bank could now scale optimizations, A/B test routinely, and apply the same methodology to other product journeys.