FUNCTIONAL SPECIFICATION

Al-Futtaim Web Experience Suite

P.SER.001

General Information:
Project Start date
Project End date
Project Duration
Project Sponsor
Project Manager
Samer Zananiri
Document Owner
GBM
Version Number
1.2

Page 1 of 62

Functional Specification Revision History

Version
Draft 0.1

Date
07/28/2010

Description
Initial Draft Release

Draft 0.2

07/29/2010

Reviewed and updated internally

1.0

07/29/2010

1.1

08/06/2010

1.2

08/06/2010

Initial Release
Updated with Data element & Data
validation section
Updated with .GIF images

Revision By
Mustaq Baig
Ramakrishna, Milind
& Mustaq
Mustaq Baig
Mustaq Baig
Mustaq Baig

Page 2 of 62

Contents
1

Introduction .................................................................................................................6
1.1 Project Description............................................................................................................. 6
1.2 Project Scope ..................................................................................................................... 6
1.3 Assumptions ....................................................................................................................... 6
1.4 Business Rules................................................................................................................... 6
1.5 Acronyms ............................................................................................................................ 6
1.6 References.......................................................................................................................... 7

Functional Specification ............................................................................................8

2.1 Toyota Landing page......................................................................................................... 8
a. Home page ........................................................................................................................ 8
2.2 Primary Navigation .......................................................................................................... 11
a. CARs ................................................................................................................................ 11
b. SUVs ................................................................................................................................ 12
c. MPVs ................................................................................................................................ 12
d. LCVs ................................................................................................................................. 13
e. Fleet.................................................................................................................................. 14
f. Service & Maintenance ................................................................................................. 15
g. Certified Used ................................................................................................................. 15
2.3 Promo Boxes .................................................................................................................... 16
a. Promo Boxes .................................................................................................................. 16
2.4 Header ............................................................................................................................... 17
a. Request A Quote ............................................................................................................ 17
b. Book a test drive ............................................................................................................. 22
c. Request A Brochure ...................................................................................................... 25
d. Finance/Insurance.......................................................................................................... 27
Page 3 of 62

e. Customer Care ............................................................................................................... 28

f. Our Locations.................................................................................................................. 31
g. Contact Us ....................................................................................................................... 35
h. Search .............................................................................................................................. 35
2.5 Product Menu ................................................................................................................... 37
a. Product Overview ........................................................................................................... 37
b. Product Features ............................................................................................................ 39
c. Product Gallery ............................................................................................................... 41
d. Price & Specification ...................................................................................................... 43
e. E-brochure ....................................................................................................................... 47
f. Warranty .......................................................................................................................... 48
g. Finance/Insurance.......................................................................................................... 49
h. Book A Test Drive .......................................................................................................... 49
i. Variants ............................................................................................................................ 50
2.6 Secondary Navigation ..................................................................................................... 51
a. About Al-Futtaim Motors ............................................................................................... 51
b. Al-Futtaim Motors News ................................................................................................ 53
c. Al-Futtaim Motors News Detailed page ................................................................... 55
d. Special Offers ................................................................................................................. 57
e. Other External Links ...................................................................................................... 60
2.7 Footer ................................................................................................................................ 60
a. Footer Info ....................................................................................................................... 60
2.8 Other Requirements ........................................................................................................ 60
a. General requirements .................................................................................................... 61
2.9 Security Requirements .................................................................................................... 61
Page 4 of 62

a. Security Requirements .................................................................................................. 61

2.10

Non functional Requirements .................................................................................... 61

b. Non functional Requirements ....................................................................................... 61

3

Reports ....................................................................................................................... 62

User Acceptance Criteria ......................................................................................... 62

Changes to Other Systems ...................................................................................... 62

Non Functional Requirements .........................................Error! Bookmark not defined.

Appendices ................................................................................................................ 62
7.1 Appendix A AFG Web Portal User Access Details ................................................. 62

Page 5 of 62

INTRODUCTION

This document provides functional requirement of Toyota website. Document covers functional
requirements which will be implemented with the new site to improve the User experience and
usability aspects of current Toyota website. Together With new user experience, new system
will also provide better control over the content management aspects of the site.
1.1 PROJECT DESCRIPTION
Toyota Web Portal Services will allow users to know more about Toyota models, avail services
and get in touch with Toyota brand. This site will be supported in both English and Arabic
version of the content.
1.2 PROJECT SCOPE
Functionality in Scope
1.
2.
3.
4.
5.
Out of Scope (For Phase 1)
1.
2.
3.
4.
5.
6.
7.
Note: Any other functionality which is not part of Functionality in scope section will be
considered as out of scope for Phase 1 of this project.
1.3 ASSUMPTIONS
1. AFG provides the required content management support to implement web portal
services.
2. CMS Admin user will maintain the content.
1.4 BUSINESS RULES
1. AFG will provide the business rules if any.
1.5 ACRONYMS
Page 6 of 62

Term
AFG
AFM
CMS

Description
Al-Futtaim Group
Al-Futtaim Motors
Content Management System

1.6 REFERENCES
1. Existing Toyota website www.toyota.ae
2. Proposed UI Design screens 01_ToyotaUAE_ABC.jpg to
25_ToyotaUAE_XYZ.jpg
3. IA Document

Page 7 of 62

2.1

FUNCTIONAL SPECIFICATION

TOYOTA LANDING PAGE

A. HOME PAGE

Description
Assumption&
PreRequisites
Functional
Requirement

Allow users to navigate through the complete website.

1.

1. On load of the website homepage, the user is presented with

following components which are common across all the web
pages [detailed behavior is explained in further requirements]
1.1. Header
1.2. Search
1.3. Primary Navigation
1.4. Image Area
Page 8 of 62

