SuperApp Architecture & Mini-Programs

• Single-purpose foundation: The original app was designed mainly to check SIM balances. The mobile wallet, payments, and entertainment services lived in separate apps that were not connected.
• Balancing team priorities: Commercial teams, digital squads, and customer care all needed space on the home screen for their users, which was hard to balance in a fixed layout.
• Slow update cycles: In the past, updates depended heavily on outside agencies and full app store reviews. This often took months, making it tough to test new ideas quickly.
• Protecting core revenue: While we wanted to experiment with new digital services, we had to make sure core SIM top-ups—the company’s main revenue stream—stayed completely stable.
• Building shared consensus: With many teams involved, moving to a modern setup meant aligning goals across different departments and leadership.

• Much faster shipping: Helped the team cut regular app release cycles down from months to around 6 weeks.
• Instant updates: Teams could update banners, promo cards, and home screen layouts through a CMS without waiting for app store approval.
• Flexible data packs: Commercial teams could test and launch new data offers on the fly without needing custom engineering work.
• A unified platform: Successfully grew the app from a basic account checker into an all-in-one SuperApp for phone plans, payments, games, and services.

Working alongside our engineering leads and product managers, my role focused on the UX architecture, interface design, and connecting business goals with technical constraints:

1. Modular Screen Design: Helped structure the app into independent modules so new features could be added without touching core SIM functions.
2. Unified Checkout Journey: Partnered with the wallet and backend teams to connect balance top-ups, mobile wallet, and scratch cards into a single clear checkout flow.
3. Mini-Program Framework: Designed the UX framework for lightweight web applets, allowing squads to launch new mini-services overnight.
4. Dynamic Card System: Built a card-based home screen layout driven by our CMS, letting marketing organize sections based on user habits.
5. Simpler Pack Discovery: Redesigned how customers browse and buy data packs, making options clearer and purchase faster.
6. Design-to-Code Alignment: Created shared UI components and design specs to help our developers ship interfaces smoothly without guesswork.