Variant UI Card Iterations | UrbanClap Internship Project

In my Summer 2018, I got the chance to work as a Product Design Intern in UrbanClap.
One of the most exciting problems we solved during my internship was giving the ability to the user to buy multiple variants of the same product which has staggered pricing. This problem includes multiple challenges-
1) Upselling the higher variant to the user and at the same time ensuring the user that she is making a good deal (It is value for money).
2) Giving the ability to view all variants associated with the product/SKU and add them to cart without going into the details page.
3) Making it Scalable so that same design can be extended to other categories. We started with Massage Category(which has two variants-60 min, 90 min)
4) Ability to buy multiple quantities of "A" type and "B" type of same variants in one go.
This also involves some other UI challenges like How can we inform the user that she has already selected multiple variants of an SKU.
The above shot shows multiple iterations of the card we tried for Variants.
More updates on this project coming soon.

If you like this shot, do press Like button at the top.

I am also available for some freelance projects, Shoot me a message if you have any projects.

Posted on Aug 28, 2018

More by Nikhil Yadav

View profile