1.5. Promo Boxes

1.6. Secondary Navigation
1.7. Footer
2. The Header should have the following links and when user
clicks on any link the respective page should get opened
2.1. Request a Quote
2.2. Book a Test Drive
2.3. Request a Brochure
2.4. Finance
2.5. Customer Care
2.6. Our Location
2.7. Contact Us
7
3. Search Box is a text field with label SEARCH within it as shown
in the above image.
4. Primary Navigation should have the following tabs and when
user clicks on any tab the mega drop down menu is shown with
the options within that particular category. The user will be able
to navigate to any options within a particular category.
5. Home page Image Area will consist of images of popular Toyota
models which keep rotate with the interval of 3 seconds one at a
time and two buttons Learn More and Book a Test Drive.
When user clicks on Lear More button the Product Page of
specific model shown in image area will get opened. When user
clicks on Book a Test Drive link the respective page should get
opened.
6. On home page there will be three Promo Boxes. The Promo
Boxes or place holders could have different content, Request a
Quote, Book a Test Drive, etc. The content author would be
able to make these changes.
7. Secondary Navigation will have the following links and when
user clicks on any link the respective page should get opened
7.1. About Al-Futtaim Motors
7.2. Al-Futtaim Motor News
7.3. Special Offer
7.4. Fun Zone
7.5. Careers
7.6. Off-road Trips
7.7. Toyota Kids
7.8. Toyota Racing
7.9. Toyota Future
8. Footer will have the following links when user clinks on any link
the respective page should get opened
Page 9 of 62

8.1. Al-Futtaim Motors Company LLC An Al-Futtaim Group

Company 2010, All rights reserved.
8.2. Privacy Statement
8.3. Terms of Use
8.4. Sitemap
9. Al-Futtaim Motors logo will be in the right side of the header
10. Toyota logo will be in the left side of the header
Clarification/
Comments/
Suggestions

Page 10 of 62

2.2

PRIMARY NAVIGATION
A. CAR S

Description

Assumption&
PreRequisites
Functional
Requirement

Allow users to find out information about all models within Toyota
range
1.

1. When user selects CARs tab the mega drop menu will be
shown with the models within the Toyota range.
2. Admin user will have the flexibility to add more models required
to the dropdown.
3. There will be six models shown in the dropdown by default , If
new models are to be added then arrows on left and right
should come to navigate across models
Page 11 of 62

4. Every model is shown with a thumbnail image, model name,

and price
5. On clicking the thumbnail or the title of the model, the user can
go to the detailed page of that particular model. Both model
thumbnail image and model name are links
6. In each model dropdown, there will be four sub menus,
Variants, Features, Price & Specification and Gallery and they
could change in the future. In phase 1, to maintain consistency
each model has same sub menu item. The respective page will
open when user clicks on any sub menu

Clarification/
Comments/
Suggestions

7. Default hierarchy should be defined when author creating a

model.
1.

B. SUV S

Description
Assumption&
PreRequisites
Functional
*TBD
Requirement
Clarification/
Need information on this requirement
Comments/
Suggestions

C. MPV S
Description
Assumption&
PreRequisites
Functional
Requirement
Clarification/

*TBD

Page 12 of 62

Comments/
Suggestions

Need information on this requirement

D. LCV S

Description
Assumption&
PreRequisites
Functional
*TBD
Requirement
Clarification/
Need information on this requirement
Comments/
Suggestions

Page 13 of 62

E. FLEET

Description
Assumption&
PreRequisites
Functional
Requirement

Allows user to find out Fleet related information

1. This functionality not in phase1

1. When user selects Fleet tab the mega dropdown menu will be
shown with three Fleet types Small, Medium and Large.
2. Admin user will have the flexibility to customize this dropdown.
3. Every Fleet type is shown with a thumbnail image and More
Information link.
4. On clicking the More Information link the user will go to the
detailed page of that particular Fleet type.
5. In the dropdown, there will be six sub menus, How to get
started, Fleet range etc. and they could change in the future.
The respective page will open when user clicks on any sub
menu.
Page 14 of 62

Clarification/
Comments/
Suggestions

1. Need information from business

2. Where does the user go when he clicks on More Information
link?
3. Where does the user go when he clicks on sub menu options?

F. SERVICE & MAINTENANCE

Description
Assumption&
PreRequisites
Functional
*TBD
Requirement
Clarification/
Need information on this requirement
Comments/
Suggestions

G. CERTIFIED USED

Description
Assumption&
PreRequisites
Functional
*TBD
Requirement
Clarification/
Need information on this requirement
Comments/
Suggestions

Page 15 of 62

2.3

PROMO BOXES
A. PROMO BOXES

Description
Assumption&
Pre-Requisites

It describes the Promo Boxes behavior

Functional
Requirement

1. The Promo Boxes or place holders could have different content, Request
a Quote, Book a Test Drive, etc.
2. Each Promo box will consist of a link/button, thumbnail image with respect
to content shown in the Promo box. When user clicks on a link the
corresponding webpage should open.
3. Promo boxes contents can be changed by content authors. Authors will
use standard templates to create contents for Promo boxes
4. The end user will not be able to change the content.

Clarification/
Comments/
Suggestions

Page 16 of 62

2.4

HEADER
A. REQUEST A QUOTE

Description

Allow users to request a Quotation for a selected model

Page 17 of 62

Assumption&
Pre-Requisites
Functional
Requirement

1. Request a Quote, user can choose this page from header or by

