Daily UI Challenge - Checkout Modal (Desktop)

Day 2 of the Daily UI Challenge

This day's prompt was to design a checkout modal for the website design created from day 1.

I took inspiration from a few skincare brands with beautiful and well-thought out e-commerce sites: Krave and Peach & Lily. From these inspirations, I crafted a design keeping in mind important functionalities that a shopper would encounter during a shopping experience on the site:

1) A notification on the shopping cart icon to indicate how many items (if any) are in their cart already

2) The option to reduce the quantity of a particular item in their cart

3) The option to delete a whole item from their cart

4) Enlargening and bolding important details and steps of their soon-to-be transaction: the subtotal of the purchases and a high contrast "Checkout" button

More by Linh

View profile