Graduate Hotels

Developing a five-star digital experience for the boutique hotel group

Graduate Hotels Hero

When Graduate Hotels came to Big Human for help with a website redesign and redevelopment project, the hospitality company wasn’t looking to build from the ground up. Instead, they needed our designers and developers to take over the work started by another agency.

A few months later, we were able to provide the hotel group with a fully functioning website, one that seamlessly integrated existing third-party services and accurately (and prominently) represented each of the 30-plus boutique hotels in college towns around the world.

  • Product Design
  • UX/UI Design
  • Web Development

Design

Streamlining, organizing, and reapplying the designs

Design may be a creative field, but it also requires thorough planning and detailed organization, as demonstrated by the Graduate Hotels project. As soon as our designers received the work-in-progress design files, they knew any further updates would need to begin with a reorganization effort and an updated design system.

Thus began a full audit of all design components —  buttons, page thumbnails, colors, and font application. Consistency is critical for a site with this many pages and functionalities, so the designers worked to make sure the components matched 1:1. Our team also noticed that many of the components had been left out of the not-yet-development-ready pages. Once we made note of this, they got to work updating them, taking both client feedback and website requirements into account, categorizing them based on functionality (things like navigation or custom subpage themes), and adding documentation notes on their use. The end result was an accessible design system, expertly reorganized for efficient development handoff and any future site needs. 

While that part of the design sprint took a significant amount of time, our designers were also able to build new components and new assets for Graduate Hotels’ pages. Since we prefer efficient, functional design, we created a new offer component that can be used globally across the Graduate Hotels website.

Development

Building an error-free frontend and an integrated backend

Just like the design portion of the Graduate Hotels project, development required conducting a quality assurance audit right off the bat. After ingesting the designs, documentation, and code repositories — as well as onboarding to the new code base and additional connected services — we began looking for gaps. This also meant validating the progress of the previous agency and checking for any major errors or inconsistencies across the 34-page templates and 58 components.

As the initial QA wrapped, the next step was implementing the new code based on the designs and the sprint plan. On the frontend, our engineers ensured seemingly small things — like correct colors, themes, background textures, and padding — were accounted for. On the backend, they worked on error-free integrations with external APIs, including a booking engine, a retargeting tool, and an integration that imports all images and hotel room details. 

Once the development of the final page templates and components was finalized, our engineers began the next round of end-to-end QA, testing all 38 site flows to make sure the work was to design specs, integrations were firing correctly, and the components were working as expected.  As soon as we were given the green light, it was time to announce the arrival of the brand-new graduatehotels.com.

Results

Ensuring a successful launch and continued growth

The fully functioning Graduate Hotels website launched on October 16, 2023, and Big Human continues to help with site support, ongoing maintenance, and making the site more accessible. On a day-to-day basis, we’re optimizing and maintaining the functionality of the digital properties based on data, feedback, and goal-tracking.