Filtering and sorting things Tudu in Toronto

Image 1: Overview of the main navigation and filtering components, in desktop and mobile view.

Summary

Context

The Problem Space

Image 2: screenshot of the “Explore” page and navigation, before my redesigns.

The grunt works

Step 1: breaking it down

Image 3: cards (new design I'm still working on — a story for another day) of the 4 itineraries I broke down.

Step 2: Setting objectives

Design and iterations

Version 1 interactive prototype

Video: a demo of the full navigation + filtering interface at work.

Version 2 high-fidelity wireframes

Image 4: the top navigation with the "Explore" tab open, in mobile and desktop view.
Image 5: the “Explore” filtering interface, in mobile and desktop view.
Image 6: selecting a filter (African cuisine), in mobile and desktop view.

Last words

Burundian living in Toronto | Dad, Husband, Entrepreneur, Storyteller & Product Designer | Tweep (@nsabiyumva_)

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