Travelport Country / Regional Sites User Experience: Wireframes &...

Travelport

Country / Regional Sites

User Experience: Wireframes & Templates2/14/2011 11:14 AM

V1.3

Definition 6: A Unified Marketing Agency

Definition 6

Katie Turcotte

Rob Staples

Michael Johnson

Natalie Weathers

John Adcox

www.definition6.com

VERSION v1.1 PAGE 2 of 20

Definition 6Client Name: Travelport

Project Name: Country / Regional SitesLast Updated:2/14/2011 11:14 AM

TOC

Copyright 2010 Definition 6This wireframe shows content and information priorities but is not intended to be a representation of layout.

Page title:

Page Name

TABLE OF CONTENTS

MiniSite Screen Details

0 Homepage

1 Services & Support

1.1 Solutions (Product Search)

1.2 Product Search Modal

1.3 Search Results

2 Events & Promotions

3 Leadership

4 Contact Us

5 Search Results

Single-Page Site: Global & Screen Details

0 Homepage – Single-Page

1.1 Solutions (Product Search) – Single-Page

1.2 Product Search Modal – Single-Page

1.3 Search Results– Single-Page

2 Single-Page Contact

Template

Homepage/Interior Page Template

Page Number

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20



Project Name: Country / Regional Sites

Last Updated: 2/14/2011 11:14 AMMiniSite: Screen Details


Page title:




Last Updated: 2/14/2011 11:14 AM0 Homepage


Page title:

ANNOTATIONS

Approved By:

Date:

Template

SERVICES & SUPPORT EVENTS & PROMOTIONS LEADERSHIPHOME

Share Contact Us Travelport Global

© 2010 Travelport, LP. All Rights Reserved All Travelport logos and marks as well as all other Travelport proprietary materials

depicted herein are the property of Travelport lP and/or its affiliates. Other trademarks are property of their respective owners.

Travelport Global Contact Us Advertise with Us Privacy Policy Terms & Conditions Follow Us

Logo

< COUNTRY NAME >

language 1 language 2

>Global Site v

HOMEPAGE PRIMARY FEATURE

HERO 1 HEADER

Lorem ipsum dolor sit amet, consectetur adipisicing

elit, sed do eiusmod tempor incididunt ut labore et

dolore magna aliqua. Ut enim ad minim veniam, quis

nostrud exercitation ullamco laboris nisi ut aliquip ex

ea commodo consequat. Duis aute irure dolor in

reprehenderit in voluptate velit esse cillum dolore eu

fugiat nulla pariatur. Excepteur sint occae

Screen Description: Mini Site Homepage Features & Functionalities

Primary Feature- Country-specific- this is the country’s introduction to the User- can be a single feature or can be a multi-messaging, rotating feature that allows respective country to present several messages to User- no call-to-action

functionalityNOTE:1. If multi-messaging, feature will automatically rotate through the multi-messagings when User arrives on Homepage2. If multi-messaging, User can self-navigate via the provided navigation icons

Contact a Representative Callout- given that this is the only page of the site, provide User a way to contact the local office- on selection of Contact a Representative, connect User with Contact Us

Location information can include one or more locations, and may include address, phone fax, or email information as appropriate.

Dropdown menu allows the user to search the Global site, the Regional site, or both.

Language Selector

Search Products takes the user to the Solutions Product Search.

LEADERSHIPLocal Travelport Leadership

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut

FirstName LastName

< Title >



quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum

dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,

sunt in culpa qui officia deserunt mollit anim id est laborum.






sunt in cu

LEADERSHIP MESSAGEPersonal message from Travelport Country Manager





dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

proident, sunt in culpa qui officia deserunt mollit anim id est laborum.




consequat. Duis aute irure dolor in rep

scrolling continues if needed

Let Us Be Your Guide

For personal assistance in

identifying the right

technologies, solutions and

services to help grow your

business, contact a

Travelport < Country Name

> representative.

1

1

2

3

Travelport < LocationName >

Local Offices

< Location Contact info >







3

4

4

Contact a Representative2

5

5

Home

Products

Search Products

Lorem ipsum dolor sit amet,

consectetur adipisicing elit,

sed do eiusmod tempor

incididunt ut labore et dolore

magna aliqua. Ut enim ad

minim veniam, quis nostrud

exercitation ullamco laboris

nisi ut aliquip ex ea commodo

consequat. Duis aute irure

dolor in reprehenderit in

