Research project aiming to create highly usable filters for a fashion e-commerce, while keeping the UI in the forefront. The goal was to add some identity to a traditionally very functional part of websites and apps.

 

Animation was a big part of this project: since it helps communicate to the user that things are being loaded, or that change is happening. The play on colors helps communicate the change of categories (ex: blue is for designers, green is for sizes) as well as the areas of the filters that have been used already, and those that remain untouched.

mckup

The filters allow the user to select several options within each category, while displaying a number in the top of the screen showing how many products are available for the current search. The buttons “back” and “show results” are in the bottom of the screen, so they are easily accessible for the user with their thumb.

filter_display

The playful design helps the user understand where he is, and the logic behind the filters, instead of distracting from the functionality. The goal is that one can use them comfortably, and gets excited about shopping at the same time.

filter_2.png

Posted in web

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s