hilton luxury brands site redesign

Luxury Brand Sites Rearch: Wireframes v1.0.0

November 10, 2010

CONFIDENTIAL AND PROPRIETARY

This document contains confidential and proprietary material of Hilton Worldwide and Organic Inc.. The use and dissemination of this document's contents are governed by the confidentiality provisions of the applicable agreement between the parties. Any copying, use or distribution beyond that permitted in the applicable agreement is strictly prohibited.

Luxury Brand Sites RearchWireframes v1.0.0

November 10, 2010

of 84

Wireframe: Document Version & Legend

This diagram does not represent the final site structure, design or copy. © 2010 Organic Inc. Proprietary and Confidential

VERSION ABOUT THIS DOCUMENT

MODIFICATIONS

v1.0.0

VERSION

Initial document created

DATE

11/10/10

MODIFIED BY

Soto, Marinelli, & Lin

What is a Wireframe?

Wireframes are a page blueprint prior to the visual design used to illustrate the flow of information, document all objects to be included on the page, and show the behavior and states of some of these objects. They are not meant to reflect actual design or content.

Design Aspects for Consideration:

· Representation of selected content and functionality that will reside on a page to bring the strategic concept to life.

· An allocation of page real estate to illustrate priority and placement.

· Intent of copy - indicative of the eventual design. This includes titles, labels, links, prompts, and instructions.

· Schematic that identifies key page areas (zones).

· Direction for visual design explorations.

Aspects Not for Wireframe Review:

· Final copy or branding treatments

· The design/look · &· feel of the page

· Representation of the specific photography to be used

· The final layout of future content and functionality·

Represent annotations that create a relationship between a visual element and a text description.

CONTAINER

[XX] à

Image

Link Destination utilizing the sitemap ID of the page, or url if an external link

Callout

FOOTER

EN | DE | ES | NL | PT

Search

LOGO

PRIMARY NAVIGATION

IMAGE

Callout Callout Callout

Headline Lorem IpsumMarkting copy lorem ipsum dolor sit amet, carebitum dilerem siterius borus.Lorem ipsum >

WIREFRAME EXAMPLE

LEGEND

11

Note


November 10, 2010

of 84

Wireframe: [Agenda] Objectives du Jour


1. Objectives du Jour

! What's on Deck

! To Review, or not to Review–


November 10, 2010

of 84

Wireframe: [Agenda] What's on Deck


1.1 What's on Deck

• High-level design considerations

• Waldorf Astoria, Conrad, and common wireframes

• Q&A, discussions, and feedback collection


November 10, 2010

of 84

Wireframe: [Agenda] What to Review


1.2 To Review, or not to Review–

! Yes

• Directional layout and placement

• Interaction model

• Navigation system

• Content grouping

• Basic functions of user tools

! No

• Exact layout and placement

• Nomenclature and copy

• Content matrix

• Technical implementation

• Global XA elements


November 10, 2010

of 84

Wireframe: [Agenda] What's on Our Minds


2. What's on Our Mind

! A Luxury Experience

! The New Convention

! Transaction Plus+


November 10, 2010

of 84

Wireframe: [Agenda] A Luxury Experience


2.1 A Luxury Experience

• An reflection of brand essence

• Extending services into digital space

• Waldorf Astoria: Singular experiences

• Conrad: Progressive sensibility


November 10, 2010

of 84

Wireframe: [Agenda] The New Convention


2.2 The New Convention

• Portal ! Search ! Convergence ! Touch

• UI interoperability: Point-n-click + gesture

• Trending toward open space, dynamic navigation, fluid movement, and immersive experience


November 10, 2010

of 84

Wireframe: [Agenda] Transaction Plus+


2.3 Transaction Plus+

• Leveraging Hilton search and res engine

• Elevated customer relationship via integrated content, services, offers, and booking features

• Contextually aware and personalized experience throughout user journeys


November 10, 2010

of 84

Wireframe: [Agenda] Wireframes Review


3. Wireframes Review

! Interaction & Navigation: Waldorf Astoria

! Interaction & Navigation: Conrad

! Digital Concierge

! Explore Our Hotels Page

! Offers Page


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Brand Navigation Items


Home

Brand Level

Events & MeetingsThe Waldorf Astoria Experience

Explore Our Hotels OffersAbout Waldorf Astoria

Footer Item

Spa

Golf

Uniquely Waldorf Astoria

Meetings

Social Events

Weddings

Green Initiatives

Development

Future Opening

Leadership

Note: This is not a site map.

Does not include Global XA items.


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Navigation Items


Home

Property Level

Events & MeetingsAmenities & Services

Highlights Hotel Information About [Destination]

Golf

If available

Restaurants & Bars

Spa

If available

Meetings

Social Events

Weddings

Local Attractions

Neighborhood History

Destination Guide



Guest Rooms

[Item the hotel wants to showcase]

Optional

Gallery

Exclusive Offers Resort Activities

If available

[Unique amenities/services]

Optional

Location & Tranportations

Hotel History/Stories

Hotel Overview

Recent Refurbishments

If notable

Hotel Policies

Media Center


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Interaction Concept


Page

Chapter

Home Promo 1 Promo 2 Promo 3 Waldorf Astoria Experience

(LP)


Spa Golf Events &Meetings

(LP)

Weddings Meetings SocialEvents

Home Waldorf Astoria Experience Events & Meetings

Concept: Glossy Magazine/Coffee Table

Book


November 10, 2010

of 84

Wireframe: >Waldorf Astoria Brand, Home 0.0 2


[Global XA Footer]

Sign Out Look Up My Reservation I Join HHonors

[Global XA Header & Digital Concierge]

Waldorf Astoria Experience Events & MeetingsExplore Our Hotels

[WA Logo]

!"#$#!%

!"#$#!&

!"#$#!'

Waldorf Offers

WALDORF LOREM

IPSOM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel

eu nisi. Curabitur pharetra congue urna in semper.

Book Now

Booking Module

See Details


Spa

Golf

1

2

Home Promo 1 Promo 2 Promo 3 3

Accessing content The user can access the content thought 3 different paths

1) Clicking on an item on in the top navigation

2) Clicking on one of the minimized pages

3) Clicking on of the thumbnails

1

2

3


November 10, 2010

of 84

Wireframe: >Waldorf Astoria Site, Navigating to Another Section


Paging NavigationWhen the user selects any page on the site, the content panes will scroll thru until the target page lands in the main content area.

Page ThumbnailThe page thumbnail will also scroll forward, highlighting not only the selected page, but also the section in which it is located.

[Global XA Footer]




[WA Logo]

!"#$#!%

!"#$#!&

!"#$#!'

Waldorf Offers

WALDORF LOREM

IPSOM Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.

Book Now

Booking Module

Home Promo Promo Promo WA Experience

LP

Uniquely Wardolf Astoria

Spa Golf

Home Waldorf Experience


Spa

Golf

Home Promo 1 Promo 2 Promo 3

[Global XA Footer]




[WA Logo]

!"#$#!%

!"#$#!&

!"#$#!'

Waldorf Offers

WALDORF ASTORIA