clicking the link in a Request a Quote Promo box.
2. Request a Quote page will consist of followings
2.1. Four form sections
2.1.1.
Customer Information
2.1.2.
Choose a Vehicle
2.1.3.
Purchase Information
2.1.4.
Vehicle Trade-In Information
2.2. Two Promo Boxes in right side of the page
2.3. Two buttons Reset Form & Request a Quote
3. Customer Information section will have the following fields
3.1. First Name 50 characters with special characters, mandatory
3.2. Last Name 50 characters with special characters, mandatory
3.3. Phone - only UAE numbers (+971), max. 12 field length, only
digits, no characters
3.4. Mobile - only UAE numbers (+971), max. 12 field length, only
digits, no characters, mandatory
3.5. Email - with standard email validations with max length of 100
characters, mandatory
3.6. Location dropdown list box
3.7. Full Address - Free flow text box, limited to 500 characters and
with special characters, mandatory, dynamic count enable
4. Choose a Vehicle section will have the following fields
4.1. Dropdown box with label Model mandatory
4.2. Dropdown box with Engine Type mandatory
4.3. Dropdown box with Choose the Grade mandatory
4.4. Dropdown box with Number of Doors mandatory
4.5. Dropdown box with Body Colour mandatory
4.6. Dropdown box with Interior Colour mandatory
4.7. Additional Options Free flow text box, limited to 500 characters
and with special characters
5. Purchase Information section will have the following fields
5.1. Calendar control with description Purchase Time mandatory
5.2. Dropdown box with description Payment Method
6. Vehicle Trade-In Information section will have the following fields
6.1. Text box with description Vehicle Make - 32 characters with
special characters
6.2. Text box with description Vehicle Model - 32 characters with
special characters
6.3. Dropdown box with description Model Year
6.4. Dropdown box with description KMs Driven
Page 18 of 62

7. Values in the dropdown boxes will be populated from database

8. When user clicks on Reset Forms button, all the text boxes in the
page will be clear off and all the dropdown boxes set to their default
values.
9. When user clicks on Request a Quote button after filling all the
sections the data get saved and an email will be send to the
concerned department.

Clarification/
Comments/
Suggestions

10. There will be standard validations for the data being captured
1. In the bottom of this page, Request a Quote button should be shown
instead of Book a Test Drive button
2. Label is not shown for location dropdown box.
3. Payment Method dropdown values would be provided by AFG
4. What are values should be in dropdown boxes?
5. What are the default values in dropdown boxes?
6. List of email address?

Data Elements & Validation

Data
Element

Default
Value

Dropdowns
Values/
Metadata

First Name

Maximum
Length
50

Last Name

50

Telephone

12

Mobile

12

Email
Address

Location
dropdown

Minimum
Length

100

Select
Location

Abu Dhabi
Al Ain
Dubai
Rasal
Khaima
Sharja

Is
mandat
ory?

Other
Validation

Data
Type
Chara
cter

with special
characters

Chara
cter

with special
characters

Numb
ers

only digits, no
characters

Numb
ers

only digits, no
characters

standard email
validations

Y
Page 19 of 62

Full
Address
dropdown

500

Model
dropdown

Select a
Model

Engine
Type

Select
Engine
Type

Choose
The Grade
dropdown

Select
Grade

Number of
Doors
dropdown

Select
Number of
doors

Body
Colour
dropdown

Select Body
Colour

Interior
Colour
dropdown

Select
Interior
Colour

Additional
Options
Purchase
Time
dropdown

500

With special
characters,
Dynamic count

Chara
cter

with special
characters

Payment
Method
dropdown
Vehicle
Make
Vehicle
Model

with special
characters

with special
characters

Model Year
dropdown

KMs Driven
Page 20 of 62

dropdown

Page 21 of 62

B. BOOK A TEST DRIVE

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allows user to book a test drive

1.

1. Book a Test Drive, user can choose this page from header or by
clicking the link in a Book a Test Drive Promo box or from Product
Menu.
2. Book a Test Drive page will consist of followings
2.1. Two form sections
2.1.1.
Customer Information
2.1.2.
Current Vehicle Owned
Page 22 of 62

2.2. Two Promo Boxes on right side of the page

2.3. Two buttons Reset Form & Book a Test Drive
3. Customer Information section will have the following fields
3.1. First Name 50 characters with special characters, mandatory
3.2. Last Name 50 characters with special characters, mandatory
3.3. Phone - only UAE numbers (+971), max. 12 field length, only
digits, no characters
3.4. Mobile - only UAE numbers (+971), max. 12 field length, only
digits, no characters, mandatory
3.5. Email - with standard email validations with max length of 100
characters, mandatory
3.6. Dropdown box with label Vehicle of Interest mandatory
3.7. Preferred Location dropdown list box mandatory
4. Current Vehicle Owned section will have the following fields
4.1. Text box with description Vehicle Make - 50 characters with
special characters, optional
4.2. Text box with description Vehicle Model - 50 characters with
special characters, optional
4.3. Calendar control with description Likely vehicle replacement date
Current date default, mandatory
5. Values in the dropdown boxes will be populated from database
6. When user clicks on Reset Forms button, all the text boxes in the
page will be clear off and all the dropdown boxes set to their default
values.
7. When user clicks on Book a Test Drive button after filling all the
sections the data get saved in database and email goes to the
concerned people as well as the user.
8. Default value of vehicle of Interest should be from the product the user
comes from.
9.

Data should be captured only if the user clicks on submit.

10. After clicking on submit a Thank you message should be displayed

Clarification/
Comments/
Suggestions

and the form should get cleared

1. How will report be generated? Solution to be given to AFG by GBM
2. What will be the default value when user select Book a Test Drive
from Header and Promo box?
3. What are the values should be in dropdown boxes?
4. What are the default values in dropdown boxes?
5. List of email address?
6. Is Email content same for both parties?

