Web search redesign

Presenting a redesign of the search results page. Designed to match the search designs of the learner app.

Showing recent and trending searches made and auto-suggested search results are a few improvements we made to the search functionality.

At the top we have a search with filters right below it, allowing a user to quickly add filters for his search results.

For the main content, we decided to remove the tab layout and decided to show all the relevant content just on one screen.

We changed the layout of the courses/lessons from grid view to list view so that more visual preference is given to the text rather than the thumbnail. It would also be easier to browse.

To reduce the error of missing out certain courses/lessons while browsing, we introduced pagination instead of an infinite scroll.

Designed in Figma | Animated in After Effects