01
Let the house introduce itself
‘A grand old house, warmly yours’ combines architectural character with an independent, personal welcome.
The Shaftesbury Hotel
React Boutique Hotel Website · Hospitality & Tourism
A responsive React and Next.js hospitality experience for a 19th-century West End mansion, connecting five en-suite room types, breakfast-inclusive stays, local discovery and direct availability.
Visit shaftesburyhoteldundee.com
The stay decision
Guests need to feel the character of a 19th-century West End mansion, then quickly understand room choice, included breakfast, practical amenities, local context and the route to availability.
The experience behaves like a warm host: set the scene, introduce the house, offer the right room, answer practical questions and make the next booking step feel natural.
01
‘A grand old house, warmly yours’ combines architectural character with an independent, personal welcome.
02
Breakfast, Wi-Fi, parking and access appear as part of the stay rather than being buried in policy copy.
03
Five room types share one comparison grammar while retaining their own photography and detail routes.
04
The city and wider Tayside attractions extend the website from accommodation search to trip planning.
Guest experience architecture
Each chapter moves from emotional fit to practical confidence—from the house and its West End setting to room choice, included details, Dundee discovery and direct availability.
01
Open with the house, the West End setting and a direct route to availability.
02
Explain the heritage, independent hosts and the character guests can expect.
03
Present single, double, twin, triple and large double en-suite options consistently.
04
Surface breakfast, Wi-Fi, parking and access before practical uncertainty grows.
05
Connect the stay to Dundee, St Andrews, Arbroath and Glamis Castle.
06
Keep direct availability, phone, email and contact routes clear at decision points.
Responsive composition
Desktop uses the mansion as a full-width stage with layered serif copy and booking signals. Mobile preserves the heritage voice while prioritising room and availability actions inside a calm vertical sequence.


Live production captures
Desktop 1440 px · Mobile 390 px
Responsive width verified with no overflow
Brand system in use

The existing tree-and-wordmark identity has the proportions of a heritage hotel seal. It is most recognisable in ivory on plum, with antique gold reserved for focus and booking moments.
#3D3544Navigation, identity fields and heritage depth
#282229Hero overlays, footer and primary contrast
#B99867Booking actions, rules and hospitable emphasis
#F7F3EDMain reading surfaces and warm negative space
#DED5CADividers, room panels and architectural context
Typography
Iowan Old Style / Baskerville
Headlines and display moments
SF Pro Text
Body, labels and utility
A grand old house, warmly yours.
Baskerville-led serif typography gives the house an editorial, lived-in voice. A restrained system sans-serif carries navigation, amenities and booking detail with contemporary clarity.
Hospitality content architecture
The hotel story, room index, individual room routes, gallery, local discovery and contact pages share the same booking grammar while giving each guest question a focused destination.
SGL
A focused option for solo university, hospital, business and city stays.
DBL
A classic shared stay with breakfast and the hotel’s essential amenities included.
TWN
Separate beds presented with the same practical information and booking path.
TPL
A room route designed for guests who need a more flexible shared arrangement.
LDL
A more generous double-room option within the character of the original house.
DND
City, coast, golf and heritage destinations that make the hotel a regional base.
Room architecture
The room index combines consistent photography, names, concise context and detail links before a practical amenities section confirms breakfast, Wi-Fi, parking and round-the-clock guest access.

The tablet view demonstrates responsive composition before the story returns to the granite mansion and the breakfast experience included in every listed rate.



Outcome note
A factual case study
Room types, included breakfast, amenities, access and local destination details are taken from the live Shaftesbury Hotel website. No occupancy, booking or revenue performance is presented without supplied analytics.
Production interfaces captured on 31 July 2026.
Delivered value
Build something relevant to your market
The same team, process and attention to business intent are available for your next website.
Explore Website Development →More in Hospitality & Tourism
Tell us what you want to build or improve. We’ll identify the strongest content, search and conversion opportunities before proposing a plan.
Prefer to talk? WhatsApp us → · +91 77568 73424