Data Elements & Validation

Page 23 of 62

Data
Element

Default
Value

Dropdowns
Values/
Metadata

First Name

50

Telephone

12

Mobile

12

Email
Address

100

Vehicle of
Interest
dropdown

Is
mandat
ory?

Other
Validation

Data
Type
Chara
cter

with special
characters

Chara
cter

with special
characters

Numb
ers

only digits, no
characters

Numb
ers

only digits, no
characters

standard email
validations

Select
Location

Make

Model
Likely
Vehicle
purchase
date

Maximum
Length
50

Last Name

Preferred
Location
dropdown

Minimum
Length

Abu Dhabi
Al Ain
Dubai
Rasal
Khaima
Sharja

with special
characters

with special
characters

Current
Date

Page 24 of 62

C. REQUEST A BROCHURE

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allow users to view/request the E-Brochure

1. Request a Brochure, user can choose this page from header or by

clicking the link in a Request a Brochure Promo box or from Product
Menu.
2. Request a Brochure page will consist of followings
2.1. Three form sections
2.1.1.
E-Brochure
2.1.2.
Request a brochure by email
2.1.3.
View other model eBrochure
2.2. Three Promo Boxes on right side of the page
Page 25 of 62

2.3. Flash plug-in & Acrobat Reader section

3. E-Brochure section will have the following controls
3.1. Interactive Experience text
3.2. View the E-Brochure button
4. Request a brochure by email section will have the following fields
4.1. Text description Please submits your details and will send the ebrochure to your email address. This information may be
forwarded to your local Toyota Center.
4.2. Full Name 100 characters with special characters, mandatory
4.3. Email - with standard email validations with max length of 100
characters, mandatory
4.4. Submit Request button
5. View other models eBrochure section will have the following fields
5.1. Two dropdown box with default value Vehicle Type and Select
Model
6. Values in the dropdown boxes will be populated from database
7. When user clicks on View the E-Brochure button, E-Brochure of the
specific model will be displayed in the popup screen
8. When user clicks on Submit Request button after filling Request a
brochure by email form, an email will be send to the user as well as
concerned internal users and also data will get saved in the database.
9. When user fills View other models eBrochure section, E-Brochure of
the selected model will be displayed in the popup screen.
10. Data should be captured only if the user clicks on submit.
11. After clicking on Submit Request button a Thank you message should
be displayed and the form should get cleared
12. When user clinks on Flash plug-in or Acrobat Reader thumbnail
images the respective websites will open in new window and allows
user to download the software for free.
Clarification/
Comments/
Suggestions

1. What will be the default brochure/image when user selects EBrochure from Header and Promo box?
2. Content of email?
3. What is the format of brochure to be sent through email?

Page 26 of 62

Data Elements & Validation

Data
Element

Default
Value

Dropdowns
Values/
Metadata

Full Name

Maximum
Length
100

Email
Address

100

Vehicle
Type
dropdown
Model
dropdown

Minimum
Length

Is
mandat
ory?

Data
Type

Other
Validation

with special
characters

with special
characters

N
Select
Model

D. FINANCE/INSURANCE

Page 27 of 62

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allows users to view finance and insurance information

1. This section will display content from content management system
based on Finance content created by content Authors.
2.
1. Finance & Insurance, user can choose this page from header or by
clicking the link in a Get Easy Finance Promo box or from Product
Menu.
2. Finance & Insurance page will consist of followings
2.1. Two content section
2.1.1.
Finance - gives a brief description of the various
finance options
2.1.2.
Insurance - gives a brief description of the various
Insurance options
2.2. Three Promo Boxes on right side of the page

Clarification/
Comments/
Suggestions
E. CUSTOMER CARE

Description

Allow users to contact Customer care

Page 28 of 62

Assumption&
Pre-Requisites

1.

Functional
Requirement

1. Customer Care, user can choose this page from header by clicking on
Customer Care/Contact Us or by clicking the link in a Get in Touch
Promo box.
2. Customer Care page will consist of followings
2.1. One Address sections - the content of the this section will come
from CMS
2.2. Two form sections
2.2.1.
Customer Information
2.2.2.
Current Vehicle Owned
2.3. Three Promo Boxes on right side of the page
2.4. Two buttons Reset Form & Book a Test Drive
3. Customer Information section will have the following fields
3.1. First Name 50 characters with special characters, mandatory
3.2. Last Name 50 characters with special characters, mandatory
3.3. Telephone - only UAE numbers (+971), max. 12 field length, only
digits, no characters
3.4. Mobile - only UAE numbers (+971), max. 12 field length, only
digits, no characters, mandatory
3.5. Email - with standard email validations with max length of 100
characters, mandatory
3.6. Location dropdown list box mandatory
3.7. Comments free text box Maximum 1000 characters, mandatory
4. Current Vehicle Owned section will have the following fields
4.1. Text box with description Vehicle Make - 50 characters with
special characters, optional
4.2. Text box with description Vehicle Model - 50 characters with
special characters, optional
4.3. Text box with description Registration Number, optional
5. Values in the dropdown boxes will be populated from database
6. When user clicks on Reset Forms button, all the text boxes in the
page will be clear off and all the dropdown boxes set to their default
values.
7. When user clicks on Book a Test Drive button after filling all the
sections the data get saved in database and email goes to the
concerned people as well as the user.
8.

Data should be captured only if the user clicks on submit.

9. After clicking on submit a Thank you message should be displayed

and the form should get cleared
Page 29 of 62

Clarification/
Comments/
Suggestions

1.

Data Elements & Validation

Data
Element

Default
Value

Dropdowns
Values/
Metadata

First Name

Maximum
Length
50