HOMELorem ipsum dolor sit amet, consectetur adipiscing


Book Now


[Global XA Footer]




[WA Logo]

()*+,-./01.2#"3456#"*1

781

9#.3

Waldorf Offers

WALDORF ASTORIA

EXPERIENCE Lorem ipsum dolor sit amet, consectetur adipiscing


Book Now

Explore proprieties

Experience

Unicuely

Waldorf

Astoria

Spa Golf


November 10, 2010

of 84

Wireframe: >Waldorf Astoria Site, Navigating Within a Section


[Global XA Footer]




[WA Logo]

!"#$%&'()*'+,-./01,-#*

23*

4,'.

Waldorf Offers

WALDORF ASTORIA

EXPERIENCE Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.

Book NowUniquely Waldorf Astoria

Spa

Golf

Explore proprieties

Experience

Unicuely

Waldorf

Astoria

Spa Golf

WA Experience

LP

Uniquely Wardolf Astoria

Spa Golf

Waldorf Experience

[Global XA Footer]




[WA Logo]

!"#$%&'()*'+,-./01,-#*

23*

Waldorf Offers

WALDORF ASTORIA

EXPERIENCE Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Book Now

Explore proprieties

Experience

Unicuely

Waldorf

Astoria

Spa GolfLorem ipsum dolor sit amet, consectetur adipiscing elit.


[Global XA Footer]




[WA Logo]

56&"10!7!8&&1#"90

)&++#"90

8&&1#90

Waldorf Offers

WHAT WE OFFER

SCENIC

Book Now

PRO COURSES

CHALLENGING

BRAND GOLFLorem ipsum dolor sit amet, consectetur adipiscing elit.


Find Golf Course

[Optional Media ]

Experience

Unicuely

Waldorf

Astoria

Spa Golf


November 10, 2010

of 84

Wireframe: >Waldorf Astoria Site, Transition from Brand to Property


[Global XA Footer]




[WA Logo]

!"#$#!%

!"#$#!&

!"#$#!'

Waldorf Offers

WALDORF ASTORIA HOMELorem ipsum dolor sit amet, consectetur adipiscing


Book Now

See Details

[Global XA Footer]



!"#$#!%

!"#$#!&

!"#$#!'

BEACH HOUSE

MALDIVES Lorem ipsum dolor sit amet, consectetur adipiscing


Book Now

Download Brochure [Hotel Logo]

Amenities & Services Events & MeetingsHighlights About DestinationHotel Information [Waldorf Astoria Logo]

Home Promo Promo Promo

Home

Home Promo Promo Promo

Beach House Maldives

Waldorf Astoria

Beach House

Maldives

Booking Module Booking Module

Home Promo 1 Promo 2 Promo 3 Home Promo 1 Promo 2 Promo 3


November 10, 2010

of 84

Wireframe: >Waldorf Astoria Site, Property Level Menu, Part 1 of 2


[Global XA Footer]



!"#$#!%

!"#$#!&

!"#$#!'

BEACH HOUSE MALDIVES Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.

Book Now



Brand Navigation Minimized1

1.0

[Res Widget]



November 10, 2010

of 84

Wireframe: >Waldorf Astoria Site, Property Level Menu, Part 2 of 2


[Global XA Footer]



Book Now

[Hotel Logo]


Explore Our Hotel

The Waldorf Experience

Events & Meeting

Waldorf Offers

Download Brochure Brand Navigation Expanded 1

!"#$#!%

!"#$#!&

!"#$#!'

1.0

BEACH HOUSE MALDIVES Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.

[Res Widget]



November 10, 2010

of 84

Wireframe: >Waldorf Astoria Site, Property Level, Navigating within a Page


[Global XA Footer]



!"##$%&!'

!"##$%&!(

!"##$%&!)

Book Now

Modun Spa embraces the symbolic nature of the historical labyrinth

– a winding path that forms a journey to self discovery and holistic

renewal. Relax and breathe as you meander the labyrinth style

pathways of our tranquil garden spa and surrender yourself to a

personalized adventure of creative and spiritual renewal, calm your

mind and refocus your intentions. Embrace the healing energies of

aromatherapy, yoga, meditation, indigenous herbal healing

traditions or the therapeutic wonders of Ayurveda – the choice is

entirely yours.

For a full list of Modun Spa's offerings, please download the

brochure here.

PROPERTY SPA


Amenities & Services Events & MeetingsHighlights About DestinationHotel Information [Waldorf Astoria Logo]Amenities & Services

TREATMENT LOREM

TREATMENT LOREM

TREATMENT LOREM

BODY WRAPS

FACIALS

MASSAGE

1

Amenities& Services

Guest Rooms

Spa GolfRestaurant

& Bars Activities

Lorem Ipsum

Spa

SpaPage

Treatment 1

Treatment 2

Treatment 3

Treatment 4

Treatment 5

Treatment 6

Navigation Within a PageWhen the user selects one of the menu items on the left of the page, the page will scroll vertically and anchor to the selected section. If the user makes a new selection the page will jump up or down to the corresponding section

Navigation Within a SectionContent in the selected section can be brows using the scroll bar on the right side of the page.

Different type of content can be displayed in this template (see page )

1

2

Download Brochure



!"##$%&!'

!"##$%&!(

!"##$%&!)

Book Now Modun Spa embraces the symbolic nature of the historical labyrinth

– a winding path that forms a journey to self discovery and holistic

renewal. Relax and breathe as you meander the labyrinth style

pathways of our tranquil garden spa and surrender yourself to a

personalized adventure of creative and spiritual renewal, calm your

mind and refocus your intentions. Embrace the healing energies of

aromatherapy, yoga, meditation, indigenous herbal healing

traditions or the therapeutic wonders of Ayurveda – the choice is

entirely yours.

For a full list of Modun Spa's offerings, please download the

brochure here.

Explore Hotels [Hotel Logo]


TREATMENT LOREM

Download Brochure

[Global XA Footer]

Amenities& Services

Guest Rooms

Spa GolfRestaurant

& Bars Activities

Lorem Ipsum

[Global XA Footer]



Book Now

Explore Hotels [Hotel Logo]


SHIATSU MASSAGE (60)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 occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id

est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore




est laborum.

DEEP TISSUE MASSAGE (60)

MASSAGE LOREM

IPSUM

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore




est laborum.

SWEDISH MASSAGE (60)

Amenities & Services

MASSAGE

FACIALS

BODY WRAPS

TREATMENT LOREM

TREATMENT LOREM

PROPERTY SPA

TREATMENT LOREM

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.

*$#+

,-.&"%/"0&

1"/.

,-.$/&

23&454&4-.

Amenities& Services

Guest Rooms

Spa GolfRestaurant

& Bars Activities

Lorem Ipsum

PROPERTY SPA

TREATMENT LOREM

TREATMENT LOREM

BODY WRAPS

FACIALS

MASSAGE


November 10, 2010

of 84

Wireframe: Conrad Site, Brand Navigation Items


Home

Brand Level

Events & MeetingsThe Conrad Experience

Explore Our Hotels Offers About Conrad

Footer Item

Spa

Golf

Uniquely Conrad

