CASE STUDY
![Enhancing Hilltop’s User Experience and Mobile-Friendly Features](https://websiteforbookings.com/wp-content/uploads/2023/09/Hilltop-Old.png)
![Case Study: Improving User Experience and Mobile Features for Hilltop Apartments](https://websiteforbookings.com/wp-content/uploads/2023/09/Hilltop-New.png)
Hilltop Serviced Apartments, provide short and extended stays across Greater and Central Manchester, catering to corporate travellers relocating to the city for work. Hilltop recognised the need to elevate the user experience on their website, prompting a strategic redesign, with a focus on comfort and convenience, as the corporate hospitality sector continues to evolve.
On the other hand, Website4Bookings is a multifaceted firm specialising in digital marketing, web design, social media management, content creation, and other services. W4B has a proven track record of assisting 7-figure short-let rental firms in achieving significant growth, built on two decades of experience in the serviced accommodation sector and property ownership.
This case study focuses on the collaboration between Hilltop SA and W4B, in transforming the website’s UX design and mobile-friendly features. The goal has been to make the company’s unique qualities more accessible and engaging for users. The redesign has also made it easier for users to understand Hilltop’s distinguishing features by streamlining the presentation and creating an intuitive pathway for new and returning visitors.
Redesigning the Website for Improved User Experience
Responsive Design Implementation
Employing a responsive design approach, the new Hilltop website automatically adjusts its graphical user interface (GUI) to different screen sizes. This technique not only streamlined the design process, but it also addressed the previous version’s issues with excessive blank space and slow loading times.
WordPress Web Migration
The W4B Developer team used the Salient theme to migrate the previously custom-designed Hilltop website to WordPress, making minor changes and future design adaptations easier to carry out using the theme’s element blocks. This change enables the Hilltop team to safely interact with WordPress’s user-friendly backend development tools, even with only a fundamental knowledge of HTML.
![Mega Menu Builder](https://websiteforbookings.com/wp-content/uploads/2023/09/Screenshot-2023-09-11-at-17.17.33-1870x770.png)
User-Friendly Website Redesign
By doing this, the W4B have successfully reduced the need for difficult and technically demanding interventions, giving Hilltop more control over the design and functionality of their website. Their increased autonomy is a result of this greater freedom, which also guarantees that the website will continue to be flexible and sensitive to its users’ changing needs.
![](https://websiteforbookings.com/wp-content/uploads/2024/05/Hilltop-Footer-New-1024x359.png)
Adapting the Design for a Mobile-Friendly Website
Mobile UX design is critical for providing a consistent user experience for visitors who access websites via smartphones, tablets, and other mobile devices. Recognising the importance of a user-friendly and intuitive design, W4B updated Hilltop’s website to make it more mobile-responsive.
This included making the header sticky for mobile users, adding a toggle option on property pages for switching between list and map views, and formatting the footer to fit the mobile version. These changes aim to reduce loading times and provide an optimised experience for mobile users, while new certifications have been added to the footer for increased exposure in the serviced apartments industry.
![](https://websiteforbookings.com/wp-content/uploads/2024/05/Untitled-design-3.png)
Centralised Property Page for Simplified Navigation
The redesign also addressed the confusion caused by the old website’s two versions of the property locations page. W4B’s team consolidated map views, Matterport 360 videos, property descriptions and reviews into a single property page.
A photo gallery is also included at the top of the Building page, which users can click through to view photos of the apartments before booking. Similarly, the Property page also has galleries for each unit, allowing users to compare apartments in the same building and choose the one that best suits their needs.
The team worked to develop simplified navigation and improved user experience by centralising property information. After testing the new website with a controlled audience, W4B found that users found it simple to explore, interact with, and develop a thorough understanding of each property listing. This has, in turn, led to higher levels of engagement and lower bounce rates, keeping users on the site for longer periods of time and increasing the probability of securing direct bookings through the website.
![Centralised Property Page for Simplified Navigation](https://websiteforbookings.com/wp-content/uploads/2023/09/Capture.png)
![Case Study: Improving User Experience and Mobile Features for Hilltop Apartments](https://websiteforbookings.com/wp-content/uploads/2023/09/Capture1.png)
Integration of Enquiry Form and Technical Enhancements
W4B integrated an enquiry form (HubSpot Forms) on both mobile and desktop versions of the Hilltop website, which replaced the previous Ninja Forms. This allows Hilltop to sync form submissions with the HubSpot CRM, enhancing user experience and aligning seamlessly with the updated style guide.
The teams collaborated closely to address live booking issues, API, and booking engine integration, effectively overcoming technical challenges for smooth functionality. Notably, they resolved technical glitches in the booking process, eliminating confusing touch-points and duplicate pages that previously led to a high bounce rate.
The new website prioritises a streamlined user journey from search to enquiry or booking, improving customer satisfaction and conversion. These changes have created a visually appealing and functional website, delivering an enjoyable user experience and boosting the conversion rate.
![Case Study: Improving User Experience and Mobile Features for Hilltop Apartments](https://websiteforbookings.com/wp-content/uploads/2023/09/Blog-Sc.png)
![Case Study: Improving User Experience and Mobile Features for Hilltop Apartments](https://websiteforbookings.com/wp-content/uploads/2023/09/Blog.png)
Copywriting and SEO Optimisation
Beyond web design elements, the redesign also included developing a cohesive copywriting and SEO strategy for Hilltop’s online presence.
The W4B team produced and edited web copy and property descriptions, keeping website readability and SEO in mind. We carried out keyword research around the business services to ensure that the website content aligned with relevant search terms, improving its ranking on search engines. Additionally, we included local attractions, entertainment venues and business districts, providing valuable information for visitors exploring Manchester while also focusing on online SEO.
A Redesign That Reflects Your Brand Identity
Hilltop Apartments and W4B’s collaboration has resulted in a remarkable transformation of the website’s user experience and mobile friendly features. The new website strikes a balance between aesthetics and functionality by reimagining the layout, optimising for mobile users, and addressing technical and content-related challenges.
Following this website redesign, Hilltop Apartments is well-positioned to provide an exceptional digital experience that reflects their in-house services to guests during their stay, with a design that caters to over 50% of mobile users and offers improved navigation and a streamlined booking process.
Subscribe to our newsletter and be sure to read our blog post next week to learn the next steps to successfully introducing AI into your content production strategy!
![](https://websiteforbookings.com/wp-content/uploads/2024/07/2024-06-W4B-Services-Hero-Marketing@2x-350x350.png)
Combine User Experience with Mobile-Friendly Design.
Design for Every Screen and Boost Your Site’s Performance!