KOHLER Tablet Optimized Website Concept

With the nearing completion of us.kohler.com the questioned was asked, "what could we do differently for viewing the site on a tablet?". The desktop site relied heavily on drop down navigation which did not give the best user-experience on a touch screen. The goal was to take advantage of the touch and gestures, but not to disrupt the existing site structure.

 

In this concept, the navigation was redesigned to provide a larger touch target to browse to each product category. The homepage was reformatted to include representative images, allowing the user two ways to navigate.

 

Product category landing pages were also designed to provide larger images. The product detail pages were reorganized using a left-hand tabbed layout to provide the user information without swiping down. It also featured larger detail images allowing for swipe gesture to get to the next image.