Meetings

Social Events

Weddings

Green Initiatives

Development

Future Opening

Leadership



Residences


November 10, 2010

of 84

Wireframe: Conrad Site, Property Navigation Items


Home

Property Level

Events & MeetingsAmenities & Services

Gallery Hotel Information Exclusive Offers

Golf

If available

Restaurants & Bars

Spa

If available

Meetings

Social Events

Weddings



Resort Activities

If available

[Unique amenities/services]

Optional

Location & Tranportations

Hotel History/Stories

Hotel Overview

Recent Refurbishments

If notable

Guest RoomsAbout [Destination]

Local Attractions

Neighborhood History

Destination Guide

Media Center

Hotel Policies

Standalone Links


November 10, 2010

of 84

Wireframe: Conrad Site, Interaction Concept


Home

Promo 1

Promo 2

Promo 3

Concept: Filmstrip Viewer/Projector

Social Events

Events & Meetings(LP)

Weddings

Meetings

The Conrad Experience(LP)

Uniquely Conrad

Spa

Golf

Residences

Home The Conrad Experience

Events & Meetings [Next Section]


November 10, 2010

of 84

Wireframe: Conrad Site: Brand Level Navigation


[Digital Concierge & Global XA Header]

[Global XA Footer]

[Brand Callout]

[Brand Callout]

[Brand Callout]

!"#$%&!'$%#&!(")*Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Maecenas at nisi vitae massa aliquam blandit vel


Property Name - Location

The Conrad Experience

Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]Book Now

[Res Widget]

Reservation widget is open by default on the Brand and Property landing pages.

1

1


November 10, 2010

of 84

Wireframe: Conrad Site: Navigating to Another Section



[Global XA Footer]

[Brand-LevelCallout]



!"#$%&!'$%#&!(")*Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Maecenas at nisi vitae massa

aliquam blandit vel eu nisi. Curabitur pharetra

congue urna in semper.

Lorem ipsum dolor sit amet, consectetur


aliquam blandit vel eu nisi.

Hotel Name - Location

Events &

Meetings

Explore Our

Hotels

Conrad Offers

[Conrad Logo]

The Conrad

Experience

[Res Widget]

Book Now


[Global XA Footer]

The Conrad

Experience

Events &

Meetings

Explore Our

Hotels

Conrad Offers

+,*!!"#$%&!-./*$0*#1*!!Lorem ipsum dolor sit amet, consectetur


aliquam blandit vel eu nisi. Curabitur pharetra

congue urna in semper.



aliquam blandit vel eu nisi.

[Optional Callout]

[Conrad Logo]

Uniquely Conrad

Spa

Golf

Residences


Book Now

NAVIGATING TO A SECTION

(From one filmstrip to another)

Example: Conrad Brand Home to The Conrad Experience



November 10, 2010

of 84

Wireframe: Conrad Site: Navigating Within a Section


NAVIGATING WITHIN A SECTION(From one frame to another)


[Global XA Footer]


Events & Meetings

Explore Our Hotels

Conrad Offers

!"#!$%&'()!*+,#'-#&.#!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi.

[Optional Callout]

[Conrad Logo]

Uniquely Conrad

Spa

Golf

Residences


Book Now


[Global XA Footer]

/'(&)!0%12


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

Find a Golf Course

Book Now

Uniquely Conrad

Spa

Golf

Residences

The Conrad ExperienceLorem Ipsum | Lorem Ipsum | Lorem Ipsum | Lorem Ipsum


Nunc eleifend, eros id fermentum tincidunt, justo neque iaculis massa, sed suscipit ipsum odio nec justo. Praesent et magna erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel mattis eros. Cras lacus nisl, eleifend ac imperdiet eu, commodo eget nulla. Praesent massa metus, imperdiet eu hendrerit vel, ultrices vel tellus. Morbi odio dolor, molestie quis convallis ut, dignissim pulvinar nunc

[Optional Image or

Video]


Lorem Ipsum | Lorem Ipsum | Lorem Ipsum | Lorem Ipsum


Nunc eleifend, eros id fermentum tincidunt, justo neque iaculis massa, sed suscipit ipsum odio nec justo. Praesent et magna erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel mattis eros. Cras lacus nisl, eleifend ac imperdiet eu, commodo eget nulla. Praesent massa metus, imperdiet eu hendrerit vel, ultrices vel tellus. Morbi odio dolor, molestie quis convallis ut, dignissim pulvinar nunc

/'(&)!0%12

Uniquely Conrad

Spa

Golf

Residences


aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel mattis eros. Cras lacus nisl, eleifend ac imperdiet eu, commodo eget nulla. Praesent massa metus, imperdiet eu hendrerit vel, ultrices vel tellus. Morbi odio dolor, molestie quis convallis ut, dignissim pulvinar nunc

Example: The Conrad Experience to Brand Golf Page

Book Now

Find a Golf Course

[Optional Image or

Video]


[Global XA Footer]

[Conrad Logo]

Explore Our Hotels


Events & Meetings

Conrad Offers

1

2

3

User clicks on secondary navigation(eg. Golf)

The Golf page slides in from the top, pushing out The Conrad Experience page

The Golf page is now the current page


November 10, 2010

of 84

Wireframe: Conrad Site: Transition from Brand to Property



[Global XA Footer]

The Conrad

Experience

Events & Meetings

Explore Our Hotels

Conrad Offers

[Brand-Level

Callout]

[Brand-Level

Callout]

[Brand-Level

Callout]

!"#$%&!'$%#&!(")*Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.



[Conrad Logo]

Example: Brand Home to Property Home

TRANSITION FROM BRAND TO PROPERTY

(A new reel)


[Global XA Footer]

Policies | Media Center | Fact Sheet/Brochure | View More Hotels -->

!"#$%&!+$",*$-.!(")*Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.

View Hotel Photos

[Property Level

Callout]

[Property Level

Callout]

[Property Level

Callout]

Gallery

About Destination

Guest Rooms

Amenities &

Services

Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

!"#$%&!("-*/0!1!2*0"$-0!


[Global XA Footer]

!"#$%&!'$%#&!(")*Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.



[Conrad Logo]

Book Now Book Now

[Res

Widget][Res

Widget]

!"#$%&!("-*/0!1!2*0"$-0Find a Hotel


Events & Meetings

Brand Offers

» »

» »

!"#$%&!("-*/0!1!2*0"$-0!

Collapsed Brand navigation on Property

(Minimized View)

(Expanded View on click)

1

Brand navigation collapses while it begins to slide towards the right. Brand navigation continues to slide over to the right while the Property navigation begins to expand on top of the collapsed Brand navigation.

Expanded Property navigation with the collapsed Brand navigation docks on the right side of the Property page.

1


November 10, 2010

of 84

Wireframe: Conrad Site: Property Level Navigation



[Global XA Footer]

Download Brochure | Hotel Policies | Media Center | More Conrad Hotels »

Template: Property Home

!"#$%&!'$"()$*+!,"-)Lorem ipsum dolor sit amet, consectetur adipiscing



View Hotel Photos

[Property Callout]

[Property Callout]

[Property Callout]

Book Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

