Digital Strategy

CIMB App

CIMB OCTO is CIMB Bank’s next‑generation digital banking platform (both web & mobile), designed to replace the older CIMB Clicks app. It aims to provide a more personalised, intuitive, secure, and flexible banking experience for retail and business customers.

A typical project lifecycle for CIMB OCTO might have included these stages (based on what the public sources reveal):

  • Research & Planning
  • Design & Prototype
  • Backend Architecture & Technology Stack Setup
  • Implementation (Web & Mobile)
  • Testing, Feedback & Iteration
  • Launch & Post‑Launch Enhancements

 

Timeframe

1 Year

My Role

Full Cycle Web & Product Development

Project Goal

UI/UX, Git, Development

Services

Team work for Design
User Reserch
Front-End Development

Development and Digital Marketing Strategy for CIMB OCTO App:

Target Audience, Design Marketing Content , modern, secure, and user-centric banking solution

Working with the CIMB team on the OCTO project was an invaluable experience that highlighted the importance of putting the user at the center of every decision. The focus on deeply understanding customer needs and enabling personalization significantly enhanced user engagement and satisfaction. The agile, iterative development approach fostered close collaboration across design, development, and business units, allowing for quick adaptations and continuous improvement.

Technically, adopting a microservices architecture proved essential in delivering a scalable, flexible, and secure platform, while maintaining a seamless and consistent experience across both mobile and web applications. Security was treated as a top priority, integrating multi-layered protections without compromising usability, and ensuring compliance with stringent banking regulations.

Continue Reading

Maaez

There are many variations of passages of lorem ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of lorem ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.

There are many variations of passages of lorem ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of lorem ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.

Timeframe

6 Months

My Role

Full Cycle Web & Product Development

Project Goal

Reposition visual brand, Generate new enquiries

Services

Branding
Web Design
Product Development
Content Writing

There are many variations of passages of lorem ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of lorem ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.

There are many variations of passages of lorem ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of lorem ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.

Continue Reading

Architecture to development

With hands-on experience in both front-end and back-end development, I specialize in building scalable, high-performance web applications using modern JavaScript frameworks and technologies.

On the front-end, I have developed dynamic and responsive user interfaces using React.js, Angular, and Next.js, focusing on component-based architecture, performance optimization, and intuitive user experiences. I implement best practices in UI/UX, state management (Redux, Context API), and modern CSS frameworks to ensure seamless usability across devices.

There are many variations of passages of lorem ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of lorem ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.

My Role

Full Cycle Web / Mobile Development

Project Goal

Reposition visual brand, Generate new enquiries

Services

Front-End Development
CMS Development
Backend Development
ERP, AI, Design to Code
Project Overview

The CIMB Clicks app is the flagship digital banking application for CIMB Bank Berhad in Malaysia. Its aim is to deliver quick, convenient, and secure banking services via mobile and web platforms, enabling users to check balances, transfer funds, pay bills, carry out investments, and manage accounts anytime, anywhere.

As part of the digital transformation team, I contributed across front‑end and back‑end development, user experience design, and performance optimisation for the app. Key responsibilities included:

  • Enhancing user flows for account access, fund transfers and bill‑payments
  • Implementing robust backend APIs using Node.js for core banking services
  • Designing responsive UI components (React/React Native) to support both mobile and web interfaces
  • Ensuring security compliance and device management according to regulatory standards (single registered device, freeze account functionality)
  • Collaborating with stakeholders (product, compliance, UX) to prioritize user needs and business outcomes
Solutions & Key Contributions

Modular architecture: Introduced a micro‑services‑style backend with isolated domain services for transfers, payments, account management; this improved maintainability and allowed parallel feature builds.

Improved frontend performance: Utilised React/React Native to build reusable UI components, reduced time‑to‑interactive, and optimised asset loading for mobile networks.

Device & session security layer: We implemented a “single device per user ID” policy and instant “Lock Clicks ID” functionality, allowing users to freeze all transactions from their profile when they detect suspicious activity. CIMB

Intuitive user flows: Simplified onboarding and common tasks (check balance, transfer funds) by redesigning the dashboard and quick‑access menu; added contextual tooltips and guided flows for first‑time users.

Transition strategy: Created a migration roadmap for legacy users, involving notification banners, transitional feature support, and analytics tracking of user movement to the new app.

Continue Reading