Product Card Evolution

Client: Sears     Role: Art Director UX/UI Design

The Problem:

The current state of product cards across the multiple platforms such as desktop, mobile web, iOS & Android is all over the place with each platform carrying it's own set of product cards having as a consequence a serious lack of cohesion. Differing from each other on font sizes and weights, hierarchy and order of elements, and even responsive behavior, my partner in crime and I decided to put a stop to this chaos. 

The Solution:

It's currently an ongoing project that started with an exhaustive audit of all sites and platforms in order to get the support from the stakeholders across the organization. After that stage with a mobile first approach, we decided to create two views of the product cards that would morph responsively to be used across all platforms, serving multiple purposes such as product carousels, content and product cards, just to mention a few. 

Here's a sample of all the pricing conditions that had to be taken into consideration.