Hotel Azur Casablanca

A seafront hotel site, rebuilt for direct bookings and search.

Hotel Azur Casablanca sits on the Ain Diab corniche, at the western edge of Casablanca, with a restaurant, a pool and its own spa, Azur Art & Spa. Like most independent hotels, it competes for the same guests twice: once against the other hotels along the corniche, and once against the online travel agencies that list its own rooms and take a commission on every booking. The brief was a credible English-language site that ranks for the searches travellers actually type (sea view hotel Casablanca, hotel Ain Diab, beachfront hotel on the Corniche) and nudges them to contact the hotel directly instead of booking through a third party, on a budget that ruled out a bespoke design.

We were open about the starting point, and we are open about it here. The site is built on a licensed luxury-hotel HTML theme: its layout, components, gold accent, Gilda Display and Barlow typography, Ken Burns hero slider and page structure come from the theme, not from RAIN. What RAIN did was turn that theme into the hotel's own production site and then extend it well past what the theme ships with. We rewrote titles, copy and room pages around the hotel's real room types; added hotel-grade structured data to 18 of the 23 English pages; hardened the Apache configuration with HTTPS, HSTS, a Content Security Policy and clean URLs; turned the site into an installable PWA with an offline page; built a full dark theme the template never had; and wrote a hardened PHP endpoint for the contact form.

On top of all that sits a small, consent-aware conversion suite that RAIN wrote from scratch and injected on 22 pages. A GDPR cookie banner is wired to Google Consent Mode v2, so analytics stay off until the visitor agrees. A floating WhatsApp button keeps the hotel one tap away. And a "Check Availability" card placed directly under the hero takes a guest's dates and party size, works out the number of nights, remembers the choice for the next visit and opens WhatsApp with a ready-to-send booking request. There is no booking engine and no OTA in between: the enquiry goes straight to the hotel's reception, in the app the guest already uses every day.

Ten decisions that turned a licensed theme into a hotel's own site.

A purchased theme gives a hotel a polished look on day one, and very little else. It has no idea what the hotel is called, what its rooms cost, which searches matter or how guests prefer to get in touch. Everything below is the layer RAIN added on top of the theme so that it behaves like a production site for one specific hotel.

A theme turned into a production hotel site, with a direct line to reception.

The site was committed as production-ready on 1 June 2026 and is set up for hotelazur.ma: 23 English pages, hotel-specific JSON-LD on 18 of them with 21 FAQ answers in schema, a hardened Apache configuration, an installable PWA with an offline page, a light, dark and follow-system theme the original theme never had, and a consent-aware conversion suite on 22 pages that turns a guest's dates into a ready-to-send WhatsApp booking request. The design remains the licensed theme's; the structure, data, security, theming and conversion layer around it are RAIN's.

We hold no traffic, ranking or booking figures for the site and claim none. The clean-up list is short and specific: wire the generated WebP variants into the pages with srcset, replace the theme's leftover placeholder text on the pricing cards and two template pages, fix duplicate title tags on four pages, take the duplicate room listings out of the sitemap, and add an llms.txt file. French and Arabic versions are the obvious next step for a Casablanca hotel, and the hreflang set-up is already in place to receive them.