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

Packages view on Search page

๐Ÿงพ History

DateChangesLinkBy
17 April 2024List of Changes
Add a Tab bar which consists of outlets and packages on search page
Add restaurant information on package page and redirect it into restaurant page
Add package tag on filter
This PRDUmam

๐Ÿ“• About

ContextCurrently, on the search page, users can search for the restaurant they want. Sometimes users need to search for available packages rather than available restaurants. By displaying the package on the search page, users can search for it more easily.
ProblemUser can't search the package on search page
SolutionProvide feature that can help user to search based on the package
Name of FeaturePackages view on Search page
ObjectiveTo enhance user experience and engagement by allowing users to search for and discover packages directly on the search page.
GainsBy implementing the "Packages View on Search Page" feature, users can easily search for and discover packages alongside restaurants, enhancing the overall user experience and satisfaction.
PainsWithout the ability to search for packages directly on the search page, users may become frustrated by having to perform additional steps to find what they're looking for.
Figma Linkhttps://www.figma.com/file/wXoVgVlHGkGSTkE5DJJlKk/Packages-view-on-Search-page?type=design&node-id=37%3A3080&mode=design&t=Q0JkMWGbv28DJ1Qj-1
Available PlatformWeb/Android/iOS
SprintTBD
Related PRD-
Out of ScopeOld Store Page

๐ŸŽฏ User Story & Requirement

Display Tab bar which consists of outlets and packages on search page

User StoryRequirement
As a user, i want to search package on the search page


Provide Tab bar which consists of outlets and packages on search page
Users must switch tabs first if they want to search for packages
Package elements consist of
Image / thumbnail
Branch Name
Package Category
Package Name
Restaurant Name
Label / Additional information
Price and Quantity

MobileDesktop







Package tag filter on search page

User StoryRequirement
As a user, I want to narrow down my search by using Package Tag

Flow :
Go to Search page
Go to filter setting
Click Package tag
Checklist the required items
Click Save button

Provide Package Tag menu on the filters page
Provide checkbox to select the required item
Can choose more than 1 item
MobileDesktop






Confirmation Page

User StoryRequirement
As a user, I want to check the restaurant that provides the package (on the package detail page)

Provide restaurant section on the package detail page
After clicked, it will be redirected to restaurant page
Restaurant section elements consist of
Restaurant name
Rating / New label (if new restaurant)
Restaurant category
Arrow Right Icon
MobileDesktop






โ“ FAQ

QuestionAnswer
Why is it only applied to new store pages?If this feature is implemented soon, we should need old and new store page. Because there is still no plans for implementation, we assume that all store pages will use the new store page in the future.
How about mobile view?Mostly, the designs and flows are same, pls kindly check the figma