hello @ atellius.com
Case 002 — Web rebuild
All workSurfsonix powers guest WiFi at 3,000+ hospitality, healthcare, and transit properties across the Middle East. The previous site read as a startup; we rebuilt it as a Hilton or Six Senses buyer would expect — restrained, editorial, confident.
Architecture · 5 layers · request flows left to right
- React
- Vite
- Tailwind
- Cloudflare Pages
- Plausible
/ 01Outcomes
3,000+
Hotel properties served
Hilton, Sofitel, Marriott portfolios
100%
Indexed URLs preserved
no SEO regression on migration
< 1.4s
LCP on mobile
real-device, throttled 4G
100
Lighthouse SEO
every page
/ 02The brief
Surfsonix had real Tier-1 customers — Hilton, Sofitel, Marriott — but a website that pitched them like prospects rather than partners. The rebuild moved the brand from "scrappy startup" to "established category leader," without touching the underlying product story.
/ 03Architecture
React SPA on Cloudflare Pages
Static-friendly React build deploying to Cloudflare Pages with no backend. Every Google-indexed URL preserved exactly — including legacy slug typos — to protect organic.
Brand system, not a template
Cormorant Garamond display + Inter UI; navy / brand-blue / warm cream palette; hotel logo wall in the hero region instead of below. No three-column feature grid; no testimonial carousel.
/ 04Build highlights
01
NEO + SiFi product architecture
The product story was unbundled across two architecture pages so buyers could enter from either lens.
02
Sophisticated 4-meeting-length picker
Contact form replaced the generic "Free Demo" CTA with a calendar that lets buyers self-select meeting depth.
03
7 existing posts, smarter dates
Posts kept their root-level URLs (no /blog/ migration) but were re-dated and canonical-tagged to reduce doorway-page feel.
/ 05What it became
Site reads as the established MEA hospitality platform Surfsonix is — confidence over cleverness, with measurable organic preservation.