Last Name

50

Telephone

12

Mobile

12

Email
Address

Location
dropdown

Minimum
Length

100

Select
Location

Abu Dhabi
Al Ain
Dubai
Rasal
Khaima
Sharja

Is
mandat
ory?
Y

with special
characters

Chara
cter

with special
characters

Numb
ers

only digits, no
characters

Numb
ers

only digits, no
characters
standard email
validations

Comments

1000

Make

50

Model

50

Registration
Number

Other
Validation

Data
Type
Chara
cter

Chara
cter

with special
characters

Page 30 of 62

F. OUR LOCATIONS

Page 31 of 62

Page 32 of 62

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allow users to view the nearest locations based on users need

1. Our Locations, user can choose this page from header or by clicking
the link from Our Locations Promo box.
Page 33 of 62

2. Our Locations functionality consist of two page

2.1 Our Locations selection page
2.1.1 Search Locations section with following controls
2.1.1.1 Choose Service dropdown box mandatory
2.1.1.2 Choose Emirates dropdown box mandatory
2.1.1.3 View Location Details button
2.1.2 Map section
2.2 Our Locations detailed page
3. On selection of Choose Service, Choose Emirate dropdown should be
visible.
4. On clicking of View Location Details button after selecting the Emirate
the details page should be displayed
5. Our Locations detailed page consist of two sections
5.1 Search location Section, it consist of following
5.1.1 Search Locations section with following controls
5.1.1.1 Choose Service dropdown box mandatory
5.1.1.2 Choose Emirates dropdown box mandatory
5.1.1.3 View Location Details button
5.2 Result section, it consist of following
5.2.1 Thumbnail image of map on left side with two buttons in
bottom
5.2.1.1 Street View
5.2.1.2 Interactive Map
5.2.2 Found Location with following information
5.2.2.1 Telephone Number, Fax Number, Email, Opening days
with timings & GPS Coordinates
5.2.3 On bottom of found location, Download Driving Directions
button and Ramadan timing placeholder
6. User will also search the locations from Our Locations detailed page
by selecting Choose Service and Choose Emirates.
7. Result section may show multiple Found Locations, if any, in
pagination format and result track on the top results when found
location are more than three.
8. Ramadan Timings area is a flexible placeholder which could have any
content. This will be visible if there is some content or information to
be passed otherwise it would be switched off
9. When user clicks on Download Driving Directions a PDF file get
downloaded with driving directions.
10. Street View and Interactive map are Google maps which will be
shown in popup screen.
Clarification/
Page 34 of 62

Comments/
Suggestions
Data Elements & Validation

Data
Element

Dropdowns
Values/
Metadata

Default
Value

Minimum
Length

Maximum
Length

Is
mandat
ory?

Choose
Service
dropdown

Choose
Emirates
dropdown

Data
Type

Other
Validation

Y
Abu Dhabi
Al Ain
Dubai
Rasal
Khaima
Sharja

Select
Location

G. CONTACT US
Description
Assumption&
Pre-Requisites
Functional
Requirement
Clarification/
Comments/
Suggestions

Allows user to contact customer care

1.

Covered in requirement 2.4 E Customer Care

H. SEARCH
Description
Assumption&
Pre-Requisites

Functional
Requirement

Allow users to search content with in the website

1. Within the CMS, the admin user can choose content that can be
searched by the users. Allow users to search content with in the
website
1. User lands in Search page when a keyword/ text is typed in search
box and search button is clicked in the header
2. All searches are within the website and not a global search i.e. outside
of the website.
Page 35 of 62

Clarification/
Comments/
Suggestions

1. Need UI design for Search result page

2. How many results should display on a page when multiple search
results are in queue?

Data Elements & Validation

Data
Element

Default
Value

Dropdowns
Values/
Metadata

Minimum
Length

Maximum
Length

Is
mandat
ory?

Data
Type

Other
Validation

Keyword
Search/Sea
rch field

Page 36 of 62

2.5

PRODUCT MENU
A. PRODUCT OVERVIEW

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allow users to view very high level information of selected model

2. Overview page, the user can choose this option when he select any
model from CARs or directly from home page. This page allows the
user to view very high level information of selected model.
3. Overview page will consist of following sections
3.1 Image area, which will be based on flash animation. The selected
product images keep rotates for every 3 seconds.
3.2 Model Info section, which will consist of text with two buttons
Page 37 of 62

3.2.1 Book a Test Drive

3.2.2 Learn More
3.3 Key Features
3.4 Two Promo boxes on right side.
4. When user clicks on Book a Test Drive button the respective page will
open
5. When user clicks on Learn More button the Features page will get
open
6. Key Features section will have six of the sub features from
Performance, Safety, Comfort and Advanced features. These features
are links. When user click on any link the respective feature panel get
opened in Product Feature page.
7. Whole page to be published as a whole not content by content
8. Product menus or navigation area will be same across the products
Clarification/
Comments/
Suggestions

1. The landing page will have Flash animation. We can also use
JavaScript. This can be suggested to AFG.
2. Validations need to be built in that the person creating a page needs
to give minimum required details.
3.

Page 38 of 62

B. PRODUCT FEATURES

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allow users to view specific model features

1.

1. Feature page, the user can choose this option when he select any
model from CARs or from product Overview page. This page allows
users to view specific model features.
Page 39 of 62

2. Feature page will consist of following sections

