Skip to main content

Last updated: Sep 8, 2026

Smartpur: Digital Impact Platform Development for Rural India

Expand Your Business
Smartpur: Digital Impact Platform Development for Rural India

Building a Better Digital Experience

From identifying challenges to creating a scalable solution for Smartpur.

1

Challenge

Smartpur’s impact was spread across states, districts, centers, and local updates. There was no single place to see the full picture.

2

Process

We organized the experience around a simple journey: start with India, open a state, explore a centre, and discover its impact.

3

Solution

We built an interactive public platform and a role-based admin system that REACHA can manage without regular developer support.

About Smartpur

Smartpur is Nokia’s flagship corporate social responsibility initiative, implemented on the ground by REACHA. It supports rural communities through education, health, financial inclusion, governance, livelihood, and disaster risk reduction.

The programme reaches 918 villages through 209 Smartpur Centres across 10 states. Every centre does meaningful work, but that work was difficult to explore in one place.

MoonDive built a digital platform where visitors can see Smartpur’s reach on an interactive India map, explore states and centres, read impact stories, and understand the programme through real numbers and photographs.

Behind the public website, we also created an admin system that helps REACHA manage centre information, stories, blogs, videos, testimonials, galleries, and live programme statistics.

Industry

Social Impact & Rural Development

Category

Web Development

Published

8/1/2026

Technology Stack
Next.js | React | Tailwind CSS | Node.js | CMS / Admin Portal | Map Integration by leaflet

Technical Approach

Smartpur needed a scalable foundation to connect centres, stories, data, and users seamlessly.

Smartpur operates across hundreds of villages and centres, so displaying every location on a single map required more than adding basic location markers. We built an interactive India map that organizes centre data by state, district, and location. Visitors can begin with a national view, select a state, and explore the centres operating there. The map loads location data dynamically, helping it remain responsive even as more centres are added. This made the map both a visual representation of Smartpur’s reach and a practical navigation tool.
1

Building an Interactive Map for a Large Network

Smartpur operates across hundreds of villages and centres, so displaying every location on a single map requires more than adding basic location markers. We built an interactive India map that organizes centre data by state, district, and location. Visitors can begin with a national view, select a state, and explore the centres operating there. The map loads location data dynamically, helping it remain responsive even as more centres are added. This made the map a visual representation of Smartpur’s reach and a practical navigation tool.

2

Creating a Scalable State and Centre Structure

Smartpur’s information is connected across several levels: states, districts, centres, programme pillars, activities, galleries, and impact stories. We created a structured data system that connects these different levels. Every centre is linked to its relevant state and district, while its activities, photographs, stories, and impact information are managed separately. This modular structure makes the platform easier to scale. REACHA can add new states, centres, or content without changing the platform’s core architecture.

3

Connecting Impact Data with Human Stories

The platform needed to present both measurable impact and the real stories behind it. These two types of content required different structures but still needed to appear as part of one connected experience. We developed separate content modules for programme statistics, impact stories, galleries, testimonials, and centre activities. Stories can be categorized by programme pillar, assigned to relevant locations, and marked as featured. This allows REACHA to present national-level numbers alongside local stories without manually rebuilding pages whenever new content is published.

4

Developing Role-Based Content Management

Smartpur content is managed by teams working across different states. Giving every user complete access would create security and content-control risks. We implemented role-based access for State Admins and Super Admins. State Admins can create and update content only for their assigned regions. Super Admins have platform-wide access and can manage users, states, centres, permissions, and publication decisions. This technical permission structure protects sensitive administrative functions while allowing regional teams to contribute content independently.

5

Building a Structured Review and Approval Workflow

Content created by regional teams needed to be reviewed before appearing on the public website. We built an approval workflow in which new content and edits are submitted to a central review queue. Super Admins can preview each submission, check the information, and approve or reject it. Once approved, the content is published directly to the live website. This reduces manual coordination, prevents unverified information from going public, and removes the need for developer involvement in routine updates.

6

Making a Data-Heavy Platform Fast and Easy to Use

Smartpur contains a large amount of information, including centre records, map locations, images, stories, statistics, videos, and programme pages. Loading everything at the same time could make the website slow and difficult to use. We organized the platform so that content is loaded according to the page and location being explored. Clear navigation, reusable content components, optimized media, and responsive layouts help the experience remain smooth across desktop, tablet, and mobile devices. The technical complexity stays in the background, while visitors experience a platform that feels simple, fast, and easy to navigate.

Scope of work

Step by step implementation

Research

4 weeks

JUN W1 – JUN W4

We understand Smartpur’s goals, audiences, programme structure, content, and approval needs.

Planning

2 weeks

JUN W1 – JUN W2

We organized the website into four levels: home, state hubs, centre pages, and supporting pages.

Design

3 weeks

JUN W1 – JUN W3

We created a warm, clear, and credible interface led by the interactive India map and real photography.

Development

2 weeks

JUN W2 – JUN W3

We built the responsive website, centre discovery experience, content modules, and admin platform.

Testing

2 weeks

JUN W3 – JUN W4

We checked important journeys across devices and refined the map, content flow, forms, and publishing process.

Delivery

2 weeks

JUN W3 – JUN W4

We prepared the platform for launch and gave REACHA the tools to manage future updates independently.

Our Solution

A Connected Platform to Explore, Manage, and Showcase Smartpur’s Impact.

The interactive India map became the foundation of the Smartpur platform. Instead of presenting the programme’s locations through a long list, MoonDive created a visual experience that shows the states and centres where Smartpur is active. Visitors can begin with the national view, select a state, and explore the work taking place in that region. The map is connected with structured location data, allowing states and centre information to be managed through the admin platform. As Smartpur expands, new locations can be added without redesigning the entire experience. By combining navigation with data visualization, the map helps visitors understand the scale of the programme while giving them a clear starting point for exploring its centres, activities, and impact across India.

Build an Interactive Experience Around the India Map

The interactive India map became the foundation of the Smartpur platform. Instead of presenting the programme’s locations through a long list, MoonDive created a visual experience that shows the states and centres where Smartpur is active. Visitors can begin with the national view, select a state, and explore the work taking place in that region. The map is connected with structured location data, allowing states and centre information to be managed through the admin platform. As Smartpur expands, new locations can be added without redesigning the entire experience. By combining navigation with data visualization, the map helps visitors understand the scale of the programme while giving them a clear starting point for exploring its centres, activities, and impact across India.

Create a Clear Journey from States to Individual Centres

MoonDive creates the platform around a simple geographical journey. After selecting a state from the India map, visitors reach a dedicated state page containing its programme overview, important statistics, and complete list of Smartpur Centres. They can then open an individual centre page to learn more about its location, activities, galleries, and impact stories. This structure prevents visitors from becoming overwhelmed by information from hundreds of centres. It also creates a consistent content system in which every state, district, and centre is properly connected. Each new centre can follow the same structure, making the platform easier to expand and maintain. Visitors can move naturally from the larger programme story to the work happening within a particular community without navigating through multiple disconnected pages.

The Results

Measurable impact and transformative outcomes achieved through partnership.

60%
Business expansion
Growth
70%
User experience
Engagement
45%
Goals exceeded
Excellence

Testimonials

Kickstart Your Dream Project With Us

We have worked with some of the best innovative ideas and brands in the world across industries.