Overview
In 2018 we added a feature to pHin mobile app called Shopping List. With this feature user can create a list of chemicals they want to purchase, send it to their pool store and pick them up when they're ready.
Designing the icon was challenging. I couldn't use a shopping-cart or a basket, because it was not a shopping flow and would not lead to a check-out form. The customer only creates a list, but we wanted the icon to give a shopping impression as well. 
My plan was to start the flow with an EMPTY SAD icon and end it with a HAPPY one to make the user feel achieved. 
The concept I came up with is a paper, pinned to a shopping bag. The character is the LIST which looks grey and sad, but when finished, order is made and items are ready to be picked up, so the character is the BAG which is colorful and happy.
To give it some livelihood, I added a minimal animation to the icons (Lottie export)
Here is a screen recording of the shopping list flow. (I speeded it up to focus only on icons)

You may also like

Back to Top