!"#$%&!,"*)./!0!1)/"$*/!

[Res Widget]

Luxury Brand Sites RearchWireframes v1.0.0November 10, 2010

of 84

Wireframe: Conrad Site: Navigation Within a Page


IN-PAGE INDEX INTERACTION(Panoramic filmstrip)


[Global XA Footer]


View Spa Photos

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service


«Back to Spa

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

!"#$%&!'"()*+!,!-)+"$(+!

Book Now


[Global XA Footer]


.$"/)$(0!1/%Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas at nisi vitae massa aliquam blandit vel eu nisi.

Curabitur pharetra congue urna in semper.

Maecenas in orci in nunc eleifend vehicula. Vivamus purus

risus, ullamcorper non dictum eu, vehicula nec ipsum. Nunc

rutrum, nibh vel dictum elementum, turpis lorem rhoncus

diam, eu accumsan velit felis id sem.

Suspendisse in odio vel sem posuere bibendum. Curabitur

vel felis justo. Suspendisse pretium metus nec lorem laoreet

interdum. Donec vel dolor vitae ipsum condimentum facilisis

et ut urna. Pellentesque nunc libero, volutpat at ultricies

tincidunt, tempor id quam.

Book a Session: +XXX XXX-XXX-XXXX | [email protected]

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

View Spa Photos

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service


Book Now

!"#$%&!'"()*+!,!-)+"$(+!

1/%!2$)%(3)#(+

Massage »Facials »Body Wraps »Treatment Lorem »Treatment Lorem »Treatment Lorem »

Example: Property Spa to Massage

4%++%5)!6"$)3!7/+83

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas at nisi vitae massa aliquam blandit vel eu nisi.

Curabitur pharetra congue urna in semper.

Shiatsu Massage (60 min)


Vivamus sem nunc, suscipit sit amet volutpat in, facilisis vel

tortor. Fusce at enim aliquam ligula fermentum fringilla.

Deep Tissue Massage (60 min)

Donec tristique elit eu est pretium non molestie nibh

commodo. Donec gravida condimentum eros, at rhoncus mi

çmolestie massa dictum tempus.

Swedish Massage (60 min)


Vivamus sem nunc, suscipit sit amet volutpat in, facilisis vel

tortor. Fusce at enim aliquam ligula fermentum fringilla.

Thai Yoga Massage (60 min)

Maecenas in orci in nunc eleifend vehicula. Vivamus purus

risus, ullamcorper non dictum eu, vehicula nec. Vivamus ut

curabitur pharetra congue urna in semper pharetra congue

1/%!2$)%(3)#(+

Massage »Facials »Body Wraps »Treatment Lorem »Treatment Lorem »Treatment Lorem »

Clicking on an index item slides the content into the main space from beyond the boundary on the right, as if it was one wide panoramic page. The primary and secondary navigation areas persist and remain in place.


November 10, 2010

of 84

Wireframe: Digital Concierge, Overview


Sign In Join HHnonorsMy ReservationContact Us» 7 days from your stay in Tokyo. Any pre-arrival request?

Sign In Join HHnonorsMy Reservation» 7 days from your stay in Tokyo. Any pre-arrival request?

Conrad Tokyo

1-9-1 Higashi-Shinbashi, Minato-kuTokyo, 105-7337, JapanTel: 81-3-6388-8000Fax: 81-3-6388-8001Email: [email protected]

Conrad Hotels & Resorts

US: 1-800-CONRADSInt: +800-00-266-723Email: [email protected]

Digital Concierge Global XA Header Elements

• These GXA header elements work in conjunction with Digital Concierge

• Other GXA header elements, such as search, are placed elsewhere on the page

Contact Us Drop-Down

Menu

• Part of Digital Concierge

• Property contact info only appears on property pages

• Brand contact info is persistent

Contact Us


November 10, 2010

of 84

Wireframe: Digital Concierge, Composition


Content

• Concierge message

• Promote message

• "Did you know?"

• "Happening now"

• Other brand/property/destination info

• Alerts (TBD)

Actions

• Check-in

• Request upon arrival

• Email

• View offer

• Go to a webpage

• N/A

Parameters

• Log-in status (yes/no)

• Upcoming reservation (yes/no; location and date)

• Past reservation (yes/no; location and date)

• HHonors Tier

• HHonors Point

• Newsletter subscription (yes/no; selection)

• Current webpage

• Current date/time

• Search keyword

» 7 days from your stay in Tokyo. Any pre-arrival request?


November 10, 2010

of 84

Wireframe: Digital Concierge, Service Samples


» Dreaming of a Roman Holiday? See our romantic weekend package. Parameter: Search keyword (e.g.: "Rome" or "romantic")

Content: Promote message

Action: View offer

» Happening now: Creole cooking class — View all exclusive activities

» Come back to Maldives. Newly remodeled villas await.

» Special offer for HHonors Gold VIP: 3rd night free at Conrad Chicago

» Extra! Extra! Rated best spa in London! Read the latest review.

» The Arizona Biltmore staff welcomes your arrival today. Check in now.

Parameters: Current date/time + current webpage

Content: "Happening now"

Action: Go to a webpage

Parameters: Logged in + past reservation + current webpage

Content: Concierge message + hotel info

Action: N/A

Parameters: Logged in + HHonors tier

Content: Promote message

Action: View offer

Parameter: Current webpage

Content: Hotel info

Action: Go to a webpage

Parameters: Logged in + upcoming reservation + current date/time

Content: Concierge message

Action: Check in

Note: All service samples are for illustrative purposes only.


November 10, 2010

of 84

Wireframe: Conrad Site: Explore Our Hotels (Map view with rollover)



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

List ViewMap View!"#$%&'!()&!*%+'$,Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[Filtering Criteria]

Browse by

MoodFilter

Conrad Dublin»

Existing as well as future openings display on the map and are differentiated visually.

1

1

On mouseover, Property name displays. User can click for more details (see next wireframe)

2

2

See separate wireframe for details on proposed filtering criteria.

3

3


November 10, 2010

of 84

Wireframe:Conrad Site: Explore Our Hotels - Map View (with hotel detail on

click)



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]


Browse by

MoodFilter


Image

Conrad Dublin Earlsfort Terrace | Dublin, 2, Ireland | Tel: 353-1-602-8900

Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nunc tortor felis, accumsan sed sollicitudin et,

sodales a diam. Quisque alesuada eros porta arcu

dignissim molestie dignissim augue tempor.

Rooms: 269

Setting: City

Style: Classic, Grand, Hotel Check Availability»

View Hotel Website»

X

When user clicks on Property name, more details are displayed as well as relevant calls to action. Check Availability link takes the user to Res Engine.

1

1


November 10, 2010

of 84

Wireframe: Conrad Site: Explore Our Hotels (visual search)



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers



-&%.,'!-/!0%%1Not sure where you want to go? We'll help you find a destination according to your mood. Just select images from above that inspire you lorem ipsum dolor sit amet.

Image Image Image Image Image



Browse by

MoodFilter

Your Selections

Instructional copy lorem

ipsum dolor.