voluptate velit esse cillum

dolore eu fugiat nulla pariatur.

Exc

6

6




Last Updated: 2/14/2011 11:14 AM1 Services & Support


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

Services & SupportLorem ipsum dolor sit amet


































consequat. Duis aute irure dolor in r

[ Billboard ]

SERVICES & SUPPORT

Management

Screen Description: Mini Site Services & Support

For more information,

see...

Account Management

Implementation Planning

Consulting Services

Training Services

1

2

3

4

5

6

1 Visual indicator of User’s location within site

Takes user to the product Finder page

Left ColumnLeft column houses navigation to external sites.- on selection, present respective site/content page in a new browser window

Billboard - allows for either images, animated feature or video

Content Body

Right ColumnFor more information, see…- Section presents links to related information at Travelport Global (Travelport.com)

functionalityNOTE:1. On selection of a link, system opens a new browser window containing the Travelport.com site & defaulting to the respective content page

Use this column to callout the Contact a Representative- on selection of Contact a Representative, connect User with Contact Us

2

3

4

5

6

Search Products






business, contact a


> representative.









Contact a Representative

Local Offices




Last Updated: 2/14/2011 11:14 AM1.1 Solutions


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site vSERVICES & SUPPORT

Management

Screen Description: Mini Site Services & Support2nd Tier Content: Solutions (Product Search)

Local Offices


see...

Account Management


Consulting Services

Training Services

3

1 User selects Persona Type from dropdown Menu.

Subpersona options populate only after the user has made a Persona selection. If the user changes the persona selection, these options change.

Search button becomes available only after the user has made a Persona and Subpersona option.

2

3

2

HeadLorem ipsum dolor sit amet...





dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat n


Travel Agency

My business is:

Focusing on:

Business

Leisure

Online

TMC

Search <Business> Products for <Travel Agencies>

1

Search Products






business, contact a


> representative.













Last Updated: 2/14/2011 11:14 AM1.1_1 Product Finder Search Modal


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >



Management

Screen Description: Mini Site Services & Support


see...

Account Management


Consulting Services

Training Services








Travel Agency

My business is:

Focusing on:

Business

Leisure

Online

TMC


Products -User has selected Criteria and opened the search modal.

1

2

3

4

5

Modal window opens when the user clicks the search link on Wireframe 1.1.1.

User selects from ONE dropdown menu or the other.

Qualification options populate when the user makes a selection from one of the dropdown menus. Modal may expand as necessary to accommodate all relevant questions/options for selection criteria.

NOTE: User may select only one radio button option.

If the user makes a selection from a second dropdown menu, the selection criteria questions under the first menu will collapse and be replace by selection questions under the second menu.

User clicks Submit to see a list of search results (Wireframe 1.1_2).

NOTE: Menu options shown are for position/illustration only and do not reflect final navigation options or copy.

Search Products






business, contact a


> representative.










Submit >

Optimize the efficiency of my Travel Agency business

Search <Business> Products for <Travel Agencies> by Goal:

Improve time to market and profit from market opportunities

I’d like to:

Run my business efficiently using automated technology

1

2

3

Improve visibility into my business

Improve flexibility of my buisness

Select Category

OR Search <Business> Products for <Travel Agencies> by Category:

5

4




Last Updated: 2/14/2011 11:14 AM1.1_2 Product Search Results


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >



Management

Screen Description: Mini Site Services & Support: Product Search Results



identifying the right technologies,

solutions and services to help

grow your business, contact a

Travelport < Country Name >

representative.



see...

Account Management


Consulting Services

Training Services

1 Takes the user back to the previous page (Wireframe 1.1_1) with the previous options still selected. The user may now make different choices to resort the results.

Results appear in a list, including the product name, image (if appropriate/available), and a brief text description.

Read More takes the user to specific Product page on the Global Site (Global site Wireframe 5) in a new window.

2

3

Product Search ResultsLorem ipsum dolor sit amet...





dolore eu fugiat nulla pariatur. Exc

IMAGE






reprehenderit in volup

Product Name

Subhead

IMAGE

Product Name

Subhead

IMAGE

Product Name

Subhead

Search Again1

2

Read More >

Read More >







fugiat nulla pa

Read More >

3

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore

magna aliqua. Ut enim ad minim veniam, quis nostrud

exercitation ullamco laboris nisi ut aliquip ex ea

commodo consequat. Duis aute irure dolor in


fugiat nulla pariatur. Except

Search Products

