Purchase loading animation — Microsoft 365

Loading animation while making a purchase on Microsoft mobile apps

Context:

When users purchase a premium subscription on Microsoft mobile app, it usually takes 5-10 seconds to confirm the purchase from AppStore.

To make this loading time delightful we have added this subtle animation which shows Microsoft 365 premium value and communicates the loading status.

Premium value communication — Icon animation:

1. Save time with M365

2. Speech to text/transcription

3. Writing suggestions

4. Work across devices

Loading status communication — Text transition:

1. Initiation (Loading...)

2. Confirming payment with AppStore (Activating subscription...)

3. Updating user status to premium (Getting things ready...)