Retail UX & UI Wireframing

Retail product pattern merge using the Golden Ratio.

The following is a modified or blended pattern combining design features and design patterns both from coupons.com as well as groupon.com. By leveraging the competition's best aspects of product display with respect to how they represent coupons and respond via feedback we can come to building a better solution.

Retail product pattern merdge using the Golden Ratio.

 

Link to UX Research: http://bit.ly/29HvvLV

Link to wire frames: http://x85coz.axshare.com

The following is a modified or blended pattern combining design features and design patterns both from coupons.com as well as groupon.com. By leveraging the competition's best aspects of product display with respect to how they represent coupons and respond via feedback we can come to building a better solution.

 

The golden ratio was used to design the coupon itself. A strong cohesive  use of space is essential in encouraging people to be interactive and engage our CTA’s.  Leveraging the golden ratio is a simple and easy way to effectively make a user's I feel comfortable while scrolling through and lots of offers. Multiple areas of the golden ratio have been used to subdivide specific aspects of the coupon itself including the add and subtract buttons of the coupon, Clipped box, etc. Collectively this use of space should create a pleasurable experience to the user.

 

Obviously working directly with the developer to establish a proper scroll experience via interactivity as well as cell padding and spacing and other aspects of front end development are critical to pulling off this design. Additionally the golden ratio can be used to further subdivide space outside the coupon throughout the page.

 

Some competitors have chosen to take the user to a separate pages completely after clicking on a coupon. I feel as though this is distracting to most people's attention spans and risky if pages break. Waiting for a second pages to load and understanding how to digest and completely new page designs with completely new navigation may not be in the best interests of the user or business goals.  In my opinion I see this is a risk, therefore the majority of this website is based on one single long scrolling page.

Final wired pattern

View PDF
design solution
View Verticle Golden Pattern in wireframe

Final designed pattern both vertical and horizantal

Alternate Horizontal Golden Pattern
View PDF
design solution

MCDT is a Design and UX Consultancy
 

© 2012-2016 

MCDT Consulting