Search Products


Local Offices











Last Updated: 2/14/2011 11:14 AM2 Events & Promotions


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

Events & PromotionsLorem ipsum dolor sit amet


see...




[ Billboard ]

EVENTS & PROMOTIONS




exercitation ullamco laboris nisi ut aliquip ex ea com

Go to the site for more details: www.sitename.com

Event/Promotion Title lorem ipsum dolor sit amet

< Location >

MM/DD/YYYY







< Location >

MM/DD/YYYY







< Location >

MM/DD/YYYY







< Location >

MM/DD/YYYY

scrolling continues

Screen Description: Mini Site Events & Promotions

Lorem ipsum dolor…




Lorem ipsum dolor...







representative.


1 Event/Promotion snapshot- provides User with a brief overview of the upcoming events &/or promotions- Event/ Promotion that is closest on the calendar from today’s date should reside at the top of the list- if an associated website is available, provide link. Should open in a new browser window

1

Search Products


Local Offices











Last Updated: 2/14/2011 11:14 AM3 Leadership


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v





[ Billboard ]

LEADERSHIP

FirstName LastName

< Title >
















consequat. Duis aute irure dolor in reprehenderit in voluptate

FirstName LastName

< Title >



















Lorem ipsum dolor si

scrolling continues


see...












representative.


Screen Description: Mini Site Leadership

Scrolling page of Leadership bios. Page may scroll if necessary.

Search Products


Local Offices











Last Updated: 2/14/2011 11:14 AM4 Contact Us


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

Contact UsLocal Travelport Contact Information


tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim v

[ Billboard ]

First Name *

Last Name *

Company Name *

Email Address *

Confirm Email Address *

Country *

Telephone *

Questions/Comments

Select one

* = required

Clear Submit


tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

veniam, quis nostrud exerc

Privacy Disclaimer...

< Error Message here…. i.e. The email addresses you entered do

not match. Please re-enter. Thank you. >


Local Offices









see...

Travelport Global Contact

Ask Travelport

Help Desk

Lorem ipsum dolor….


Screen Description: Mini Site Contact Us

1

1 Upon successful submission, the instruction text is replaced by a confirmation/thank you message:

Your message has been submitted successfully. A TravelPort representative will contact you as soon as possible. Thank you for your interest.

Search Products




Last Updated: 2/14/2011 11:14 AM5 Search Results


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

User’s criteria is populated automatically. User may search again with different keywords, or may use the dropdown menu to refilter the results (Global Site or Country Site). Also serves as a subhead.

If pagination of results is necessary, option appears at both the top and the bottom of the page.

Search Results based on User’s submitted criteria is returned. User chooses the desired result link or User can search again to get different results.

Left and right columns maintain content/options from the page from which the user accessed the search option.

functionalityNOTE:1. On selection of a link, system opens a new browser window containing the Travelport.com site & defaulting to the respective content page

1

2

Serach Results

Your Search Results (<xxx>) from the <Global Site>

Search Result Page/Article Title and brief description
















View All I 12 I 24

2

1

>Global Site v

Page 1

View All I 12 I 24 Page 1

3

3

4


Local Offices









see...

Travelport Global Contact

Ask Travelport

Help Desk

Lorem ipsum dolor….


Search Products




Last Updated: 2/14/2011 11:14 AMSingle-Page Site: Global & Screen Details


Page title:




Last Updated: 2/14/2011 11:14 AM0-Homepage (Single Page Site)


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

HOMEPAGE PRIMARY FEATURE

HERO 1 HEADER







fugiat nulla pariatur. Excepteur sint occae





FirstName LastName

< Title >












sunt in cu

LEADERSHIP MESSAGEPersonal message from Travelport Country Manager










consequat. Duis aute irure dolor in rep

scrolling continues if needed







representative.

Screen Description: Mini Site Homepage Features & Functionalities

Primary Feature- Country-specific- this is the country’s introduction to the User- can be a single feature or can be a multi-messaging, rotating feature that allows respective country to present several messages to User- no call-to-action

functionalityNOTE:1. If multi-messaging, feature will automatically rotate through the multi-messagings when User arrives on Homepage2. If multi-messaging, User can self-navigate via the provided navigation icons

