Logo of UI Challenges
Sign in
Wireframe example for Canceling Order & Refunding
An example interpretation of the prompt
Icon of target

Canceling Order & Refunding

Icon of book open

Design the cancellation flow from order details through refund confirmation. Start where a customer manages a specific order and decides to cancel it. The entry point should show the order status, what can still be canceled, and whether a refund is full, partial, or unavailable.

The next screen should explain the cost of canceling before the user commits. Show refund amount, any restocking or processing fees, the payment method that will be credited, and the expected timeline. If the order is already shipped or partially fulfilled, replace the cancel action with the correct alternative path instead of hiding the restriction.

Include a final confirmation step that makes the action explicit and easy to review. After cancellation, show a status page that confirms what happened, when the refund starts, and how the user can track it. If the refund is delayed or needs review, surface that state with a clear next step and support link.

Icon of book open

Make the 'Canceling Order & Refunding' flow feel secure by using reassuring language, visual cues such as icons, and progressive disclosure to handle complex information without overwhelming the user.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.