Pink Pavilion

Mobile website comparison — original vs rebuilt demo

Outreach asset

Before → After (mobile)

Hero section before and after on mobile

Homepage hero — clear headline, booking CTAs, and a proper mobile layout.

Rooms section before and after on mobile

Rooms — photo cards with pricing instead of a cramped text list.

About section before and after on mobile

About — readable copy and a street-view photo of Madeira Place.

Contact section before and after on mobile

Contact — tap-to-call and email, plus map and walking times.

Google Lighthouse (mobile)

Original — brightonpavilion.co.uk

PerformanceFailed to load
AccessibilityFailed to load
Best PracticesFailed to load
SEOFailed to load

Lighthouse could not paint any content (NO_FCP). Site audit grade: D (43/100).

Demo — pink-pavilion-demo.pages.dev

Performance90
Accessibility100
Best Practices100
SEO100

LCP 3.4s · CLS 0.01 · zero layout shift · WebP images · preloaded hero.

Why does this matter for a B&B?
  • Most guests book on mobile — if the site doesn't load or scale, they bounce to Booking.com instead.
  • Google ranks mobile-first — no viewport, no meta description, and no H1 means fewer organic searches for "Brighton B&B".
  • Direct bookings save commission — clear call/email buttons and room pricing keep guests on your site, not an OTA.
  • Trust at first glance — professional photos, readable text, and fast load times signal a well-run guest house.
  • Accessibility is legal and moral — screen readers, contrast, and semantic HTML mean every guest can find you.

What we fixed

  • Mobile-first responsive layout with animated navigation
  • SEO: meta description, H1, semantic HTML, robots.txt
  • Room cards with real photos and pricing (£129 / £99 / £65)
  • Tap-to-call and email booking CTAs
  • Location section with walking times and map
  • Compressed WebP images, preloaded hero (LCP optimised)
  • HTTPS throughout — no mixed-content broken images
View live demo Original site Demo full-page screenshot Original full-page screenshot
Outreach line: Hi - I noticed brightonpavilion.co.uk wasn't working well on mobile, so I put together what a rebuilt version could look like: https://pink-pavilion-demo.pages.dev - no obligation, just thought you'd want to see it.