Contact a Representative Callout- given that this is the only page of the site, provide User a way to contact the local office- on selection of Contact a Representative, connect User with Contact Us (as on the multi-page site.

Location information can include one or more locations, and may include address, phone, fax, or email information as appropriate.

Search Products takes the user to the Single Page Product Search.

1

1

2

3


Local Offices








3


>

Solutions

Search Products













Exc

4

4




Last Updated: 2/14/2011 11:14 AM1-Single Page Product Search


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

3

1 User selects Persona Type from dropdown Menu.

Subpersona options populate only after the user has made a Persona selection. If the user changes the persona selection, these options change.

Search button becomes available only after the user has made a Persona and Subpersona option.

Search option is highlighted or grayed to show that this function is active.

2

3

2








Travel Agency

My business is:

Focusing on:

Business

Leisure

Online

TMC


1







representative.










Solutions

Search Products













Exc

4

4

Local Offices




Last Updated: 2/14/2011 11:14 AM1.1 Single Page Product Search Modal


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v1

2

3








Travel Agency

My business is:

Focusing on:

Business

Leisure

Online

TMC








representative.










Solutions

Search Products













Exc

4

Screen Description: Mini Site Product Search: User has opened the Search Modal.

Product/Solution Sifter Feature.

User selects from ONE dropdown menu or the other.

Qualification options populate when the user makes a selection from one of the dropdown menus. Modal may expand as necessary to accommodate all relevant questions/options for selection criteria.

NOTE: User may select only one radio button option.

If the user makes a selection from a second dropdown menu, the selection criteria questions under the first menu will collapse and be replace by selection questions under the second menu.

User clicks Submit to see a list of search results (Wireframe 1.2).

NOTE: Menu options shown are for position/illustration only and do not reflect final navigation options or copy.

Local Offices

Submit >

Search <Business> Products for <Travel Agencies> by Goal:

Improve time to market and profit from market opportunities

I’d like to:

Run my business efficiently using automated technology

1

2

3

Improve visibility into my business

Improve flexibility of my buisness

Select Category

OR Search <Business> Products for <Travel Agencies> by Category:

5

4

Optimize the efficiency of my Travel Agency business




Last Updated: 2/14/2011 11:14 AM1.2 Single Page Product Search Results


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v







representative.










Solutions

Search Products













Exc

Local Offices

Product Search ResultsLorem ipsum dolor sit amet...





dolore eu fugiat nulla pariatur. Exc

IMAGE






reprehenderit in volup

Product Name

Subhead

IMAGE

Product Name

Subhead

IMAGE

Product Name

Subhead

Search Again1

2

Read More >

Read More >







fugiat nulla pa

Read More >

3




exercitation ullamco laboris nisi ut aliquip ex ea

commodo consequat. Duis aute irure dolor in


fugiat nulla pariatur. Except

Screen Description: Single Page Site: Product Search Results

1 Takes the user back to the previous page (Wireframe 1.2) with the previous options still selected. The user may now make different choices to resort the results.

Results appear in a list, including the product name, image (if appropriate/available), and a brief text description.

Read More takes the user to specific Product page on the Global Site (Global site Wireframe 5) in a new window.

2

3




Last Updated: 2/14/2011 11:14 AM2-Single Page Contact Us


Page title:

ANNOTATIONS

Approved By:

Date:

Template






Logo

< COUNTRY NAME >


>Global Site v

Contact UsLocal Travelport Contact Information


tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim v

[ Billboard ]

First Name *

Last Name *

Company Name *

Email Address *

Confirm Email Address *

Country *

Telephone *

Questions/Comments

Select one

* = required

Clear Submit


tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

veniam, quis nostrud exerc

Privacy Disclaimer...

< Error Message here…. i.e. The email addresses you entered do

not match. Please re-enter. Thank you. >


Local Offices








Screen Description: Mini Site Contact Us

As on the multipage site, the instruction text is replaced by a confirmation/thank you message upon successful submission:

Your message has been submitted successfully. A TravelPort representative will contact you as soon as possible. Thank you for your interest.

>

Let Us Be Your

Guide





business, contact a


> representative.





Last Updated: 2/14/2011 11:14 AMTemplate


Page title:




Last Updated: 2/14/2011 11:14 AMHome/Interior Page Template


Page title:

ANNOTATIONS

Approved By:

Date:

Template

Screen Description: Homepage –Authenticated & UnAuthenticatedHEADER

Content Body

Right Column Callouts

FOOTER

BillboardLeft Column Callouts

Travelport Country / Regional Sites User Experience: Wireframes &...

Documents

Transcript of Travelport Country / Regional Sites User Experience: Wireframes &...