Create Order Confirmation Email Figma Wire Frame

[Adastros]

Overview

Create a mobile-friendly order confirmation email template in Figma.

Action Items

• [x] Create a mobile-friendly order confirmation page in Figma
• [x] The order confirmation should contain the following
  • [x] The user's name, shipping address, grand total, list of purchased products with images, and method of payment.
  • [x] Header section with company logo.
  • [x] Link to the website.
  • [x] Footer section with copyright.

Resources/Instructions

N/A

[Adastros]

See images below for completed figma designs. Two designs were created: one for shipped products and one for deliveries. The only differences between the two designs are

• the text letting the user know about a confirmation email when the order is finished processing
• the payment method (e-Money v.s. cash) which indicates if the user wants delivery or shipping

Ship Product Design


Delivery Design