2.1 Key Feature list
2.2 Feature detailed section
2.3 Two Promo boxes on right side
3. Under Key Features list current links are Performance, Comfort,
Safety and Advanced Features, these are not static and can change
going forward and can be different for different products.
4. When user selects Feature tab, feature detailed section of first key
feature on the Key Feature list will open.
5. When user clicks on any key feature from Feature list the respective
sub Features will get open in expand/collapsible panels in Feature
detailed section.
6. By default the first sub feature should be expanded, when the other
sub feature is expanded the one which is already expanded should
collapse
7. Image size to be fixed in the content of the sub menu under features
8. Content type may not be fixed, it could be an image or flash or video.
Admin user can upload any type of content and that flexibility needs to
be provided.
9. Under Sub Feature content Watch Video button may exist, when user
clicks on Watch Video button Video tab of Gallery page should
opened.
10. On right side of page there will be maximum 2 placeholders below the
Features list. There can be zero or one also, but not beyond two
Clarification/
Comments/
Suggestions

1.

Page 40 of 62

C. PRODUCT GALLERY

Description
Assumption&
Pre-Requisites
Functional
Requirement

Allow users to view specific model exterior and interior gallery

1. Gallery page, the user can choose this option from Product menu or
when user clicks Watch Video button under Sub Feature content of
Feature page. This page allows users to view specific model exterior
and interior gallery
2. When user click on Gallery tab a Image gallery popup will open with
following sections
2.1 Gallery Tabs section with following tabs
2.1.1 Colours
2.1.2 Photos
2.1.3 Videos
2.1.4 Virtual Tour
Page 41 of 62

2.1.5 Wallpapers
2.2 View other model section on top right with close button
3. Colour tab will have following controls
Exterior and Interior buttons
Image area
Buttons to apply Colours
3.1 On clicking of Colours tab the selected model exterior image will
be shown with background grayed. Exterior button will be
highlighted. The first color from the bottom colours section would
be applied to the default image.
3.2 On mouse over on colour buttons, the colours name will be shown
as tool tip. The selected colour will be applied to the shown model
image.
3.3 When user clicks on Interior button the selected model interior
images will be shown. When user mouse over on them the name
of colour of interior will be shown. Maximum number of images will
be six.
3.4 On clicking of interior image, image will enlarge to size of the
Image area with Previous, Next and View all buttons with image
number. On click of View all button or Interior button all the interior
images will be shown.
4. Photo tab will have following controls
Exterior and Interior buttons
Image area
4.1 On clicking of Photo tab the selected model exterior image will be
shown. Exterior button will be highlighted.
4.2 When user mouse over on them the images get highlighted.
Maximum number of images will be twelve.
4.3 On clicking of any exterior image, image will enlarge to size of the
Image area with Previous, Next and View all buttons with image
number. On click of View all button or Exterior button all the
exterior images will be shown
4.4 When user clicks on Interior button the selected model interior
images will be shown. When user mouse over on them the images
get highlighted. Maximum number of images will be twelve.
4.5 On clicking of any interior image, image will enlarge to size of the
Image area with Previous, Next and View all buttons with image
number. On click of View all button or Exterior button all the
exterior images will be shown
5. Video tab will have following controls
Videos list on right side
View screen on left side
Page 42 of 62

5.1 Admin user can upload the videos and add the YouTube links to
the videos list. For every uploaded video there should be title and
play duration
5.2 On clicking of Video tab View screen get loaded with first video in
the list.
5.3 When user selects any video from the list that corresponding video
get loaded and running video should be stopped
5.4 The video player should have the standard functionality like play,
pause, volume and etc. to play videos files other than YouTube
links.
6.

Virtual Tour tab will have following controls

Exterior and Interior buttons
Image area
6.1 Virtual Tour allows user to view image in 360 degree angle
6.2 On clicking of Virtual Tour tab the selected model exterior image
will be shown. Exterior button will be highlighted.
6.3 User can view the exterior image in 360 degree when he holds the
mouse click and drag to left or right.
6.4 When user clicks on Interior button the selected model interior
section will be shown. User can view the interior section in 360
degree when he holds the mouse click and drag to left or right.

7. On clicking of Wallpapers tab the selected model wallpaper images

will appear. User will have the option view the selected wallpaper in
three different screen resolutions in new window
1024 * 768
1280 * 1024
1280 * 800
8. Top right side Vehicle Type and vehicle model should allow the user
to change the vehicle type and model and view the user
corresponding model gallery.
9. When he closes this page it should still keep the user in the original
product from where he went to the gallery.
Clarification/
Comments/
Suggestions

1. How many videos can be accommodate in the list?

2. How many wallpapers can be shown?

D. PRICE & SPECIFICATION

Page 43 of 62

Choose Model Price & Specification page

Page 44 of 62

Detailed Price & Specification Page

Description

Allow users to view the Price & Specification of the model

Page 45 of 62

Assumption&
Pre-Requisites

1.

Functional
Requirement

1. Choose Model Price & Specification page, user will land in this page
when he select Price & Specification tab from the product menu and
his selected model is Prado
2. For some model Choose Model Price & Specification page may not
be required, and it would take the user directly to detailed Price and
Specification.
3. Choose Model Price & Specification page will have the following
sections
3.4 Our Range section
3.4.1 Dropdown box with description Number of Doors
mandatory
3.4.2 Dropdown box with description Select Engine Type
mandatory
3.4.3 Dropdown box with description Choose The Grade
mandatory
3.4.4 View the Range button
3.5 Image Area section will show the image of selected model
4. On Choose Model Price & Specification page load only 1 dropdown
box for Number of Doors should be visible. On selection of Number
of Doors the Select Engine Type dropdown box should become
visible. On selection Select Engine Type "Choose the Grade" should
get visible. This requirement is for Prado and it would change from
model to model.
5. Once the user click on View the Rage button the Detailed Price &
Specification page should open.
6. Detailed Price & Specification page should have the followings
6.1 Our Range section, same as 3.4 requirement
6.2 Detailed Price and Specification section
7. For the selected model, Price and Specification details will be shown
in three columns
7.1 Model Range
7.1.1 This will have price details with View full specification
button
7.2 Interior
7.2.1 This will have the interior specification details
7.3 Exterior
7.3.1 This will have the exterior specification details
8. There would be multiple models will fall under the selected range,
then details should be shown one under the other, lowest price model
Page 46 of 62

