Logo Dark
Case Study
NEO
Crystal
3 Min Read

A Lifestyle Banking Experience Designed Around You

We helped shape NEO, a modern mobile banking ecosystem by SNB that combines everyday banking, lifestyle payments, loan services, card management, and instant transfers inside a fast, intuitive, and secure digital experience. With redesigned Material components, a unified design SDK, and streamlined performance, NEO empowers millions of users to bank effortlessly from anywhere.

industry
Banking & Finance
Services
Mobile Engineering, UI Modernization, SDK Architecture, Performance Optimization

Introduction

Banking users today expect simplicity, speed, and control—without navigating dozens of disconnected flows. The Saudi National Bank (SNB) envisioned NEO as a lifestyle-driven digital banking platform where customers can manage all their financial needs from a single, beautifully designed mobile app.

 

NEO needed to bring together:

 

  • Daily banking essentials (balances, statements, transfers)
  • Lifestyle services (bill payments, mobile top-ups, gift cards)
  • Instant transfers and beneficiary management
  • Microloans, emergency cash, and family banking tools
  • Secure onboarding with instant KYC
  • Modern Material design across every screen

The Challenge

Modernising a live banking app with millions of users demanded solving complex technical challenges:

  • Migrating legacy layouts to a fully Material-based component library
  • Consolidating multi-feature navigation into a single, intuitive home hub
  • Ensuring performance and graphical consistency across hundreds of UI screens
  • Designing a versioned Theme SDK usable by multiple NEO modules and teams
  • Building a scalable foundation that supports rapid future expansion
  • Maintaining quality through automated tests, lint rules, and CI/CD pipelines
Coor B(logo)

Our Approach

We rebuilt core parts of NEO with a modern, modular, and performance-focused architecture.

Material Redesign Across the App

Component-based Material UI implemented with snapshot testing to guarantee accuracy and visual consistency.

Unified Home Experience

A single card-based hub that centralizes all key banking actions—tested extensively for clarity, discoverability, and speed.

Dedicated Theme SDK

A standalone UI SDK with versioning, component APIs, and consistent theming—reducing UI build time by over half for future modules.

Graphics & Performance Optimisation

Streamlined asset pipelines, reduced bundle sizes, and optimized loading for smoother performance on mid- and low-end devices.

CI/CD + Quality Enforcement

Automated pipelines with linting, test coverage, and daily deployments ensured stability and regression-free builds.

Mobile
Inner Image

Build High-Performance Digital Banking Experiences with 7Span

From mobile redesigns to UI SDKs and scalable fintech platforms, we help financial institutions deliver secure, seamless, and modern user experiences.

The Impact

NEO’s mobile experience became faster, more consistent, and more future-ready—setting the foundation for a world-class lifestyle banking ecosystem.

50%

Faster UI Development, thanks to the new Theme SDK adopted across teams.

30%

Lighter App Bundle, Reducing memory use and improving load times significantly.

0

Regression Rollouts, Achieved through automated CI/CD, testing pipelines, and strict quality gates.

Higher

Feature Discoverability: A unified home screen lowered task-completion friction for users.

Making IT Possible

Making IT Possible

Making IT Possible

Making IT Possible

Making IT Possible

Making IT Possible

India (HQ)

201, iSquare Corporate Park, Science City Road, Ahmedabad-380060, Gujarat, India

Canada

24 Merlot Court, Timberlea, NS B3T 0C2, Canada

For Sales

[email protected]

Looking For Jobs

Apply Now
LinkedIn
Instagram
X
Facebook
Youtube
Discord
Dribbble
Behance
Github