Product Detail Enhancement

In the summer of 2016, as a part of product level improvement, I was tasked to enhanced the product detail page for mobile site (m-site). This entails primarily, re-structure the information organizations, optimized interactions pattern & enhanced visual design. The primary goal was simply, a simpler approach to browsing product information. 

By defining the information hierarchy, I was able to better grouped each elements and refactored any content redundant that takes away the focus of the page itself, i.e. cicilan, product info/review, etc. 


Full-view of the p.detail screen

Before & after comparison screen

Use case 1: Display prices variants

Display stock status variants

Color & size attributes interaction

Multi-merchants card concept