should come on top and there should not be a vertical scrollbar in the
page.
9. When the listed model has the common Interior and Exterior
specification, then, ALL OF THE ABOVE PLUS text/image should be
displayed in the interior and exterior columns from second model in
the list.
10. On clicking of View full specification button, the complete
specification of the corresponding model will open in PDF format.
11. There should be Back to Top link in the bottom of the page and when
user clicks on it top of the page should be shown.

Clarification/
Comments/
Suggestions

1. What are the models to which detailed Price & Specification page
opens directly?

Data Elements & Validation

Data
Element

Default
Value

Dropdowns
Values/
Metadata

Minimum
Length

Maximum
Length

Is
mandat
ory?

Number of
Doors
dropdown

Select
Engine
Type
dropdown

Choose
The Grade
dropdown

Data
Type

Other
Validation

E. E-BROCHURE
Description
Assumption&
Pre-Requisites
Functional
Requirement
Clarification/
Comments/

Allow users to view/request the E-Brochure

** Covered in requirement 2.4 C

Page 47 of 62

Suggestions
F. WARRANTY

Description
Assumption&
Pre-Requisites
Functional

Allow users to view the warranty details of models

1. This section will display content from content management system
based on Warranty content created by content Authors.
2.
1. Warranty page, the user can choose this option from product menu.
Page 48 of 62

Requirement

This page allows users to view the warranty details.

2. Warranty page will consist of followings
2.1 Two content sections
2.1.1 Warranty - gives a brief description of Warranty
2.1.2 Pricing - gives a brief description of Pricing
2.2 Three Promo boxes on right side

Clarification/
Comments/
Suggestions

1. Is warranty content going to be same across the Models or will

change based on the model?
2.

G. FINANCE/INSURANCE
Description
Assumption&
Pre-Requisites
Functional
Requirement
Clarification/
Comments/
Suggestions

Allow users to view/request the E-Brochure

** Covered in requirement 2.4 D

H. BOOK A TEST DRIVE

Description
Assumption&
Pre-Requisites
Functional
Requirement
Clarification/
Comments/
Suggestions

Allow users to view/request the E-Brochure

** Covered in requirement 2.4 B

Page 49 of 62

I.

VARIANTS

Description
Assumption&
PreRequisites
Functional
*TBD
Requirement
Clarification/
Need information on this requirement
Comments/
Suggestions

Page 50 of 62

2.6

SECONDARY NAVIGATION
A. ABOUT AL-FUTTAIM MOTORS

Description

Allows users to see information about Al Futtaim Motors

Page 51 of 62

Assumption&
PreRequisites
Functional
Requirement

1. This section will display content from content management

system based on Al-Futtaim Motors content created by content
Authors.
1. Al Futtaim Motors, the user can open this page from Secondary
Navigation. This page gives an overview of 'Al Futtaim Motors'
2. Al-Futtaim Motors page will consist of followings
2.1 Two content section
2.1.1 Toyota in UAE - gives a brief description of Toyota in
UAE
2.1.2 Toyota Worldwide - gives a brief description of
Toyota Worldwide
2.2 News & Updates
2.3 One Promo boxes on right side

Clarification/
Comments/
Suggestions

3. News & Updates column will have latest three News with
followings information
3.1 News date
3.2 News Headline
3.3 Read More button on clicking of this button user will land
in Detailed News page
1. Toyota Worldwide is covered IA document but not UI design?

Page 52 of 62

B. AL-FUTTAIM MOTORS NEWS

Page 53 of 62

Description
Assumption&
PreRequisites
Functional
Requirement

Allows users to read news articles related to Al Futtaim Motors

1.

1. Al-Futtaim Motor News, the user can open this page from
Secondary Navigation. This page allows users to read news
articles related to Al Futtaim Motors and their latest models
2. Al-Futtaim Motors News page will consist of followings
2.1 News article listing section
2.1.1 All category of News article to be shown when page
loads
2.1.2 The News articles are categorized model wise along
with other categories
2.1.3 Page should show five news headlines at a time
along with thumbnail image, article date, short
description and Read More link.
2.1.4 News articles are presented in pagination format
when more than 5 articles in archive, along with
pagination, track of News article should be shown on
left. Pagination and track should be shown on above
and below the articles.
2.1.5 On clicking of Read More button user will land in
Detailed News page
2.2 Search News Archives section on right side of the page and
have the followings controls
2.2.1 Dropdown box with description Filter By Category
2.2.2 Search by category button
2.2.3 Calendar control with description Select Date From
2.2.4 Calendar control with description Select Date To
2.2.5 Search by date button
2.3 Two Promo boxes on right side
3. When user select a category and click on Search by category
he should able to view the articles by Category
4. When user select From date and To date and click on Search
by date he should able to view the articles by date
5. Search categories are fixed

Clarification/
Comments/
Suggestions

6.
1.
2.
3.

Search will happen only within News content

Is there any order for News article to be categories?
What are the other news categories?
What happens when user click on a category where there are
no articles?

Data Elements & Validation

Page 54 of 62

Data
Element

Default
Value

Filter by
Category
dropdown

All
Categories

Select Date
From Calendar
control

Current
Date

Select Date
To Calendar
control

Current
Date

Dropdowns
Values/
Metadata

