Checkout Page for E-Commerce Platform

The design showcases a two-step checkout flow for a food delivery order from McDonald’s. The first screen displays the restaurant selection with delivery and pick-up options, while the second screen provides a detailed summary of the order before final confirmation.

Design Rationale:

• Intuitive and Friction-Free: The design ensures a smooth user experience by minimizing the number of steps and providing clear, concise information at each stage.

• Trust and Transparency: Users are given a detailed cost breakdown, which helps build trust. The inclusion of arrival time and delivery options provides a sense of control.

• Microcopy: Helpful microcopy is present throughout the interface, such as “Meet outside” for delivery convenience and clear labeling of fees and total costs.

• Visual Hierarchy: Important elements like the “Place Order” button and cost details are prominently displayed, guiding users toward completing their purchase.