Web development in Marrakech, calibrated for tourism and luxury craft.
Next.js 15 and Shopify sites for the riads, hotels, inbound tour operators, craft e-commerce brands and premium labels based in Marrakech. Multi-language FR/EN/AR/ES, CMI payment, PMS and channel-manager integrations, Core Web Vitals AA. Webotic studio, delivery in 5 to 12 weeks.
- Marrakech = 3.2 million international visitors in 2024, hospitality and craft = 2/3 of the local digital fabric.
- Sites delivered: Next.js 15 or Shopify by use case, multi-language FR/EN/AR/ES, CMI payment, clean hreflang.
- Webotic charges flat MAD: riad showcase site 28,000 MAD, Shopify e-commerce 45,000 MAD, custom platform 80,000+ MAD.
- Median delivery 5 to 12 weeks by scope. Vercel or OVH Rabat hosting, CNDP compliance included.
Marrakech's digital fabric in 2026: what's shifting
Marrakech received 3.2 million international visitors in 2024, surpassing its pre-Covid peak and consolidating its position as Morocco's tourist capital. That economic reality shapes most of the web project requests coming through a studio like Webotic: 60-65 % of website briefs in Marrakech belong to hospitality (riads, boutique hotels, 4-5 star hotels, inbound tour operators, day-trip outfits) or to craft-luxury e-commerce (Berber rugs, leather from the Marrakech Tanneries, argan cosmetics, custom furniture, high-end caftan ready-to-wear). The technical requirements that follow are specific: multi-language FR/EN/AR/ES (sometimes Italian), clean hreflang, Morocco CMI payment + Stripe international, PMS integrations (Cloudbeds, Mews, Opera) and channel managers (SiteMinder, RateGain), direct booking engine to save on Booking/Expedia commissions (15-25 % per reservation otherwise captured). On the content side, product pages must support experiential tourism (rich video, 30+ photo galleries, verified TripAdvisor reviews) without breaking LCP — that's the most delicate technical balance.
- 3.2M international visitors in 2024 — Marrakech beat its pre-Covid record.
- 60-65 % of digital projects = hospitality or craft-luxury e-commerce.
- Multi-language FR/EN/AR/ES mandatory, clean hreflang, CMI + Stripe payment.
- Direct booking = 15-25 % Booking/Expedia commission saved per reservation.
Riad showcase or craft e-commerce: picking the right stack
The technical pick comes down to two questions. First question: are you selling stockable units (argan cosmetics, leather, ready-to-wear, furniture) or bookable stays (riad rooms, desert expeditions, spa days)? For stockable units, Shopify is unbeatable in 2026: converting checkout, Morocco CMI payment natively supported since 2024, mature app marketplace, hosting and CDN included, clean multi-currency. Webotic delivers Shopify Liquid themes or Hydrogen integrations (Next.js front + Shopify back) for brands that want custom design. For bookable stays, the choice is between a Next.js 15 site connected to a PMS via API (Cloudbeds, Mews) with a proprietary booking engine, or a WordPress theme with a booking plugin (simpler but weaker on Core Web Vitals). Our Webotic recommendation for premium riads and boutique hotels: Next.js 15 + headless CMS (Sanity or Payload) + PMS via API. Higher initial investment (45-80k MAD vs 18k for a WordPress) but the gap pays back in 8-14 months on the OTA commission saved.
- Stockable craft/cosmetics sales: Shopify, CMI MA + Stripe native payment.
- Bookable stays: Next.js 15 + PMS API (Cloudbeds, Mews) > WordPress + plugin.
- Custom premium: Next.js + headless CMS Sanity/Payload, payback 8-14 months vs OTA.
- WordPress still works for institutional showcase or tight starter budget.
Marrakech multi-language: what nobody gets right
Multi-language handling is where most Marrakech sites fail. Most common mistake: a French site auto-translated to English by the browser's Google Translate, with no dedicated EN pages and no hreflang. Google consequence: Search Console's language audit flags duplicate content, the EN pages don't rank, English-speaking international traffic goes to competitors who did the work. Right Webotic setup: dedicated pages per language with distinct URLs (/en/riad-medina-rooms vs /riad-medina-chambres), native translation by an EN copywriter who knows Morocco tourism (not a machine), hreflang fr-MA / en-XX / ar-MA / es-ES properly declared in head and sitemap, LodgingBusiness or Hotel schema repeated per language with native-script address. For brands targeting the Spanish market (15-20 % of Marrakech visitors come from Spain via the Almeria-Tangier corridor), a native es-ES version multiplies conversion on Spanish visits. Arabic is under-exploited for intra-MENA tourism: Gulf visitors land in Marrakech with high budgets and find few sites that welcome them in clean Arabic.
- Distinct URLs per language: /en/riad-rooms and /chambres-riad, not a JS toggle.
- Native translation by EN/ES/AR copywriter who knows Morocco tourism.
- Hreflang fr-MA / en-XX / ar-MA / es-ES in head + sitemap, schema repeated per language.
- Gulf visitors arrive with high budgets and find few sites in clean Arabic.
Performance and local SEO: Gueliz, Hivernage, Medina, Palmeraie
Local SEO in Marrakech plays out by neighbourhood and tourist basin. Four geographic clusters structure the queries: Medina (heart-of-history riads, traditional hammams, souk craft), Gueliz (modern boutique hotels, fine-dining restaurants, fashion e-commerce), Hivernage (5-star palaces, high-end spas, premium inbound agencies), Palmeraie and Route de l'Ourika (golf resorts, private villas with pool, long-stay rentals). An effective SEO strategy explicitly targets the relevant basin in pillar content — for example "authentic medina riad Marrakech near Jemaa el-Fna" rather than "Marrakech riad". On pure technical, the Maroc Telecom mobile network in Marrakech is slower than on the Casa-Rabat axis (median latency 110-160 ms vs 70-90 ms), so target LCP must be tighter: 1.8 s rather than 2.5 s to stay in the Core Web Vitals "Good" threshold. Our Next.js 15 stack with native Image Optimization, font subsetting, aggressive prefetch, Vercel edge or OVH Rabat hosting — hits Lighthouse 96-99 on most sites delivered in 2025.
- Four geo clusters: Medina, Gueliz, Hivernage, Palmeraie / Route de l'Ourika.
- Pillar content targeted by basin: "medina riad near Jemaa el-Fna" > "Marrakech riad".
- Marrakech mobile network 110-160 ms latency: target LCP 1.8 s, not 2.5 s.
- Next.js 15 + Vercel/OVH Rabat stack = Lighthouse 96-99 on Webotic 2025 sites.
Flat MAD pricing by product scope. Hosting, 30-day post-launch tech support and 2-hour admin training included in every package.
- Next.js 15 or WordPress site, 8-12 pages, native FR/EN (AR/ES optional +6,000 MAD)
- Optimised photo gallery, booking engine integration (HotelRunner, Cloudbeds)
- LodgingBusiness schema, clean hreflang, Core Web Vitals AA
- 12-month hosting included (Vercel Hobby or OVH Rabat), SSL, daily backups
- Custom Shopify Liquid or Hydrogen, up to 200 products in initial import
- Morocco CMI + Stripe international + COD payment, multi-currency MAD/EUR/USD
- Native FR/EN multi-language (AR/ES optional +8,000 MAD), full Product schema
- Meta Pixel + server-side Google Tag Manager + Conversions API setup included
- Next.js 15 + headless CMS Sanity or Payload, 100 % custom design
- PMS API integrations (Cloudbeds, Mews, Opera), channel manager, CRM
- Native FR/EN/AR/ES multi-language included, content copywriting by Webotic
- 6-month post-launch tech support, monthly performance review
FREQUENTLY ASKED QUESTIONS
01How much does building a website in Marrakech cost in 2026?
Three brackets by scope. Riad or boutique-hotel showcase: 18,000 to 45,000 MAD by design and language count (Webotic starts at 28,000 MAD). Craft-cosmetics Shopify e-commerce: 35,000 to 80,000 MAD (Webotic at 45,000 MAD for a multi-language setup with CMI payment and full pixel tracking). Custom platform with PMS or ERP integrations: 80,000 to 250,000+ MAD by complexity. Every Webotic package includes 12 months of hosting, SSL, daily backups and a 2-hour admin training.
02How long does it take to deliver a website in Marrakech?
Riad or boutique hotel showcase: 5 to 7 weeks from signature to launch, assuming content (photos, copy) is delivered within 10 days after kick-off. Shopify e-commerce with a 50-200 product catalogue: 7 to 10 weeks depending on import complexity and pricing rules. Custom platform with PMS or ERP integrations: 10 to 16 weeks by API count and client-side technical availability. Webotic delivers 100 % in agile mode with 2-week sprints and a client demo at every sprint.
03Which stack do you recommend for a riad that wants direct bookings without Booking?
Next.js 15 connected to your PMS via API (Cloudbeds, Mews, or HotelRunner for tight budgets), with a proprietary booking engine integrated into the site. Benefits vs Booking/Expedia: 15-25 % commission saved per direct reservation, total control over the buying experience, direct customer loyalty (newsletter, promo codes, loyalty programme), no risk of fake bad reviews tanking OTA ranking. Initial investment 45-80k MAD, typical payback observed across 6 Marrakech riads at Webotic: 8-14 months on saved commission.
04Do you support Arabic and Spanish multi-language for a Marrakech site?
Yes, and it's a strong differentiator. Arabic is under-exploited on Marrakech sites while Gulf visitors (UAE, Saudi Arabia, Qatar) account for 8-12 % of international flow and arrive with average baskets 2.5x higher than European visitors. Spanish is critical to capture the Andalusia-Tangier-Marrakech flow (15-20 % of tourists). We write AR and ES versions natively (no machine translation), with hreflang ar-MA / es-ES declared cleanly, schema repeated per language, and a native copywriter who knows Morocco tourism. Typical add-on: 6,000-8,000 MAD per extra language.
05Does CMI payment work for foreign visitors in MAD or in foreign currency?
CMI accepts Morocco-issued cards in MAD and international cards (Visa, Mastercard, Amex on some contracts) in MAD or foreign currency. For a multi-market Marrakech site, the optimal setup is: CMI as primary gateway for MAD, Stripe as parallel gateway for EUR/USD/GBP with automatic day-rate conversion, PayPal as option for US-UK markets where familiarity matters. At checkout we display prices in the IP-geolocated currency with manual switching. Cart abandonment drops 18-26 % vs a MAD-only site.
We quote your Marrakech site within 48 hours
Describe your project in 5 lines: type of establishment or e-commerce, page or product count, desired languages, required PMS/CRM integrations. We come back within 48 hours with a detailed quote, a 6 to 14-week plan, and three comparable sites we delivered in 2024-25. No sales pitch — just the quote.