Minimum
Length

Maximum
Length

Is
mandat
ory?

Data
Type

Other
Validation

C. AL-FUTTAIM MOTORS NEWS DETAILED PAGE

Page 55 of 62

Description

Assumption&
PreRequisites
Functional
Requirement

Allows users to read detailed news articles related to Al Futtaim

Motors
1.

1. Al-Futtaim Motor News Detailed page, the user will land in this
page when he clicks on Read More button in AFM News page
or About AFM page. This page allows users to read detailed
news articles related to Al Futtaim Motors and their latest
models
2. Al-Futtaim Motors News Detailed page will consist of
followings
2.1 News article section with following controls
Print button
Send to Friend button
Back to News Listing
2.1.1

The page will get loaded with user selected News

article
2.1.2 Pint functionality is same as browser print
functionality.
2.1.3 On clicking of Send to Friend button user will able to
forward the current article to his friends email
addresses.
2.1.4 On clicking of Back to News Listing button user will
land in AFM News page
2.1.5 News article will be rich text
2.1.6 User should not be able to change font family and
size.
2.2 Search News Archives section on right side of the page and
have the followings controls
2.2.1 Dropdown box with description Filter By Category
2.2.2 Search by category button
2.2.3 Calendar control with description Select Date From
2.2.4 Calendar control with description Select Date To
2.2.5 Search by date button
2.3 One Promo boxes on right side
3. When user select a category and click on Search by category
he should able to view the articles by Category
4. When user select From date and To date and click on Search
by date he should able to view the articles by date
5. Search categories are fixed
6. Search will happen only within News content
Page 56 of 62

Clarification/
Comments/
Suggestions

1. Send to Friend functionality?

2. What happens when the News article content is huge?

D. SPECIAL OFFERS

Page 57 of 62

Detailed Offer popup:

Description

Allows users to see the information if special offers on the

products
Page 58 of 62

Assumption&
PreRequisites
Functional
Requirement

1.

1. Special Offers, the user can open this page from Secondary
Navigation. This page allows users to see the information of
special offers on the products
2. Special Offers page will consist of followings
2.1 Offers listing section
2.1.1 This section will have list of all Offers on the products
with following information
2.1.1.1 Thumbnail image
2.1.1.2 Offer listed dated
2.1.1.3 Tile of the offer with short description
2.2 Two Promo boxes on right side
3. Maximum of six offers will display in the list. If more than six,
pagination to be used to avoid scrolling to be avoided
4. On clicking of thumbnail image the Detailed Offer page will
popup. Offers will have dynamic content.
5. Detailed Offer popup consist of followings
5.1 Detailed Offer Image it is high resolution image of
thumbnail image
5.2 Customer Care button
5.3 Print button
5.4 Send to Friend button
5.5 Close button
5.6 On clicking of Customer Care button user will land in
Customer Care/Contact Us page
6. Print functionality is similar to browser print functionality
7. On clicking of Send to Friend button user will able to forward the
current offer page/link to his friends email addresses.
8. When user close the popup it should still keep the user in the
original Special Offers page from where he came
9. Campaigns to be used to manage offers. Offers only within the
campaign date to be visible on the site.

Clarification/
Comments/
Suggestions

Page 59 of 62

E. OTHER EXTERNAL LINKS

Description
Assumption&
PreRequisites
Functional
Requirement

Allows users to navigate external links

1.

1. Following links are external links when user clicks on them the
corresponding link should get opened in new window
1.1 Fun Zone
1.2 Careers
1.3 Off-road Trips
1.4 Toyota Kids
1.5 Toyota Racing
1.6 Toyota Future

Clarification/
Comments/
Suggestions
2.7

1. Need the details of external links

FOOTER
A. FOOTER INFO

Description
Assumption&
Pre-Requisites

Describe the Footer information

Functional
Requirement

1. Footer have the following details

1.1 Copy rights description
1.2 Privacy Statement link
1.3 Terms of Use link
1.4 Sitemap link
2. When user clicks on the above links the corresponding page should
get opened in new window

Clarification/
Comments/
Suggestions

1. Need the details of links

2.8

OTHER REQUIREMENTS
Page 60 of 62

A. GENERAL REQUIREMENTS
Description
Assumption&
Pre-Requisites
Functional
Requirement

Clarification/
Comments/
Suggestions

2.9

Describe the other/general requirements

1. Social networking sites links not present right now, but may be
included in future
1. All external links to open in new window
2. There should not be a vertical scroll bars in the pages except Price &
Specification

Need information on this requirement

SECURITY REQUIREMENTS
A. SECURITY REQUIREMENTS

Description
Assumption&
Pre-Requisites
Functional
Requirement
Clarification/
Comments/
Suggestions

Describe the Security requirements of the website

*TBD

Need information on this requirement

2.10 NON FUNCTIONAL REQUIREMENTS

B. NON FUNCTIONAL REQUIREMENTS

Description
Assumption&
Pre-Requisites
Functional
Requirement
Clarification/
Comments/
Suggestions

Describe the Non Functional requirements of the website

*TBD

Need information on this requirement

Page 61 of 62

REPORTS
NA

USER ACCEPTANCE CRITERIA

TBD

CHANGES TO OTHER SYSTEMS

Here you can list any changes required to other systems as a result of this project

APPENDICES

6.1

APPENDIX A AFG WEB PORTAL USER ACCESS DETAILS

Each role will have a set of privileges. Based on the role the user is assigned, his/her privileges
will be decided. The template for this is shared below.
Admin User

Standard
User

X
X

X
X
X
X
X

Privilege
A
B
C
D
E
F

X
X
X
X
X
X

X
X

X
X
X

X
X

Page 62 of 62