Agent App for UK Retail Giant: Real-Time Collections & Sales Dashboards

Project Type

Mobile App (iOS & Android)

Industry

Retail

Tech Stack

Redux
Jest
React Native
Azure
Firebase Analytics
Banner Image

ABOUT THE CLIENT

UK’s leading multi-retailer gift voucher and prepaid gift card platform, accepted by over 100 major retail brands and more than 20,000 physical store locations nationwide.

OVERVIEW

We built a cross-platform mobile app to help agents manage customer collections, track commissions, and enable sales with real-time dashboards and notifications. Executed in a fixed-scope agile model, the front-end-only project used React Native and integrated third-party tools despite API delays and late feedback. The result was a reliable and intuitive app that reduced manual errors and enabled data-driven insights for agents.

BUSINESS
REQUIREMENT

A mobile app to help agents manage and track customer collections efficiently. It streamlines day-to-day operations with real-time insights, seamless communication, and sales enablement tools.

Key Features to Build

  • Enable agents to register, login, and manage their dashboard
  • Add and edit collection records per customer
  • Track order values and related collections
  • View their commission and rewards in real-time
  • Receive push notifications and biometric login access
  • Maintain personal payment history and contact Super Agents as needed
  • Share the catalog and social media outreach for sales enablement

SOLUTION

We engineered a Fixed-Scope Agile Engagement focused solely on React Native front-end development, using agile sprints to deliver incrementally. With client-provided APIs and designs, we implemented UI screens, integrated Firebase Analytics, Salesforce Mobile Push, and Detox/Jest testing. Despite delayed API access, we reprioritized tasks, ensured continuous integration, and supported UAT, delivering a resilient and testable mobile experience.

screen
p1

CHALLENGES

We effectively managed evolving requirements and stakeholder feedback by maintaining a flexible execution approach within defined sprints. Communication gaps were addressed through structured documentation, regular updates, and proactive follow-ups to ensure alignment.

Our team adapted quickly to late-stage feedback and coding standards shared during review cycles, resolving discrepancies efficiently. Despite shifting dynamics, we ensured quality delivery through strong internal coordination, thorough testing, and iterative improvements.

Volatile User Behaviour Mapping

1

Shifting Dynamics Due to Market Needs

2

Seamless Integration of Third-Party Services 

3

Adapting to Evolving Requirements

4

OUR APPROACH

To build a cutting-edge AI-driven interview automation system, we adopted a modular, microservices-based development strategy executed over a focused 3–4 month engagement. Our process followed an iterative rollout of features, punctuated by regular integration checkpoints to ensure alignment across services.

The execution began with decomposing the application into core microservices—planning, Q&A, transcription, text-to-speech (TTS), and reporting.

Fixed-Scope Agile Engagement

To deliver a high-quality front-end mobile experience, we adopted a structured and agile execution strategy tailored to a fixed-scope engagement.

Our focus was on building the React Native application through well-defined sprints, ensuring incremental progress and adaptability.

By leveraging modern testing tools and maintaining tight integration cycles, we ensured each sprint delivered tangible outcomes aligned with evolving requirements and client expectations.

Technical Architecture

While the architecture was primarily managed by the client’s backend and DevOps teams, our focus remained on building a resilient and testable front-end foundation.

  • React Native – Core framework for cross-platform mobile app development
  • Redux – State management across complex data flows
  • Detox – End-to-end testing for UI workflows and regressions
  • Jest – Unit testing for component and logic validation
  • Expo EAS – Managed app builds
  • Firebase Analytics – User behavior tracking and engagement analytics
  • Firebase Crashlytics – Real-time crash reporting and diagnostics
  • Salesforce Mobile Push – Push notification integration
  • Azure – Hosting and CI/CD as managed by the client backend team

Front-End Execution in Agile Sprints

Began with project setup and implemented core UI workflows such as login, registration, and dashboard using the provided designs. Adapted the execution plan mid-way to prioritize UI development while awaiting API access (received in Sprint 3).

Integrated essential third-party tools like Firebase Analytics, Firebase Crashlytics, and Salesforce Mobile Push for monitoring and communication.

Maintained CI practices and supported final UAT through device testing and stable build management.

Collaborative Delivery and Quality Assurance

Worked closely with the client team during and after API integration to enhance features like commission tracking and payment records.

Employed Detox for end-to-end testing and Jest for unit testing to ensure consistent functional coverage.

Incorporated feedback from UAT cycles and managed rework due to late-stage code reviews, aligning with evolving client standards.

Ensured continuous quality by conducting regression tests and refining features based on shifting requirements.

PROJECT RESULTS

We delivered a streamlined, agent-first mobile experience that translated into clear business outcomes. The new app significantly reduced manual payment tracking errors, improving operational accuracy and efficiency.

Additionally, it established a reliable front-end foundation that enabled data-driven decision-making through integrated analytics, setting the stage for deeper agent insights and performance tracking in future iterations.

Let’s build your E-commerce Idea together!

Connect with our team for a free discovery session.

Let's Talk