Filter and Visual Search (a.k.a. Browse by Mood) are a toggle. Clicking on the tab brings the panel forward and opens an overlay with images for the user to select. The overlay can open over Map or List view, whichever is currently selected, and acts as a filter for that current view.

1

1


November 10, 2010

of 84

Wireframe: Conrad Site: Explore Our Hotels (visual search, user selections)



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers




Browse by

MoodFilter

Your Selections


ipsum dolor.Image Image Image Image Image



Image Image

Find Destinations

Image Image

Image Image

User's selections are visually differentiated and also appear in the Your Selections panel.

Once user has selected the desired images, clicking Find Destinations will display the filtered results accordingly.

1

1

1


November 10, 2010

of 84

Wireframe: Conrad Site: Explore Our Hotels (visual search results)



[Global XA Footer]

! !

!


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

List ViewMap View!"#$%&'!()&!*%+'$,Your search results lorem ipsum dolor sit amet,

consectetur adipiscing elit.

Browse by

MoodFilter

Your Selections


ipsum dolor.

Image Image

Modify Selections

Image Image

Image Image

1

1

Filtered results appear in the current view as well as the user's selections in the panel. Clicking on List View will show the selected hotels in a list with the remaining hotels greyed out/inactive (see next wireframe).

User can modify selections by clicking the button and making the desired changes.

1


November 10, 2010

of 84

Wireframe: Conrad Site: Explore Our Hotels (List view)



[Global XA Footer]


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

Europe

Brussels

Dublin

North America

Chicago

Indianapolis

Miami

New York (2011)

Middle East

Bahrain - Saudi Arabia

Cairo

Dubai

Istanbul

Latin America/Caribbean

Bahamas

Punta del Este - Urugay (2012)

San Juan - PR

Asia

Bali

Bangkok

Beijing

Dalian (2013)

Hong Kong

Koh Samui

Maldives

Sanya Haitang Bay

Shanghai

Singapore

Tokyo

North America

Rooms: 269

Setting: City

Style: Classic, Hotel

Image

Conrad Location Address | City, St/Provice Zip Country | Tel: +XXX XXX-XXX-XXXX


adipiscing elit. Nunc tortor felis, accumsan

sed sollicitudin et, sodales a diam. Quisque

alesuada eros porta arcu dignissim molestie

dignissim augue tempor.

Check Availability»View Hotel Website»

Rooms: 269

Setting: City

Style: Grand

Image








Rooms: 269

Setting: City

Style: Grand

Image








Rooms: 269

Setting: City


Image








Map View List View!"#$%&'!()&!*%+'$,Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Browse by

MoodFilter

4

The index displays a clickable list of all Properties by Region. This is the primary method of finding a specific hotel. The links act as anchor tags and displays the selected Property or Region as the first item.

1

1

3

Hotel details appear in this area, listed in the same order as the index. The default set displayed is North America.

3

A secondary way to access Property details is to page through the list. However, primary method used will be the index above.

4

Properties that are filtered out by the Filter or Visual Search/Browse by Mood are grayed out and inactive.

2

2


November 10, 2010

of 84

Wireframe:Conrad Site: Explore Our Hotels - Proposed Filtering Criteria

Detail


Default Settings Example of Selection

Filter Options

HOTEL STYLEALL (30)Classic (6)Grand (8)Modern (16)

SHOW HOTELS

ALL (xx)Existing Properties (xx)Future Openings (xx)

INTERESTS

ALL (30)Fitness (xx)Golf (xx)Skiing (xx)Tennis(xx)

Residence (2)Resort (9)Tropical (11)

Beauty Salon (xx)Mind-Body-Spirit (xx)Spa (xx)Wellness (xx)

Filter Options

AMENITIES

ALL (xx)Beach Access (xx)Private Balcony (xx)Pets Allowed (xx)Swimming Pool (xx)Wheelchair Accessible (xx)Business Center (xx)High Speed Internet (xx)Meeting Rooms (xx)Wireless Internet (xx)

SETTING

ALL (30)Beach (16)City (11)Island (4)

!

!

!

!

!

Filter Options

HOTEL STYLE

ALL (30)Classic (6)Grand (8)Modern (16)

SHOW HOTELS


INTERESTS




Filter Options

AMENITIES


SETTING


!

!

!

!

!

!

!

!

!

Filter Filter

2

1Filtering criteria is currently TBD. Number of matching results for each criteria displays in parentheses and changes as user makes selections.

Selecting filtering criteria instantly displays results in the selected view - either Map View or List View.

ALL within each category will be selected by default in order to display all possible results. The exception is Show Hotels, since most users will want to see existing properties, and future openings will be the exception.

1

2 User can select multiple criteria within the same category.


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Offers Page, Part 1 of 3


[Global XA Footer]




[WA Logo]

Waldorf Offers

Home Callout 1 Callout 2 Callout 3

WALDORF OFFERS

All Reagions


WALDORF ATORIA ORLANDO

FLORIDA - USAUNLIMITED GOLF

Book NowSee Ditails


GRAND WAILEA

HAWAII - USAGRAND+FLIGHT+CAR= SAVINGS

Book NowSee Ditails


TRIANON PLACE VERSAILLE

VERSAILLES - FRANCE100TH ANNIVERSARY PACKAGE

Book NowSee Ditails

11/19/2010 Check-in date

11/19/2010 Check-out date

SELECT A DATE

Search


November 10, 2010

of 84



[Global XA Footer]




[WA Logo]

Waldorf Offers


WALDORF OFFERS

All Reagions


WALDORF ATORIA ORLANDO

FLORIDA - USAUNLIMITED GOLF

Book NowSee Ditails


GRAND WAILEA

HAWAII - USAGRAND+FLIGHT+CAR= SAVINGS

Book NowSee Ditails


TRIANON PLACE VERSAILLE

VERSAILLES - FRANCE100TH ANNIVERSARY PACKAGE

Book NowSee Ditails

Middle East

Europe

North America

Asia




SELECT A DATE


November 10, 2010

of 84



[Global XA Footer]




[WA Logo]

Waldorf Offers


WALDORF OFFERS

Asia


LOREM IPSUM

LOCATION - COUNTRYUNLIMITED GOLF

Book NowSee Ditails


LOREM IPSUM

LOCATION - COUNTRYGRAND+FLIGHT+CAR= SAVINGS

Book NowSee Ditails


LOREM IPSUM

LOCATION - COUNTRY100TH ANNIVERSARY PACKAGE

Book NowSee Ditails

Tokyo

Sanya Haitang Bay

Singapore

Beijing

Bali

Shanghai

Koh Samui

Bangkok

Dalian (2013)

Maldives

Hong Kong



SELECT A DATE

Search


November 10, 2010

of 84

Wireframe: [Agenda] Open Mic


4. Open Mike

! Q&A

! Discussions


November 10, 2010

of 84

Wireframe: [Agenda] Next Steps


5. Next Steps

! Send us your feedback

! Suggest items to be user tested


November 10, 2010

of 84

Wireframe: [Agenda] Thank You


THANK YOU!


November 10, 2010

of 84

Wireframe: Appendices: Detailed Wireframes


