Gallery
See what others have created
vlxtupp
@vlxtupp
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.
What to deliver
- Design a post-action success screen for a completed task or challenge
- Show the earned reward, badge, or milestone with clear hierarchy
- Add a short personalized confirmation message and next-step CTA
- Include a secondary action for sharing, saving, or continuing
- Define empty, partial, and completed reward states if the screen supports progress
Infuse the design with celebratory animations or color bursts to create a delightful experience upon user achievements.