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

[prestascott]

Epic: #2 Responsive’s issue: To be created 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

Some colors have changed. The purple is completely gone and replaced by an almost-black color in this mockup because the New theme must be neutral as much as possible and must not be branded as PrestaShop. Of course, this will be applied to the entire theme, it’s WIP for now.