Granta Centre of Hospitality

Project 2024

Evaluating the landing page for two campaigns suggested that SEM focused on business breaks were better performers over seasons than those aimed at the weekend leisure travellers keen to explore the connections of the hotel to its past.

  1. The high bounce rate on the home page and long journey to booking indicates a problem with the overburdening of the CTAs, leading to confusion, as well as the branding. 

  2. Also, there is a perceived distance between the hotel and what the city of Cambridge has to offer. The owner has therefore decided to focus purely in a single area of expertise, reflecting both the area and available experts. He is seeking a complete refresh.

    The aim is to establish Granta as a Centre for hospitality where the L&D divisions of service sector companies can send staff to learn best practices - utilising the culture of Cambridge that provides for tourists, history buffs and business leaders - whilst leveraging the surroundings to provide a comprehensive rundown in the classroom, on-site and virtual lessons.

    At the same time, Granta wishes to maintain an aspect of hotel business, with the joint purpose of engaging guests better, but also to provide a lesson for hospitality professionals.

Role: 

UX Designer/Content Marketing Researcher/Producer 

Scope: 

3 weeks  

Process: 

Research, interviews, survey, competitive analysis, ideation, prototyping, testing, evaluation 

Tools: 

Figma/ClickUp/PS/Miro 

Nestled within the tranquil embrace of the Cambridgeshire countryside, Granta - named after the two tributaries of the Cam - emerges as a captivating bohemian haven, ensconced within the walls of a Grade-II listed Georgian building.

With minimalist elegance a business centre for hospitality, as well as a hotel, offers the perfect surroundings for those wishing to avail themselves of its beauty and more sybarite pleasures of the city, whilst providing an essential detour for those looking to build their business in restful perfection

Original website (Granta - the hotel)

Page Two Goals

1. Strong Page Heading & Introduction
Goal: Clearly communicate what users can expect on this page.


2. Newsletter Sign-Up Section

Goal: Encourage users to subscribe for valuable industry insights.
✅ Compelling Name & Stylish layout that reflects the trends of all areas of training
📩 Weekly updates on hospitality trends
🎓 Expert advice on career growth
📅 Early access to course dates & special discounts
✅ Simple Email Capture Form:
Single input field: "Enter your email address"
Button: "Sign Up" (Use a high-contrast color)
✅ Trust Elements:
Small text: "We respect your privacy. No spam, just valuable insights."
Social proof: "Join 10,000+ hospitality professionals receiving our updates."
💡 Why? A frictionless, benefit-focused sign-up process boosts engagement.

3. Account Registration (Easy & Quick)

Goal: Encourage users to create an account to access more training opportunities.
✅ CTA Section: "Take Your First Steps"
✅ Three-Column Layout:
✅ Access full course listings & schedules
✅ Specialisms
✅ Network with hospitality professionals Account

✅ Consider Social Sign-Up Options: (Google, LinkedIn) for ease
💡 Why? Reducing form fields and allowing social sign-up lowers barriers.

4. Explore Courses & Dates (Interactive & Searchable)
Goal: Help visitors quickly find relevant training opportunities.
✅ Course Listings (Card Layout):
The card should include:
📌 Course Name & Short Description
📅 Next Available Date
🎓 Instructor Name (if relevant)
⏳ Duration
📍 Location (On-site or Virtual)
CTA Button: "View Details"
✅ Highlight Limited Seats:
Example: "Only 5 spots left – Enroll Now!"
💡 Why? An intuitive, visually engaging layout makes it easy to find and book courses.


5. Sticky Navigation & CTA Buttons
✅ Footer “second chance”
📞 Contact Support
✅ Showcase Alumni Success Stories
“This training helped me land my dream job at a 5-star resort!” – Maria L., Course Graduate
✅ Industry Recognition Badges & Partner Logos
✅ Real-Time Stats:
🎓 "Over 5,000 students trained"
🌍 "Courses available in 10+ locations"
💡 Why? Testimonials and credibility markers reassure users.


Final Touch: A/B Testing & Performance Tracking

Test different CTAs & layouts to see what converts best.
Use heatmaps & analytics to track sign-up & engagement rates.

The Sign-up Section is added twice to test where it is best placed to prompt activity and engagement.

High Fidelity Design

Problem

 
The Granta Hotel began life as a boutique hotel, in the 1870s, attracting both business and pleasure-seeking guests intrigued by its history. Traditionally, the hotel has provided short-term hospitality for those wanting a break from large commercial districts, but also executives in need of a neutral space to meet clients travelling into Cambridge ( a technology hub ) – or needing to reach Stansted Airport, twenty-five miles distance.  

Over the past year it has suffered a drop-off of guests by 15%, with reviews suggesting some confusion with a neighbouring period guest house, and some business executives feeling the Granta was too niche to offer a full panoply of facilities. It also appears to lack a connection to the city (priding itself on restful seclusion) and therefore limited in its offering for the business class.  

The owners sense the hotel may have an identity problem.

  • User flow through G4 analytics suggests 6 clicks to a purchase, and a primary return to the home page, indicating navigation issues, reinforced by a heat map.  

The saturation of the signature red could be raised if the contrast with black wasn’t so keen, meeting the wishes of the client to maintain the uniqueness of the property. A clean white backing would ensure the visitor is not overwhelmed, however.  

 
The first introduction to the rooms available on the original site was submerged by the historical narrative of “named” apartments, to the detriment of the amenities. The booking system was also minimal in design features, restrictive in choice, and with an unattractive bleaching effect to differentiate the screen from the splash. Clearer outlines of amenities might allow for a full complement of technology to be shown. Both the sports facilities and dining could deemphasize the historical aspect, whilst providing options for leisure spent with an emphasis on the bleisure market: out of hours facilities, high-tech options in the gym/sauna, etc.  

