Elite is a online continue education website for professionals who need to update their license every year. Peer designer designed the new desktop site, and found there were some problems on the mobile devices, such as the filter is not “responsive”. So I came in to solve this problem.

Elite Mobile

I like to provide 3 design solutions

1st solution was to treat filter as a separate page. Once the user hits the filter button, it goes to another page where all the filter items are available; it’s simple and clean, fast to load, me and the web dev both like this one.

2nd solution was to have 1 filter button and treat the filter section as a flyout modal, just like amazon’s filter. The product manager likes this one the most and went with this solution.

3rd solution was just an alternative of the 2nd one, but bigger, more space to go through all the filter options.

Final Design