Acknowledgement & Success

Design a success state that appears immediately after a user finishes a meaningful action: submitting a challenge, earning a badge, or completing a milestone. This is not a generic congratulatory page. It should confirm the completed action, show what changed, and point to the next step.

Use a clear hierarchy: completion message, result summary, and reward. If there is a badge or progress gain, make it visible without forcing the user to scan for it. Keep the tone specific and personal, not loud or ceremonial.

Include one primary action that fits the context, such as continue, view details, or claim reward. Add one secondary option for sharing or inviting others only if it supports the product flow. The screen should feel like a clean handoff after success, not the end of the experience.

Infuse the design with celebratory animations or color bursts to create a delightful experience upon user achievements.