flipkart on lollipop - filter concept

13
Flipkart on Lollipop Redesigning product filter – By Viraj Verma

Upload: viraj-verma

Post on 18-Jul-2015

190 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Flipkart on Lollipop - filter concept

Flipkart on Lollipop

Redesigning product filter

– By Viraj Verma

Page 2: Flipkart on Lollipop - filter concept

Welcome!

Page 3: Flipkart on Lollipop - filter concept

48px

18sp

24sp

24x24px

20sp

14sp

32x32px

16sp

48x48 px

typeface

icons

Page 4: Flipkart on Lollipop - filter concept

The new LOGIN page will be accessed via Overflow icon menu ( grid = 8x8 px)

Page 5: Flipkart on Lollipop - filter concept

After searching a keyword, product list will display using material design cards

Page 6: Flipkart on Lollipop - filter concept

The respective grids of the pages

Page 7: Flipkart on Lollipop - filter concept
Page 8: Flipkart on Lollipop - filter concept

Using Lollipop’s guidelines, the filter is designed in such a way that the user will feel as if he/she is reprogramming the default filter by toggling at the

backside of the app.

The effect will be similar to bot reprogramming ; subsiding its panels and changing its setting from inside and applying those settings.

Page 9: Flipkart on Lollipop - filter concept

Press filter

Page 10: Flipkart on Lollipop - filter concept

Click on the sub category

Page 11: Flipkart on Lollipop - filter concept

Apply filters and press floating btn

Page 12: Flipkart on Lollipop - filter concept

TADA!

Page 13: Flipkart on Lollipop - filter concept