As a customer, I want to view recently searched Hotels in the form of content cards, so that on clicking a relevant bar, I navigate to Hotel Listing page which showcases Hotel details as per the recent search query.

As a customer, I want to select a City/Hotel/Area/Building, so that based on search criteria, the relevant Hotel details are displayed.

As a traveler, I should be able to view exclusive deals as a Horizontal scrollable list, So that I can obtain the information about relevant discounts and top deals available for Hotel.

Launched From: This page will be launched when user will tap on Hotel tab on Akbar Travel home page

Page Description:

Using this page user can:

Input Hotel search criteria

Input no. of Rooms and Guests

View exclusive deals

View its recent searches

Access: All users have access this page

Design:

⁠

Screen Fields(Hotel Search Page)

Screen Fields(Hotel Search Page)

Name

Column 2

Column 3

Notes

Location Search Bar

Search Bar

User can click on search bar to search hotel basis on City/Hotel/Area/Building and get the desired result. It will show Option to search for nearby hotels based on customer's current location. It will have GPS option at the right side of bar asking Permission for switching phone GPS on. Flags: will be managed at the frontend, it will not be API based. Icons are response based. List will contain popular cities listed down once user open the bar. Rules & Validations: By default it will take last search or nearest Area (based on GPS location) last 3 recent searches to be shown. In case user has entered specific Hotel name, that hotel will be ranked on top and nearby Hotels results will be listed below that.

No. of Nights

Dynamic Text

User will be able to view no. of nights he will stay at the property. Validations: Checkout date - check-in date = No. of night

Check-In/Check-Out Dat

Calendar

Using this user will input the check-in/check-out date from the calendar. Check-in and check-out will have separate tabs at the top of calendar. Selected date will appear in DD/MMM Day, YYYY format. Done button will save the dates and move back to search page. Rules & Validations Max. 28 days open calendar window for booking a Hotel from check-in date(comment: Max. 15 days open calendar only - sprint-4&5 feedback) By default check-in date will be current date and check-out date will be tomorrow’s date. landing inside calendar, if user clicks anywhere(after selected dates) then check-in date will be reselected over-riding previous entered information and it will remove check-out date selector. User’s second click will be the placing of check-out date within 28 days of window limit. The process will recur in case of 3rd click and so on. Provision to show the date of Holidays in the calendar to be added in different color. It will be live in application once the API is ready from AT’s end.

Room and Guest

Link

User will see a new sub-page collapsible menu, so that he can add Guests per given Room. User can add rooms and guests simultaneously. Rules & Validations 1 Room and 2 Adults are selected by default. Max. 4 guests are allowed in single room (including 1 adult (mandatory)+ child combination) Hotel Policy at the time of check-in will override the Booking Policy. If 1 Room == 2adults ++ they can allocate 2 children. If 1 Room == 3adults ++ they can allocate 1 Child If 1 Room == 4adults ++ No child allocation If 1 Room == 1 Adult ++ they can allocate upto 3 children. Guest will be shown which is sum of [Adult + Child] Maximum room allocation would be not more than 6 rooms in single booking. In case customer put below 5 years, always consider that as Infant based on supplier policy.

Quick Filters

Tab Checkbox

User must have an option to select one or more filters from the below to filter out the results in Hotel Listing page: Free Cancellation Free Breakfast “Inclusions” will be the heading for this section. Rules: User can choose more than 1 filter at a time.

Search Hotels

CTA

After updating all required field and customizing requirements, user can click on Search to view preferred results

Recent Searches

Link boxes

User will be able to see brief history over a card type link with details: Property Name Destination Check-in/check-out dates No. of Rooms and Guests. It will help user to exclude re-entering of Search criteria. Keep recent searches cards significant small, so that the whole search page may not become scrollable downwards. Rules & Validations Latest 5 recent searches will be visible. list of recent searches will Horizontal scrollable view Selecting Recent search Card will redirect to Hotel Listing page

exclusive deals

banner

This would be the banner image of the deal containing product information for which the offer is applicable and a timer to create an urgency. User will be able to click on the banner image, API will fetch Data stored for that Banner and navigate the user to the where detailed information of the offer will be shown to the user. Banner Detail Page Background Image Tagging is present at the top left corner module-wise CTA image will itself be a link it will redirect to exclusive deal details page Count-Down Timer- present at the top right corner. Provision is not Live as of now but once functionality is live we need to show. AT team will provide the Timer status and response from the backend, only visibility and content is front end part. User have the option to copy the promocode from this section which is present over the image link card of Banner. Top 90% of banner image will be a CTA. Provide Promocode and Copy button on the Ribbon at the bottom which is remaining 10% of the Banner image. Rules: System will ensure only the latest promocode copied will be saved in clipboard. User will only view Hotel specific Deals on Hotel search page. Count-Down Timer will be shown if the data is available, in case of no data , it will not get any place holder on the Card image, hence not shown to the user.

There are no rows in this table

⁠

Note: Session Timer must be ticking in the backend and must be showcased less from 1 minute. This will be available on all pages except payment page.

Rooms and Guest pop-up:

Screen Field(Rooms and Guests)

Screen Field(Rooms and Guests)

Field

Field Type

Mandatory/Optional

Description

Rooms and Guests

Heading Label

Room No. #

Sub Heading Label

Guest - Adult(Age 12 and above years)

Input Spinner*

User need to update number of adult travelers. Rules: By-default 2 adults will be shown as Passenger Count

Guest - Child(Age 0-12years)

Input Spinner*

user need to update any child traveling with them.

Child# age

Tab view/dropdown

In case user entered child count more than 0 in the incrementor , then the user will get the option to choose from dropdown the age of specific child. 12 11 10 9 8 7 6 5 4 3 2 1 Under 1 year

+ Add Another room

link

It will enable user to add another room as per the requirement

Done

CTA

It will redirect to Hotel search page after options are entered.

There are no rows in this table

⁠

*Input spinner

is an input component where the users can enter/select a numeric value with incrementer and decrementer buttons.

Note: Session Timer must be ticking in the backend and must be showcased less from 1 minute. This will be available on all pages except payment page.

Acceptance Criteria:

Given I am an AKT user, When clicking on hotel search, then the system should fetch the information as per my searching criteria based on City/Hotel/Area/Building.

Given I am a customer, When I select a search card under recent searches, then the system must ensure that on click, the customer navigates to the Hotel Listing Page and show searched criteria.

Given I am a customer, When I click on a special deals, Then the system must ensure:

Customer is able to copy the promocode from the desired deal from the content cards.

Customer is navigated to Exclusive Deals Detail Page to view the details of the selected deal.

Customer is able to view Exclusive Deal Listing Page to view list of all exclusive deals.

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.