Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Search result UI Redesign

Document Feature

Title

Search result UI redesign

Description / Background

We have more than 1000+ partners currently and the current UI for the marketplace (search result page) is limiting the number of restaurants/hotels displayed at one time (i.e. restaurant cards displayed per screen size before scrolling). Also there are many UI components were added to this space throughout the year that made the page looking congested such as

  • hashtags
  • missing location UI when the restaurants have more than 1 outlet
  • Non-unified image ratios/icons throughout the platforms

Objectives

  • User can browse the search results with correct information such as location vs. number of outlets and unified components such as icons
  • User can change view between image list view and card view effortlessly
  • User can see the option to prepay for the booking at the Payment Page available to both guests and members

Scope

  • Web (mobile only), iOS, Android

Sequence Diagram / Flow

ERD

DB Schema / Database Migration

Column NameData TypeDescription

API Blueprint

MethodPathURLDescriptionPayload

Blueprint

[

docs.google.com

https://docs.google.com/document/d/1IHMiwscZX4_klGKd85djcmjMPaBEyHw6oijt7UJUbsw/edit?usp=drivesdk

](https://docs.google.com/document/d/1IHMiwscZX4_klGKd85djcmjMPaBEyHw6oijt7UJUbsw/edit?usp=drivesdk)

New Query

Notes, Constraint & Assumptions

TODO / Task List / Action Items

[

Basecamp Log In

https://3.basecamp.com/5190892/projects/30554261

](https://3.basecamp.com/5190892/projects/30554261)

References

https://www.figma.com/file/9lSyZO3C1Un0PSgWAEy24U/New-Filter?node-id=201%3A4452&t=GLda7FeG0eA83e5t-1

Change History

NODate TimeWhat ChagedDescription
109 Dec 2022-Initial Document