Complex process made easy for users with step-by-step flow
Preparing the next view...
Grameenphone / Case study
GpFi (Revamp)
This project involved the redevelopment of the GPFi platform, a next-generation Wi-Fi service provisioning and management system for Grameenphone. The revamp aimed to enhance the user experience, streamline the ordering and tracking process, and integrate modern authentication and payment solutions. The redesigned platform features an intuitive step-by-step flow for ordering and tracking Wi-Fi services, along with a centralized plan management dashboard. Additionally, it incorporates SSO login and bKash-based ordering to provide a seamless and user-friendly service experience.
- Company
- Grameenphone
- Role
- Frontend engineering
- Year
- Selected work
- Duration
- Product delivery
GPFi is a next-generation Wi-Fi service provisioning and management platform developed for Grameenphone. It is designed to serve both individual and corporate users through a seamless digital experience. The system features an intuitive step-by-step ordering and tracking flow, along with a centralized plan management dashboard. It also integrates modern authentication and payment solutions, including SSO login and bKash-based ordering, ensuring a smooth and user-friendly service experience.
Next.jsChakraUILeafletJSjs-cookie
02 / Outcome
What changed after the work.
Enterprise level UI for users to manage their plans and devices
03 / Engineering decisions
Challenge, implementation, outcome.
Challenge
Manage and update Cookies for different scenarios
Implementation
Built UI
Outcome
Complex process made easy for users with step-by-step flow
Challenge
Third Party api for Geo Location data and its response changed which miss aligned with backend database frequently
Implementation
Integration REST API
Outcome
Enterprise level UI for users to manage their plans and devices
Challenge
Payment System validation with bKash and its different flow for corporate and individual users
Implementation
Payment validation
Outcome
Delivered a clearer, more maintainable workflow for the product.
04 / System view
How the product moves.
component-based + API-driven
01API
02Server/Client
03UI
04Conditional Rendering
Core features
- Dynamic Sortable Homepage section through CMS
- Developed different plans and device across available areas
- Designed complete order journey flow (Geo Location → Plan → Device → Info → Review → Submission → Tracking → Plan Activation → Dashboard)
- Cookies management for storing left out session data and user preferences
- Integration OTP & SSO login for seamless authentication across Grameenphone services and Third Party apps
- GEO Location by using BariKoi API for personalized access plan & device recommendation
- OTT platform access assigned to plans and device
- Map integration using LeafletJS for visualizing Wi-Fi coverage areas and user locations
My contribution
- Built UI
- Integration REST API
- Payment validation
Performance and quality
- API Caching for frequently accessed data
- Dynamic Imports for homepage components reduced initial load time
- Maintain Static & Dynamic page balance for better SEO and user experience
- Manual testing for tracking flows
- API response validation for order flow and payment validation
Next case study
Issue Tracker