Appendices: Detailed Wireframes


November 10, 2010

of 84

Wireframe: Waldorf Astoria Brand, Home 0.0


[Global XA Footer]




[WA Logo]

!"#$#!%

!"#$#!&

!"#$#!'

Waldorf Offers

WALDORF LOREM



Book Now

Booking Module

See Details



November 10, 2010

of 84

Wireframe: Waldorf Astoria Brand, Home 0.0 (Clasped Booking Module)


[Global XA Footer]




[WA Logo]

!"#$#!%

!"#$#!&

!"#$#!'

Waldorf Offers

WALDORF LOREM



Book Now

See Details



November 10, 2010

of 84

Wireframe:Waldorf Astoria Brand, The Waldorf Experience, Landing Page

2.0


[Global XA Footer]




[WA Logo]

!"#$%&'(

)*'+,-.

/01,-#*

23*

4,'.

Waldorf Offers

WALDORF ASTORIA

EXPERIENCE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel


Book NowUniquely Waldorf Astoria

Spa

Golf

Explore proprieties

PROMO LOREM

PROMO LOREM

Experiece Uniquely

Waldorf AstoriaSpa Golf


November 10, 2010

of 84

Wireframe: Waldorf Astoria Brand, Uniquely Waldorf Astoria 2.1


[Global XA Footer]




[WA Logo]

!"#

$%&'

