AJ Picard

Chad: Map - Search + Filter + Combined Animations

  • Save

I finally finished the rest of the animations for our map page inside of Chad.

For those who don't know this page allows users to scan the map and join chatrooms all over the world!

Breakdown:
In the top right we have a search button where users can search a chatroom or jump into a specific location.

In the top left we have the filter button where users can filter the map to only show chatrooms with certain tags or size.

I wanted to find a cool way to allow users to toggle both menus. In this example a user toggles Filter + Search and the Search bubble comes flying in joining both sections.

What do you think?

keyboard shortcuts: L or F like