Exploring celtic-manor.com has never been easier thanks to our new mobile site. Our team reveal what went in to the creation of our new improved site...
Jessica Howells – Digital Marketing Officer, Celtic Manor Resort
Over half of Celtic Manor’s website traffic is mobile and this figure is constantly growing. With online marketing such as email campaigns and social media playing a key part in driving people on the move to our website, it was vital to update the site to improve navigation, booking and imagery to ensure a seamless experience on mobile and tablet devices for users.
Research of users visiting our website showed that the large product offering of the resort meant that navigation to different areas was often difficult. We wanted to improve this with a clear homepage and hamburger navigation. Findings also indicated the positive effect of our facility images so we incorporated image led design with the homepage scrolling banners and offers as well as additional banners on each page.
Social media is a key part of our digital marketing strategy so introducing interaction on these platforms as part of the mobile experience was vital, and we integrated a bold social icon footer to encourage this. The launch of our new mobile friendly blog was incorporated with the new design and helped to create an overall social mobile experience for the user.
Paul Bailey – Design Manager, Celtic Manor Resort
When discussing design of the mobile site we thought long term, looking into how this could also be used for a desktop version. Getting the website to look the same across all devices in the long term was key, and because of this it was essential to consider a future redesign to the current desktop version.
That said, as we have seen a considerable increase in web traffic using smartphones we needed our website to be image led with strong visuals, quick loading and also easy to navigate. As Celtic Manor’s product is vast, we needed to show the navigation to these areas in an obvious and concise manner so we chose an icon led design for the body of the homepage. These icons aid quick deciphering of the sections and the user can identify quickly the section that interests them and click to navigate.
The font chosen is a contemporary, clean, slab faced font more suitable to mobile devices as although quite thin, follows the clean gridded structure of the columns in the page. Accenting the mainly grey design with Celtic Manor’s red, lifts the design and follows through the brand colour to the website.
We did not want a 'cut down' mobile site but a fully functioning complete website suitable for the smaller screen of a mobile device to stay ahead of the increasing need for all information on the move.
vsithinking – Web Developer
vsithinking has implemented the design for mobile devices with the emphasis on how Celtic Manor visitors interact with the website using their devices. This has changed recently, and will continue to change over the next few years. The majority of web traffic is from desktop computers during the day, and tablets and mobile devices in the evening; mobile and tablets have also increased in overall market share year on year. This has resulted in a diverse number of devices using the website with varied screen sizes.
The new mobile and tablet layouts have changed in response to the way people interact with the website, leading to changes in intuitive design and layout, considerations on utilising touch instead of traditional mouse input, improved social interaction, and providing content that is relevant to the user’s device.
In order to achieve this vsithinking used an adaptive design approach, loading content specific to the device being used to provide a tailored experience for that device, whether it be a desktop computer, a tablet, or a mobile device. Our solution allows a bespoke mobile and tablet experience to be implemented, with touch at the forefront, helping the user get the information they require as quickly as possible.
Mark Thomas, Managing Director of vsithinking, said “We are proud to have worked with Celtic Manor in creating this fantastic user experience, driving the Celtic Manor website forward to embrace and encourage these growing mobile audiences. ”