()*+,-!.!/**,0+1-

Waldorf Offers

HISTORY

SPORT

CULINARY

WELLNESS

Book Now

UNIQUELY WALDORF

ASTORIALorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel


Explore proprieties

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel


Experiece Uniquely



November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Level, Spa 2.2


[Global XA Footer]




[WA Logo]

!"#$

%&'()*!+!,'')-(.*

/'00-(.*

Waldorf Offers

Book Now

BRAND SPA



Find Spa Course

[Optional Media ]



TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

Experiece Uniquely



November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Level, Golf 2.3


[Global XA Footer]




[WA Logo]

!"#$%&!'!(##%)$*&

+#,,)$*&

(##%)*&

Waldorf Offers

WHAT WE OFFER

SCENIC

Book Now

PRO COURSES

CHALLENGING

BRAND GOLF



Find Golf Course

[Optional Media ]



Experiece Uniquely



November 10, 2010

of 84

Wireframe: Waldorf Astoria Property, !Amenities & Services 1.0:x1


[Global XA Footer]



!"#$%!

&''($

)*+

!',-

PROPRIETY AMENITIES & SERVICES

LOREM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae massa aliquam blandit vel


Book Now Guest Rooms

Restaurant & Bars

Spa

Golf

Restaurant & Bars

Activities

Lorem

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

[Hotel Logo]


Download Brochure

Amenities

& Services

Guest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Level, Guest Room 2.0: X.1-1X


[Global XA Footer]



!"#

$%&'

()*+#,-#.+

/!0#-*

Book Now

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

occaecat cupidatat non proident, sunt in culpa qui officia

deserunt mollit anim id est laborum.

[Hotel Logo]


ROOM LOMER IPSUM

ROOM LOMER IPSUM

ROOM LOMER IPSUM

ROOM LOMER IPSUM

ROOM LOMER IPSUM

GUEST

ROOMS

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum


November 10, 2010

of 84

Wireframe:Waldorf Astoria Site, Property Level, Guest Room 2.0: X.1-1X

(Details)


[Global XA Footer]



[Hotel Logo]

Events & MeetingsHighlights About DestinationHotel Information [Waldorf Astoria Logo]Amenities & Services

ROOM LOMER IPSUM

ROOM LOMER IPSUM

ROOM LOMER IPSUM

ROOM LOMER IPSUM

ROOM LOMER IPSUM

Book Now

GUEST

ROOMS

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


ROOM LOREM IPSUM

Download Brochure

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum

!"#

$%&'

()*+#,-#.+

/!0#-*


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Level, Spa 2.0: X.1-2


[Global XA Footer]



!"#$

%&'()*+),(

-)+'

./(010(0&'

Book Now









For a full list of Spa's offerings, please download the

brochure here.

PROPRIETY

SPA

[Hotel Logo]


MASSAGE

FACIALS

BODY WRAPS

TREATMENT LOREM

TREATMENT LOREM

TREATMENT LOREM

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Level, Spa 2.0: X.1-2 1


[Global XA Footer]



Book Now

[Hotel Logo]


SHIATSU MASSAGE (60)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 occaecat cupidatat non

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

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





DEEP TISSUE MASSAGE (60)

MASSAGE LOREM IPSUM






SWEDISH MASSAGE (60)


MASSAGE

FACIALS

BODY WRAPS

TREATMENT LOREM

TREATMENT LOREM

PROPRIETY

SPA

TREATMENT LOREM

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.

Download Brochure

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum

!"#$

%&'()*+),(

-)+'

./(010(0&'


November 10, 2010

of 84

Wireframe: Waldorf Astoria Site, Property Level,!Golf 2.0: X.1-3


[Global XA Footer]



!"#$%&'%($!

)!*%'#

+,$-.-$-"#

/0'"1!

23#&1!

Book Now

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

PROPRIETY GOLF

[Hotel Logo]


Download Brochure

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum










November 10, 2010

of 84

Wireframe: Waldorf Astoria Property, !Golf 2.0: X.1-3-x1


[Global XA Footer]



Book Now




TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

[Hotel Logo]


LOREM IPSUM

Download Brochure

PROPRIETY GOLF

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum

!"#$%&'%($!

)!*%'#

+,$-.-$-"#

/0'"1!

23#&1!


November 10, 2010

of 84

Wireframe: Waldorf Astoria Property, Golf 2.0: X.1-3-x2


[Global XA Footer]



TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

Book Now

[Hotel Logo]


LOREM IPSUM











LOREM IPSUM

LOREM IPSUM






LOREM IPSUM

Download Brochure

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum

PROPRIETY GOLF!"#$%&'%($!

)!*%'#

+,$-.-$-"#

/0'"1!

23#&1!


November 10, 2010

of 84

Wireframe: Waldorf Astoria Property, Restaurant & Bars 2.0: X.1-4X


[Global XA Footer]



!"#$%$#$&'

()*&+!,-'.+!

/%&0#'!1!+&&#$02'

Book Now

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

[Hotel Logo]


Download Brochure

RESTAURA

NT & BARS

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum










November 10, 2010

of 84

Wireframe: Waldorf Astoria Property, Restaurant & Bars 2.0: X.1-4 1


[Global XA Footer]



Book Now

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

RESTAURA

NT & BARS

[Hotel Logo]





LOREM IPSUM

Download Brochure

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum


!"#$%$#$&'

()*&+!,-'.+!

/%&0#'!1!+&&#$02'


November 10, 2010

of 84

Wireframe: Waldorf Astoria Property, Restaurant & Bars 2.0: X.1-4 2


[Global XA Footer]



TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

TITLE LOMER IPSUM

Book Now

RESTAURA

NT & BARS

[Hotel Logo]


LOREM IPSUM











LOREM IPSUM

LOREM IPSUM






LOREM IPSUM

Download Brochure

Amenities

& ServicesGuest

RoomsSpa Golf

Restaurant

& Bars Activities

Lorem

Ipsum


!"#$%$#$&'

()*&+!,-'.+!

/%&0#'!1!+&&#$02'


November 10, 2010

of 84

Wireframe: [0.0] Conrad Brand Home



[Global XA Footer]

[Brand Callout]

[Brand Callout]

[Brand Callout]

!"#$%&!'$%#&!(")*Lorem ipsum dolor sit amet, consectetur adipiscing





Events & Meetings

Explore Our Hotels

Conrad Offers


[Res Widget]

Reservation widget is open by default on the Brand and Property landing pages.

1

1


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels (Map view with rollover) 2



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]



Browse by

MoodFilter

Conrad Dublin»

Existing as well as future openings display on the map and are differentiated visually.

1

1

On mouseover, Property name displays. User can click for more details (see next wireframe)

2

2

See separate wireframe for details on proposed filtering criteria.

3

3


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels - Map View (with hotel detail on click) 2



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]


Browse by

MoodFilter


Image

Conrad Dublin Earlsfort Terrace | Dublin, 2, Ireland | Tel: 353-1-602-8900


elit. Nunc tortor felis, accumsan sed sollicitudin et,

sodales a diam. Quisque alesuada eros porta arcu

dignissim molestie dignissim augue tempor.

Rooms: 269

Setting: City

Style: Classic, Grand, Hotel Check Availability»

View Hotel Website»

X

When user clicks on Property name, more details are displayed as well as relevant calls to action. Check Availability link takes the user to Res Engine.

1

1


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels (visual search) 2



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers







Browse by

MoodFilter

Your Selections


ipsum dolor.

Filter and Visual Search (a.k.a. Browse by Mood) are a toggle. Clicking on the tab brings the panel forward and opens an overlay with images for the user to select. The overlay can open over Map or List view, whichever is currently selected, and acts as a filter for that current view.

1

1


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels (visual search, user selections) 2



[Global XA Footer]

!

!

!

!

!

!

!

!

!

!

!


Events & Meetings

Explore Our Hotels

Conrad Offers




Browse by

MoodFilter

Your Selections


ipsum dolor.Image Image Image Image Image



Image Image

Find Destinations

Image Image

Image Image

User's selections are visually differentiated and also appear in the Your Selections panel.

Once user has selected the desired images, clicking Find Destinations will display the filtered results accordingly.

1

1

1


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels (visual search results) 2



[Global XA Footer]

! !

!


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

List ViewMap View!"#$%&'!()&!*%+'$,Your search results lorem ipsum dolor sit amet,

consectetur adipiscing elit.

Browse by

MoodFilter

Your Selections


ipsum dolor.

Image Image

Modify Selections

Image Image

Image Image

1

1

Filtered results appear in the current view as well as the user's selections in the panel. Clicking on List View will show the selected hotels in a list with the remaining hotels greyed out/inactive (see next wireframe).

User can modify selections by clicking the button and making the desired changes.

1


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels (List view) 2



[Global XA Footer]


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

Europe

Brussels

Dublin

North America

Chicago

Indianapolis

Miami

New York (2011)

Middle East

Bahrain - Saudi Arabia

Cairo

Dubai

Istanbul


Bahamas

Punta del Este - Urugay (2012)

San Juan - PR

Asia

Bali

Bangkok

Beijing

Dalian (2013)

Hong Kong

Koh Samui

Maldives

Sanya Haitang Bay

Shanghai

Singapore

Tokyo

North America

Rooms: 269

Setting: City


Image








Rooms: 269

Setting: City

Style: Grand

Image








Rooms: 269

Setting: City

Style: Grand

Image








Rooms: 269

Setting: City


Image








Map View List View!"#$%&'!()&!*%+'$,Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Browse by

MoodFilter

4

The index displays a clickable list of all Properties by Region. This is the primary method of finding a specific hotel. The links act as anchor tags and displays the selected Property or Region as the first item.

1

1

3

Hotel details appear in this area, listed in the same order as the index. The default set displayed is North America.

3

A secondary way to access Property details is to page through the list. However, primary method used will be the index above.

4

Properties that are filtered out by the Filter or Visual Search/Browse by Mood are grayed out and inactive.

2

2


November 10, 2010

of 84

Wireframe: [1.0] Explore Our Hotels - Proposed Filtering Criteria Detail 2


Default Settings Example of Selection

Filter Options

HOTEL STYLEALL (30)Classic (6)Grand (8)Modern (16)

SHOW HOTELS


INTERESTS




Filter Options

AMENITIES


SETTING


!

!

!

!

!

Filter Options

HOTEL STYLE

ALL (30)Classic (6)Grand (8)Modern (16)

SHOW HOTELS


INTERESTS




Filter Options

AMENITIES


SETTING


!

!

!

!

!

!

!

!

!

Filter Filter

2

1Filtering criteria is currently TBD. Number of matching results for each criteria displays in parentheses and changes as user makes selections.

Selecting filtering criteria instantly displays results in the selected view - either Map View or List View.

ALL within each category will be selected by default in order to display all possible results. The exception is Show Hotels, since most users will want to see existing properties, and future openings will be the exception.

1

2 User can select multiple criteria within the same category.


November 10, 2010

of 84

Wireframe: [2.0] The Conrad Experience



[Global XA Footer]

Template: Brand 2nd Level

!"#!$%&'()!*+,#'-#&.#!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi vitae

massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in semper.


massa aliquam blandit vel eu nisi.

[Optional Callout]


Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]

Uniquely Conrad

Spa

Golf

Residences


Book Now



November 10, 2010

of 84

Wireframe: [2.1] Uniquely Conrad


Template: Brand 3rd Level


[Global XA Footer]

!"#$%&'(!)*"+,-

Uniquely Conrad

Spa

Golf

Residences


Explore Our Hotels




Nunc eleifend, eros id fermentum tincidunt, justo neque iaculis massa, sed

suscipit ipsum odio nec justo. Praesent et magna erat. Class aptent taciti

sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce

vel mattis eros. Cras lacus nisl, eleifend ac imperdiet eu, commodo eget nulla.

Praesent massa metus, imperdiet eu hendrerit vel, ultrices vel tellus. Morbi odio

dolor, molestie quis convallis ut, dignissim pulvinar nunc

[Optional Image or Video]



Events & Meetings

Explore Our Hotels

Conrad Offers



November 10, 2010

of 84

Wireframe: [2.2] Spa




[Global XA Footer]

!"#$%!&'#

Uniquely Conrad

Spa

Golf

Residences


Find a Spa













Events & Meetings

Explore Our Hotels

Conrad Offers



November 10, 2010

of 84

Wireframe: [2.3] Golf




[Global XA Footer]

!"#$%!&'()

Uniquely Conrad

Spa

Golf

Residences


Find a Golf Course

Book Now













Events & Meetings

Explore Our Hotels

Conrad Offers

[Conrad Logo]


November 10, 2010

of 84

Wireframe: [3.0] Events & Meetings Overview




[Global XA Footer]

!"#$%&!'!(##%)$*&






eu nisi.

[Optional Callout]

Weddings

Meetings

Social Events

Events & Meetings



Events & Meetings

Explore Our Hotels

Conrad Offers



November 10, 2010

of 84

Wireframe: [1.0:X] Conrad Property Landing Page



[Global XA Footer]


Template: Property Home

!"#$%&!'$"()$*+!,"-)Lorem ipsum dolor sit amet, consectetur adipiscing



View Hotel Photos

[Property Callout]

[Property Callout]

[Property Callout]

Book Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

!"#$%&!,"*)./!0!1)/"$*/!

