For day 2, I used Pinkoi for my interface redesign challenge. It's a place that I love very much whenever I want to buy birthday gifts for my friends.

I borrowed the pink color they used (yah you can tell from the name). I think for credit card checkout page, there are two important elements:

  • the overview or summary for the items that I bought
  • the place to type in credit card information

The shipping cost is another thing that I care about during the checkout process. I do want to know what else money does the system cost me and the total amount before I spend it. In the payment method section, I used green/red color as the indications as well, I think these two colors are universal and make sense to users a lot. Under payment method, there is address info where the user can type in the shipping address and billing address. The billing address is set defaulted as the shipping address.