In Dubai, the first visit is rarely a quiet desk. It is a phone on Sheikh Zayed Road, a Red Line carriage, or mall Wi‑Fi that drops every thirty seconds. If the site was designed for a 27-inch monitor, you designed for a room most customers never sit in.
ITZ still gets files that look expensive in Figma and fall apart in one thumb: huge logo, poem headline, menu that only opens on hover, WhatsApp in the footer. That is not an abstract UI problem. It is a Dubai traffic problem. Mobile-first here does not mean “make it skinny.” It means the phone layout is the product. Can someone in the passenger seat, one-handed, tell what you do and tap a next step? That is web design in Dubai.
Where people actually open your site
Analytics will say “mobile.” That word hides three jobs: a driver glancing at a red light, a parent in a school corridor, someone on hotel Wi-Fi comparing you to the next result. Design for the worst of those, not the office iMac.
Thumb-reach, type size, and the sticky WhatsApp
Primary actions belong where a thumb already is. Sticky WhatsApp helps; a sticky header that covers it does not. Type has to read in daylight. 12px grey on a skyline is not luxury. It is invisible. WhatsApp placement.
Hit targets that survive a moving car
Buttons need area, not just a pretty outline. Adjacent links that trigger the wrong tap are how you lose a lead and get an angry “wrong department” chat.
Forms that do not fight the keyboard
+971, numeric keypad for mobile, no 14-field essays. Forms.
Hover is a desktop fantasy
Dropdowns that only work on hover fail on every phone and every touch laptop. Tap to open, tap to close, a real hit area. Mega-menus that need a mouse belong in 2014. Mega menus and mobile nav.
Etisalat, du, and the phones people really use
Mid-range Androids are the test, not a designer’s flagship. Compress images. Do not assume 5G. LCP is the first paint that decides if they stay. Core Web Vitals.
LCP: the first paint that decides if they stay
The hero is usually the LCP element. A 3MB photograph of the marina is a bounce. Desktop can still look generous. Sparse desktop is not the goal. Honest phone is.
Frequently asked questions
Do most Dubai website visitors really use phones?
For most local service businesses, yes — the first visit is mobile. Desktop still matters for some B2B research. The phone is still the layout you design first.
What is the most common mobile-first mistake on UAE sites?
A desktop composition squeezed down: hover menus, tiny type, WhatsApp covering Submit, a hero that takes four seconds to paint.
Does mobile-first mean the desktop site has to look sparse?
No. It means the phone is finished first. Desktop is a second pass with more room, not the brief.