[Res Widget]


November 10, 2010

of 84

Wireframe: [1.0:X.1] Amenities & Services




[Global XA Footer]


!"#$%&%#'!(!)#*+%,#'






eu nisi.

View Property Photos

[Optional Callout]

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service


Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

-.$*/0!1.&#2'!(!3#'.*&'!

Book Now


November 10, 2010

of 84

Wireframe: [1.0:X.1-2] Spa


Template: Property Primary 3


[Global XA Footer]


!"#$%"&'!($)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi

vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue urna in

semper.

Maecenas in orci in nunc eleifend vehicula. Vivamus purus risus,

ullamcorper non dictum eu, vehicula nec ipsum. Nunc rutrum, nibh vel

dictum elementum, turpis lorem rhoncus diam, eu accumsan velit felis id

sem.

Suspendisse in odio vel sem posuere bibendum. Curabitur vel felis justo.

Suspendisse pretium metus nec lorem laoreet interdum. Donec vel dolor

vitae ipsum condimentum facilisis et ut urna. Pellentesque nunc libero,

volutpat at ultricies tincidunt, tempor id quam.

Book a Session: +XXX XXX-XXX-XXXX | [email protected]

View Spa Photos

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service


Book Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

*#+"),!-#&%./!0!1%/#"&/! *#+"),!-#&%./!0!1%/#"&/Find a Hotel


Events & Meetings

Brand Offers

» »

» »

($)!2"%)&3%+&/

Massage »

Facials »

Body Wraps »

Treatment Lorem »

Treatment Lorem »

Treatment Lorem »


November 10, 2010

of 84

Wireframe: [1.0:X.1-2.1] Spa Service Detail


Template: (New Template TBD)


[Global XA Footer]


!"##"$%!&'(%)!*+#,)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi


semper.

Shiatsu Massage (60 min)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sem

nunc, suscipit sit amet volutpat in, facilisis vel tortor. Fusce at enim

aliquam ligula fermentum fringilla. Curabitur tempor faucibus ipsum, a

blandit odio rutrum non. Morbi consectetur feugiat nisl non elementum.

Deep Tissue Massage (60 min)

Donec tristique elit eu est pretium non molestie nibh commodo. Donec

gravida condimentum eros, at rhoncus mi eleifend mattis. Vivamus ut nisl

lacus. Etiam eleifend lorem molestie massa dictum tempus. Sed suscipit

vehicula commodo. Integer eleifend mi vel ante suscipit porttitor. Aenean

commodo tincidunt sem et laoreet.

Swedish Massage (60 min)




blandit odio rutrum non. Maecenas in orci in nunc eleifend vehicula.

Vivamus purus risus, ullamcorper non dictum eu, vehicula nec ipsum.

Nunc rutrum, nibh vel dictum elementum.

Thai Yoga Massage (60 min)


ullamcorper non dictum eu, vehicula nec. Vivamus ut nisl lacus. Etiam

eleifend lorem molestie massa dictum tempus. Sed suscipit vehicula

commodo. Integer eleifend mi vel ante suscipit porttitor. Aenean commodo View Spa Photos

-+"!.(%"/)%0/#

Massage »

Facials »

Body Wraps »

Treatment Lorem »

Treatment Lorem »

Treatment Lorem »

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service


«Back to SpaBook Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

1'0("2!3'/%4#!5!6%#'(/#!


November 10, 2010

of 84

Wireframe: [1.0:X.1-3] Golf




[Global XA Footer]


!"#$Lorem ipsum dolor sit amet, consectetur adipiscing



Maecenas in orci in nunc eleifend vehicula. Vivamus

purus risus, ullamcorper non dictum eu, vehicula nec

ipsum. Nunc rutrum, nibh vel dictum elementum,

turpis lorem rhoncus diam, eu accumsan velit felis id

sem.

Contact Golf Course: +XXX XXX-XXX-XXXX | [email protected]

View Golf Course Photos

[Optional Callout]

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service

Amenities & Services !"#$!%&'()*&+

Service Lorem Ipsum»







Book Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

,"-'./!0"1&#+!2!3&+"'1+!


November 10, 2010

of 84

Wireframe: [1.0:X.1-3.1] Golf Services Detail




[Global XA Footer]


!"#$%&"!'(#")!*+,-)

View Golf Course Photos

.(/0!!"#$%&",








Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi


semper.

Heading Lorem Ipsum





Heading Lorem Ipsum






Heading Lorem Ipsum







Heading Lorem Ipsum




commodo. Integer eleifend mi vel ante suscipit porttitor. Aenean commodo

tincidunt sem et laoreet aliquam blandit vel eu nisi. Curabitur pharetra

«Back to GolfBook Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

1(2#34!5(6"/,!7!8",(#6,!


November 10, 2010

of 84

Wireframe: [1.0:X.1-4] Restaurants & Bars




[Global XA Footer]


!"#$%&'%($#!)!*%'#Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at

nisi vitae massa aliquam blandit vel eu nisi. Curabitur pharetra congue

urna in semper.


ullamcorper non dictum eu, vehicula nec ipsum. Nunc rutrum, nibh vel

dictum elementum, turpis lorem rhoncus diam, eu accumsan velit felis

id sem.

View Restaurant & Bar Photos

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service

Amenities & Services!"#$%&'%($#!)!*%'#

Restaurant Name»

Restaurant Name»

Restaurant Name»

Bar/Lounge Name»

Bar/Lounge Name»

Book Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

+,('%-!.,$"/#!)!!"#,'$#!


November 10, 2010

of 84

Wireframe: [1.0:X.1-4.1] Restaurant & Bar Detail




[Global XA Footer]


!"#$%&'%($!)%*"

View Restaurant & Bar Photos

!"#$%&'%($#!+!,%'#

Restaurant Name»

Restaurant Name»

Restaurant Name»

Bar/Lounge Name»

Bar/Lounge Name»

Spa

Golf

Restaurants & Bars

Activities

Unique Amenity

Unique Service

Amenities & Services Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at nisi


semper.

Heading Lorem Ipsum





Heading Lorem Ipsum






Heading Lorem Ipsum







Heading Lorem Ipsum




commodo. Integer eleifend mi vel ante suscipit porttitor. Aenean commodo

tincidunt sem et laoreet aliquam blandit vel eu nisi. Curabitur pharetra

«Back to RestaurantsBook Now

Gallery

About Destination

Guest Rooms


Events & Meetings

Hotel Information

Exclusive Offers

CONRADLOCATION

-.('%/!0.$"1#!+!!"#.'$#!