This is a field guide to web design makkah for the Saudi market. No theory you can't act on, and no advice that assumes a US search landscape.
Most website problems presented as design problems are actually structure, speed or trust problems. Getting those three right does more for enquiry volume than any amount of visual refinement applied afterwards.
Why a Makkah strategy is not a smaller Riyadh strategy
Makkah is a pilgrimage economy where hospitality, transport and Umrah services dominate and demand spikes seasonally. Copying a capital-market plan into it produces predictable failures: wrong seasonality, wrong price expectations, wrong channel mix and content that names no local landmark, district or reference a resident would recognise. The correction is inexpensive — local proof, local pricing, local language — and it is usually the single largest differentiator between the businesses visible in Makkah and the ones that are not.
The question underneath the question
The commercial case for web design makkah in Makkah rests on a simple comparison: what a qualified enquiry currently costs you through paid channels, against what the same enquiry would cost once this work compounds. In most categories we see, the organic and owned-channel figure settles well below the paid one within a year — which is why this is a margin decision as much as a marketing one.
Arabic typography deserves its own scale
Arabic script has no capital letters, taller ascenders and connected letterforms, so it needs roughly 10–15% more line height and often a slightly larger optical size than Latin text at the same nominal point size. Choose a family with a genuine Arabic cut rather than a Latin face with bolted-on glyphs. Test with real content at real lengths — Arabic translations commonly run shorter than English, which breaks layouts tuned to the wrong measure.
Navigation that reflects how customers think
Organise by the problem the customer has, not by your internal departments. Keep the top level to five or six items. Make the primary conversion route visible on every screen without a scroll. Mega-menus are useful for large service portfolios but become a liability on mobile — design the mobile navigation as its own artefact rather than a collapsed version of the desktop one.
If you cannot state what a page is for in one sentence, it will not rank and it will not convert.
Accessibility is legibility for everyone
Contrast ratios that survive sunlight on a phone screen, focus states that are visible, semantic headings, labelled form fields, alt text in the page language, and no information conveyed by colour alone. In Arabic, ensure screen readers receive correct language attributes so pronunciation is right. Accessible pages are also cleaner for crawlers and AI extraction — the same structural discipline serves both.
Design for a mid-range Android on a moving connection
Internet penetration reached roughly 99% of the population at the end of 2025 and around three-quarters of people can reach a 5G device, but the median handset is not a flagship and a large share of sessions happen in transit. Design to that reality: generous tap targets, minimal script, images sized for the viewport actually served, no layout dependent on hover, and a first meaningful paint under two seconds. Test on a throttled mid-range device before signing off, not on the designer's laptop.
Forms: ask for less, get more
Every field you add costs completions. Name, phone and one open field is usually enough to start a conversation; qualification can happen in the call. Support Arabic input properly, validate Saudi mobile formats without rejecting valid ones, offer WhatsApp as an alternative to the form entirely, and confirm submission with a message that says what happens next and when. Silent success screens are why prospects call competitors.
Trust signals Saudi buyers look for
A visible commercial registration number, a national address, a landline in addition to mobile, a Maroof badge for ecommerce, named team members with photographs, real client logos with permission, and a WhatsApp route to a human. Saudi buyers verify before they enquire, and the absence of these elements costs more conversions than any amount of aesthetic refinement recovers.
Typical project shape
| Stage | Typical window | What you should see |
|---|---|---|
| Discovery and content | 2–3 weeks | Usually the critical path, not development |
| Design system and key templates | 3–4 weeks | Bilingual from the first artboard |
| Build and integrations | 4–8 weeks | Varies most with third-party systems |
| QA, RTL testing and launch | 1–2 weeks | Real devices, throttled connections |
Windows assume consistent execution and a market of ordinary competitiveness. Treat them as planning ranges, not commitments.
Statistical honesty
Decide the sample size and duration before starting. Run full weeks to cover behavioural cycles — Thursday and Friday behave very differently from Sunday in this market. Do not stop the moment a variant looks ahead. Most reported CRO wins evaporate because the test was called early on an underpowered sample, and the organisation then builds strategy on a coin flip.
Positioning before aesthetics
Identity work that begins with mood boards produces decoration. Begin with the commercial question: who exactly is the customer, what alternatives do they weigh, what do we credibly do better, and what will we deliberately not claim. Once those four answers are written and agreed, visual decisions become straightforward and arguments about colour largely disappear.
Diagnose before you test
Running experiments without a hypothesis wastes traffic that most Saudi mid-market sites cannot spare. Start with session recordings, funnel drop-off in GA4, heatmaps and five customer interviews. You are looking for the one screen where intent dies. Nine times out of ten it is a form, a price ambiguity, a missing trust signal or a mobile layout failure — and it is visible within an afternoon of watching real sessions.
Security, HTTPS and trust signals
Valid certificates, HSTS, no mixed content, sensible headers, and a visible privacy policy are baseline. In the Saudi market they are also conversion factors: buyers check for a national address, a landline, a commercial registration number and a Maroof badge before submitting a form. Technical trust and commercial trust are the same project viewed from two angles.
Practical checks before you sign anything off
- Check contrast ratios survive direct sunlight on a phone screen
- Add a WhatsApp route to a human on every page
- Reduce the primary enquiry form to three fields
- Serve images sized for the viewport actually being rendered
- Replace stock imagery with photographs of the actual team, office or work
- Subset and self-host Arabic fonts, and preload only above-the-fold weights
- Confirm tap targets are at least 44 pixels and nothing depends on hover
The Saudi checkout reality
Cash on delivery still carries a meaningful share of transactions and it is expensive — failed deliveries, tied-up stock, reconciliation cost. Move volume to prepaid by making Mada, Apple Pay and BNPL visibly available at the top of checkout, offering a small prepaid incentive, and building enough delivery confidence that customers stop using COD as insurance. Reducing COD share is usually worth more than a conversion-rate uplift of the same size.
Hreflang without the usual mistakes
Use ar-SA and en plus an x-default. Every annotation must be reciprocal — if the Arabic page points to the English one, the English page must point back, or the whole set is discarded. Point at canonical URLs only. Do not mix hreflang with a canonical that points to the other language. And remember hreflang selects between versions; it does not create authority. A thin Arabic page still ranks like a thin page.
Serving Makkah specifically
Practical adjustments that matter in Makkah: name the districts you serve in your content and profile; publish prices in riyals with local context; show work delivered for recognisable local clients where permission allows; and make sure a person can reach you on WhatsApp during the hours Makkah customers actually enquire. None of this is expensive. All of it is visible to a buyer comparing three suppliers, and it is the part competitors most often skip.
Where to start this week
Test your site on a throttled mid-range Android. Time it. Then check the Arabic version for mirrored layouts, correct typography and a language switch that preserves the page. Add the trust elements Saudi buyers look for — registration number, national address, real photographs, a WhatsApp route. Most sites gain more from that afternoon than from a full redesign.
If you take one thing from this: measure the baseline before you change anything. Everything else on this page becomes arguable without it, and unarguable with it.
