9:41

Delete Account

Are you sure?

Deleting your account is permanent. All your data, order history, and saved preferences will be removed.

What happens when you delete your account:
  • ✕ Your order history and receipts will be permanently deleted
  • ✕ All saved delivery addresses will be removed
  • ✕ Your saved payment methods will be cleared
  • ✕ Any active loyalty points or rewards will be forfeited
  • ✕ Your shopping lists and favourites will be lost
  • ✕ You will not be able to recover your account after deletion
This action cannot be undone.

Screen Annotations — CON-110 Delete Account

Screen ID: CON-110
Flow: Profile → Delete Account
Previous: CON-109 About
Next: CON-111 Notification Center
Warning Icon: Large red warning triangle on a soft red circular background. Communicates the severity of the action through colour and iconography. Centred at the top of the content area.
Heading & Description: Bold "Are you sure?" heading followed by a clear explanation of what account deletion means. Language is direct but not aggressive.
Consequences List: Six bullet points with red X icons listing specific data that will be lost. Each item is clearly worded so the user understands the full impact. This helps reduce accidental deletions by ensuring informed consent.
Undone Warning: Red-bordered card with bold text "This action cannot be undone." placed prominently before the action buttons. Provides a final visual warning.
Reason Dropdown: "Why are you leaving?" select field with 7 options. This captures feedback before deletion and can be used by the product team to identify improvement areas. Required before deletion can proceed in production.
Action Buttons: Two stacked buttons — "Delete My Account" (red danger button, full width) and "Keep My Account" (outlined primary button). The keep button is positioned second to make accidental deletion less likely. In production, tapping delete should trigger a confirmation dialog or OTP verification.
Bottom Navigation: 4 tabs — Home, Discover, My Shop, Profile (active). Active tab set via data-active-nav="profile" on body.