Sheraton Chicago Renovations

Get to know the new Sheraton Chicago

The Sheraton Chicago had just undergone renovations and overhauled their amenities, and they wanted to get the word out. Together, we decided design a microsite that would tell a story by walking the user through the hotel from the front lobby to the new Fitness Centre and discover the new Sheraton Chicago. We designed a solution that revolved around two main page templates – one for rooms that showcased the photography, and another for amenities that allowed for more text and incorporated brand elements to add more visual interest.

Role

Designer

Company

Achiga

Industry

Hospitality

Year

2013

Contributions

Website Design

Background
Website Design
Website Design

The user is first greeted by a shot of the exterior of the hotel, introducing the concept and inviting them to explore further. Throughout the pages we leveraged parallax, an emerging technology at the time, to create the main experience of scrolling through the website. We also added a persistent sidebar navigation that would allow users to jump to a specific section, book a stay, or view the full site at any point. After the user scrolled past this introduction, their progress through the site would be indicated by a line being drawn through the centre of the screen, also serving as a visual metaphor for a guide.

Introduction page (initial state before scrolling).

Newly renovated rooms on full display

Each room page showcased two different hi-res photos that would be fully visible before and after a brief statement about the room on an overlay on top of the photos. The solution needed to give the user time to take in each photo, unobstructed, but also display text related to the room. The design was made flexible to accommodate varying lengths of text.

Newly renovated rooms on full display

Each room page showcased two different hi-res photos that would be fully visible before and after a brief statement about the room on an overlay on top of the photos. The solution needed to give the user time to take in each photo, unobstructed, but also display text related to the room. The design was made flexible to accommodate varying lengths of text.

Newly renovated rooms on full display

Each room page showcased two different hi-res photos that would be fully visible before and after a brief statement about the room on an overlay on top of the photos. The solution needed to give the user time to take in each photo, unobstructed, but also display text related to the room. The design was made flexible to accommodate varying lengths of text.

Lobby room page (phase 1 of 3).

Lobby room page (phase 2 of 3).

Lobby room page (phase 3 of 3).

Room page motion (Lobby).

Highlighting amenity features and upgrades

Amenity pages were more static in nature – they focused more on Sheraton's new magazine brand elements and helped visually break-up the room pages, keeping the site looking fresh from page to page. This template also allowed for more descriptive text to better articulate details about the amenities.

Highlighting amenity features and upgrades

Amenity pages were more static in nature – they focused more on Sheraton's new magazine brand elements and helped visually break-up the room pages, keeping the site looking fresh from page to page. This template also allowed for more descriptive text to better articulate details about the amenities.

Highlighting amenity features and upgrades

Amenity pages were more static in nature – they focused more on Sheraton's new magazine brand elements and helped visually break-up the room pages, keeping the site looking fresh from page to page. This template also allowed for more descriptive text to better articulate details about the amenities.

Highlighting amenity features and upgrades

Amenity pages were more static in nature – they focused more on Sheraton's new magazine brand elements and helped visually break-up the room pages, keeping the site looking fresh from page to page. This template also allowed for more descriptive text to better articulate details about the amenities.

Link@Sheraton Café amenity page.

Amenity page motion (Sheraton Social Hour).

Sheraton Social Hour amenity page.

Fitness Centre amenity page.

An invitation to stay at the new Sheraton Chicago

The last page was dedicated to booking a stay. The guide line would join with the booking widget in the centre of the screen. This page also touted the hotel’s Trip Advisor ranking and other recognition alongside a message and link to reviews.

An invitation to stay at the new Sheraton Chicago

The last page was dedicated to booking a stay. The guide line would join with the booking widget in the centre of the screen. This page also touted the hotel’s Trip Advisor ranking and other recognition alongside a message and link to reviews.

An invitation to stay at the new Sheraton Chicago

The last page was dedicated to booking a stay. The guide line would join with the booking widget in the centre of the screen. This page also touted the hotel’s Trip Advisor ranking and other recognition alongside a message and link to reviews.

An invitation to stay at the new Sheraton Chicago

The last page was dedicated to booking a stay. The guide line would join with the booking widget in the centre of the screen. This page also touted the hotel’s Trip Advisor ranking and other recognition alongside a message and link to reviews.

Make a Reservation page.

Credits

Ian W - Creative Director


Bill C - Art Director