Redesigning the More page in Growin’
Redesigning the More page in Growin’
Account management, everyday settings, and a consistent experience across light and dark themes. A selected design case study from my time at Mandiri Sekuritas.
Account management, everyday settings, and a consistent experience across light and dark themes. A selected design case study from my time at Mandiri Sekuritas.
The More page connects account actions, reports, preferences, and security. This case study follows the redesign from the existing interface to the More-page proposal and its supporting account and security screens.
The More page connects account actions, reports, preferences, and security. This case study follows the redesign from the existing interface to the More-page proposal and its supporting account and security screens.
Existing UI
Redesign · Light mode
Redesign · Dark mode
From a menu to an account hub
From a menu to an account hub
The existing More page started with a list of destinations. My redesign brings account identity, RDN balance, and deposit, withdrawal, and history actions into that entry point, with grouped navigation below.
The existing More page started with a list of destinations. My redesign brings account identity, RDN balance, and deposit, withdrawal, and history actions into that entry point, with grouped navigation below.
The redesign retains recognizable menu groups and adds direct access to Language and Dark Mode. Light and dark variants keep the same content order and navigation structure.
The redesign retains recognizable menu groups and adds direct access to Language and Dark Mode. Light and dark variants keep the same content order and navigation structure.
Account center · Light mode
Account center · Dark mode
A clear choice between accounts
A clear choice between accounts
From More, Account Center exposes the accounts linked to a user’s SID. The selected state distinguishes the current account from the proposed default; disabled options and “Waiting for KYC” remain visible in the account list.
From More, Account Center exposes the accounts linked to a user’s SID. The selected state distinguishes the current account from the proposed default; disabled options and “Waiting for KYC” remain visible in the account list.
The Set as Default action sits at the end of the selection. Grouping by email, labeling account types, and retaining status indicators give the choice context in both themes.
The Set as Default action sits at the end of the selection. Grouping by email, labeling account types, and retaining status indicators give the choice context in both themes.
Login & security · Light mode
Login & security · Dark mode
Keeping security controls recognizable
Keeping security controls recognizable
The Login & Security destination brings Change Password, Change PIN, PIN Timeout, and Biometric Login into one focused screen. Labels, separators, and control positions stay consistent between themes.
The Login & Security destination brings Change Password, Change PIN, PIN Timeout, and Biometric Login into one focused screen. Labels, separators, and control positions stay consistent between themes.
Dark mode changes the surfaces and text hierarchy while preserving the visual meaning of links and toggles. The same structure helps the screen remain familiar when the theme changes.
Dark mode changes the surfaces and text hierarchy while preserving the visual meaning of links and toggles. The same structure helps the screen remain familiar when the theme changes.
A connected experience across themes
A connected experience across themes
The selected work connects the More entry point, account selection, and security controls through consistent grouping and light/dark treatment. Across these screens, account identity, action priority, and security settings remain recognizable as the theme changes.
The selected work connects the More entry point, account selection, and security controls through consistent grouping and light/dark treatment. Across these screens, account identity, action priority, and security settings remain recognizable as the theme changes.