Connect Filter

Zach Waggoner
Dec 8, 2016 · 2 min read

V1 : Side filter

Starting with a filter on the left hand side allowed for easy navigation, and allowed the ability to toggle between topics, content type, and other types of categories.

Image for post
Image for post


Having it sit inline with the default cards caused the cards to fall to 2 per row.

Creating this for mobile would cause some headaches.

V2 : Top Simple Filter

Went with a simpler approach that helps separate the main hero area away from the default cards.

This tool bar allows to filter by the following types : Categories, app type, and sort by featured, views, newest,downloads, and last modified.

We added back in the capability to search**.

Partner Centric Bar

Depending on what slider color scheme we end up using will be the determining factor when it comes to the color scheme of the filter bar.

Image for post
Image for post
Partner Centric Filter Bar
Image for post
Image for post
Zuora Centric Filter bar
Image for post
Image for post
Example with dropdowns


  • * Concerns about the search, how will we run the search across connect then back to

See how the filter bar looks on the marketplace with the slider.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store