Over the course of five months, I worked with a cross-functional team of stakeholders at IHG to design 9 unique WiFi landing pages to be used globally for Holiday Inn, Holiday Inn Express, Holiday Inn Resorts, Crowne Plaza, InterContinental Hotels, EVEN Hotels, Hotel Indigo, Candlewood Suites and Staybridge Suites.
After logging-on to the WiFi network at any of these properties, guests are taken to the WiFi landing page, which is styled uniquely for each hotel brand but is built atop a universal framework that is shared by all IHG brands.
One of the project's most significant challenges was creating a template that could be used across all brands and then making the individual brands' unique style work within the technical requirements of the master template.
For each brand, I designed a WiFi landing page in adherence with brand style guides and built an interactive prototype to be used for stakeholder approvals, testing, and development. Each prototype was built using HTML and CSS to be fully responsive and was designed to function within the technical limitations Adobe Experience Manager (AEM).
For this project, I repeated the same process to design and build responsive prototypes for nine unique brands. The process looked something like this:
I worked with the team's Information Architect to create and refine wireframes for each component across the three pages included in this project. The wireframes account for 3 possible login states depending on the guest's registration status and whether or not their device has been cookied.
Based on the wireframes, I built a master template to be used across all nine brands. This template accounted for all potential login states, incorporated the ability to log-in to the IHG Rewards Club, and included the ability to close component cards or expand them for additional information.
For any components that included complex logic or warranted additional documentation, I created mockups with redlines and notations for the development team.
The brand teams from each of the nine properties provided style guides, which I used to customize the master template. A key challenge was ensuring that each prototype was consistent with its brand, which sometimes required changes to the master template or additional back-end development.
Each prototype was delivered to stakeholders for approval and subjected to an iterative revision process. After final approval, I delivered the prototypes to the development team and provided ongoing support throughout the development process.