[RESPONSIVE - My account page] Update Order details and Credit slips

[prestascott]

Epic: #2 Responsive’s issue: #189 Related issue: #29

Link to Figma prototype

Context

The credit slips are placed in the same page: My account > Credit slips. A credit slip is always related to an order because it’s an accounting document issued by the merchant as a proof of total or partial refund. It’s logic to place credit slips directly in the related order right?

UX and design explanations

Credit slips

• Remove the Credit slips page → Because it’s already in the related order
• Place the Credit slips table in the Order details → To centralize information
• Remove the Order reference in the Credit slips table → Because it’s already in the related order
• Add a tooltip in the Credit slips section title → It will subtly helps users to understand this term

Order details

• Add the “Download invoice” button and place it next to the “Reorder” button
• Place the Tracking section at the top → It’s the first thing that users want to see in the order details
• Place the Products section after the Status section
• Add the subtraction in red for refunded products → It allows users to quickly identify what has been returned/refunded

Mockup