However, in order to focus on a clear pathway and build aesthetic UI around it, it’s first necessary to understand who the guest is, her/his needs and how the market has generally responded to date.

Before getting to work on the persona and user flow, it was important to see whether there were some straightforward practical decisions that might assist stickiness to the site and bring down the bounce rate. First, the blurb introduction on the splash might confuse or alienate a business crowd confused people; it was also too long, distracting from the visuals.  

Further, the three menu system on the splash (a side bar for corporate information; a Reserve button, and a footer menu for various features of the hotel) demonstrated a lack of hierachy, leading to confusion in the User Flow. When a side bar was used, this overlaid the footer and prevented scrolling. A new design might maintain choices, but they should be clearly delineated for different audiences: perhaps the availability feature might address an audience constrained by time, for example – especially commuting business types needing to take an eleventh hour flight, or those already familiar with the hotel. A top banner prompting those searching for one particular feature above others for their stay is one used often by business hotels. Lastly, the scroll should offer a more leisurely, “ambient-led” introduction to the hotel.  

PERSONA

EMPATHY MAP

GA4 Demographics data reveals visitors in a medium income bracket, with an interest in flying; combined with the success of previous campaigns and modelling based on the emerging bleisure market and location of the Scarlet Rooms Hotel, a persona and empathy map can be built.

Page One Goals

1. Strong & Clear Headline (Above the Fold)
Goal: Immediately capture attention and communicate value.


2. Engaging “Solid” Visuals & Call-to-Action (CTA) Section
Goal: Visually reinforce offering, dependability, and encourage sign-ups.
Use a high-quality background image (e.g., a professional chef training students or a networking event).
CTA Button: "Free Trial" (contrasting color against white background, easy to spot).

3. Key Benefits Section (Why Join?)
Goal: Quickly showcase the unique value for businesses.
Use bulleted, bite-sized benefits for clarity, with colour coding to recall the three benefits
✅ Industry-Recognized Training – Gain practical skills from top hospitality experts.
✅ On-Site Learning – Experience real-world hospitality environments.
✅ Networking Opportunities – Connect with industry professionals.
✅ Flexible Learning Paths – Online & class-based resources tailored for success.

4. Social Proof & Testimonials
Goal: Build credibility and trust.
Feature stats near the title, and recommendations further down the page. Industry insiders as well as students.

5. Simple Sign-Up Form (Minimal Fields, various media)
Goal: Reduce friction for businesses to join.
Keep it simple: Name, Business Name, Email, Industry Sector
Offer an incentive: Free Trial

Final Touch: A/B Testing & Analytics
Test variations of headlines, CTA placements, and images.
Use heatmaps (Hotjar, Crazy Egg) to track user engagement.
Monitor Google Analytics to measure sign-up conversion rates.

Page Three Goals

1. Engaging Header & Introduction

Goal: Clearly communicate the purpose of the page and what users will gain.

2. Self-Assessment Tool (Interactive & Insightful)

Goal: Allow organizations to evaluate their standing against industry standards.

✅ Step-by-Step Form with Multiple-Choice Questions:

  • Category 1: Service Excellence"How does your team handle guest feedback?"

  • Category 2: Operational Efficiency"How well are your processes standardized?"

  • Category 3: Compliance & Safety"Are your hygiene protocols up to industry standards?"

  • Category 4: Employee Training & Development"How often do staff receive hospitality training?"

  • Category 5: Networking & Growth Opportunities"Are you leveraging industry connections?"

✅ Instant Report Generation:

  • Results categorized into "Excellent," "Needs Improvement," or "Critical Areas to Address."

  • Option to download a detailed report with improvement strategies.

  • CTA: "Book a Free Consultation to Discuss Your Results"

💡 Why? This makes the experience personalized and actionable for users.

3. Overcoming Obstacles & Finding Synergies

Goal: Provide solutions to common challenges in the hospitality industry.

✅ Interactive Infographic or Accordion-Style Sections:

  • "Struggling with Employee Retention?" → "Implement structured training and career growth programs."

  • "Facing Low Customer Satisfaction Scores?" → "Enhance service excellence with expert coaching."

  • "Looking to Expand Industry Connections?" → "Join our Hospitality Hub for networking opportunities."

✅ Discussion Points & Comment Section:

  • Encourages users to share challenges and get community-driven insights.

💡 Why? This adds interactivity and engagement while guiding users toward solutions.

4. Free Consultation Sign-Up (Boosting Conversion)

Goal: Encourage businesses to take the next step in improving their operations.

✅ Callout Box: "Ready to Take Your Hospitality Business to the Next Level?"
✅ Simple Form (Minimal Fields):

  • Name

  • Business Name

  • Email

  • Industry Challenge (Dropdown Menu)
    ✅ CTA Button: "Claim Your Free Consultation"
    ✅ Scheduling Option: Embed a booking system for direct appointment scheduling.

5. Induction Video: Assistance from the Hospitality Centre

Goal: Provide a visual introduction to how your center can help.

✅ Video Placement:

  • Featured prominently, ideally above the fold.

  • Autoplay muted with captions for accessibility.
    ✅ Content of the Video:💡 Why? A well-crafted video enhances credibility and engagement.

Final Touch: A/B Testing & Performance Tracking

  • Track user engagement with the assessment tool.

  • A/B test video placement to see what maximizes conversions.

  • Monitor conversion rates for consultation sign-ups.

Competitor Analysis

SITE MAP

Marketing