The Shaftesbury Hotel

React Boutique Hotel Website · Hospitality & Tourism

The Shaftesbury Hotel: a Dundee stay reframed around place, comfort and direct booking

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
shaftesburyhoteldundee.com
The Shaftesbury Hotel website homepage design shown in a desktop browser
05
en-suite room types presented
Every
listed rate includes breakfast
24/7
guest access stated

The stay decision

Balance the romance of the house with the details that make booking easy.

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

Let the house introduce itself

‘A grand old house, warmly yours’ combines architectural character with an independent, personal welcome.

02

Put inclusions beside atmosphere

Breakfast, Wi-Fi, parking and access appear as part of the stay rather than being buried in policy copy.

03

Give every room a clear place

Five room types share one comparison grammar while retaining their own photography and detail routes.

04

Make Dundee part of the proposition

The city and wider Tayside attractions extend the website from accommodation search to trip planning.

Guest experience architecture

A stay-planning journey with the warmth of an independent host

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

Welcome

Open with the house, the West End setting and a direct route to availability.

02

Introduce

Explain the heritage, independent hosts and the character guests can expect.

03

Choose

Present single, double, twin, triple and large double en-suite options consistently.

04

Reassure

Surface breakfast, Wi-Fi, parking and access before practical uncertainty grows.

05

Explore

Connect the stay to Dundee, St Andrews, Arbroath and Glamis Castle.

06

Book

Keep direct availability, phone, email and contact routes clear at decision points.

Responsive composition

A cinematic house portrait at the desk, a warm guided arrival on mobile.

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.

shaftesburyhoteldundee.com
The Shaftesbury Hotel homepage at a desktop viewport
The Shaftesbury Hotel homepage at a 390 pixel mobile viewport

Live production captures

Desktop 1440 px · Mobile 390 px
Responsive width verified with no overflow

Brand system in use

Estate plum, antique gold and quiet ivory for character without cliché.

The Shaftesbury Hotel Dundee logo

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.

Estate plum

#3D3544

Navigation, identity fields and heritage depth

House ink

#282229

Hero overlays, footer and primary contrast

Antique gold

#B99867

Booking actions, rules and hospitable emphasis

Quiet ivory

#F7F3ED

Main reading surfaces and warm negative space

Dundee stone

#DED5CA

Dividers, 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

One house, five room choices and a complete Dundee stay-planning path.

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.

Single en-suite

SGL

A focused option for solo university, hospital, business and city stays.

Double en-suite

DBL

A classic shared stay with breakfast and the hotel’s essential amenities included.

Twin en-suite

TWN

Separate beds presented with the same practical information and booking path.

Triple en-suite

TPL

A room route designed for guests who need a more flexible shared arrangement.

Large double

LDL

A more generous double-room option within the character of the original house.

Explore Dundee

DND

City, coast, golf and heritage destinations that make the hotel a regional base.

Room architecture

Five room types become one calm comparison experience.

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.

shaftesburyhoteldundee.com / rooms
The Shaftesbury Hotel Dundee rooms page shown in a desktop browser
05
en-suite room types presented
Every
rate includes breakfast
24/7
guest access stated

The house and its everyday hospitality provide the proof.

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

The Shaftesbury Hotel homepage shown at a tablet viewport
Responsive perspective · tablet
The historic Shaftesbury Hotel exterior in Dundee
The house · 19th-century West End character
Breakfast setting at The Shaftesbury Hotel Dundee
Every stay · breakfast included

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

The outcome

  • An upgraded case study that replaces the older generic Shaftesbury portfolio treatment without creating a duplicate project.
  • One coherent guest journey connecting the house, five room types, included amenities, Dundee discovery and direct availability.
  • A responsive hospitality interface documented at desktop, tablet and mobile production viewports.
  • A distinctive heritage-hospitality system derived from the live hotel, its architecture and its established identity.

Build something relevant to your market

Explore our website development service

The same team, process and attention to business intent are available for your next website.

Explore Website Development

Want The Shaftesbury Hotel's clarity for your business?

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

We'll use these details only to respond to your enquiry. Protected by Cloudflare Turnstile.

Chat with us