Most Dubai business websites look fine. They have clean layouts, modern fonts, decent photography. But looking fine and converting visitors are two different problems. We review competitor and client sites regularly, and the same 7 UI/UX mistakes appear on the majority of them — each one quietly costing traffic, leads, and revenue.
1. Burying the CTA below three screens of content
UAE users decide fast. If your “Get a Quote” button or contact form requires scrolling past 2,000px of introduction text, most visitors will never reach it.
The data: According to Nielsen Norman Group research, users spend 57% of their time above the fold and 74% within the first two screenfuls. Everything below that gets exponentially less attention.
The fix:
- Place a primary CTA within the first viewport — visible without scrolling.
- Repeat it at natural decision points: after a benefit section, after social proof, and at the page footer.
- Make the CTA specific. “Get a free site audit” converts better than “Contact us” because it tells the visitor what they’ll actually receive.
2. Designing desktop-first in a mobile-majority market
The UAE has one of the highest smartphone penetration rates in the world — over 96%, according to Global Media Insight. More than 60% of web traffic in the region comes from mobile devices. Yet most agency design processes start with a 1440px desktop canvas and “adapt” to mobile as an afterthought.
What goes wrong: Navigation breaks at small widths. Text that looked balanced on desktop becomes a wall of paragraphs. Tap targets are too small. Horizontal scrolling appears.
The fix:
- Design mobile screens first, then expand to desktop. This forces you to prioritize content hierarchy.
- Test on actual devices, not just browser resize. A 375px Chrome window doesn’t reproduce real touch behavior, font rendering, or scroll performance.
- Test on both iOS Safari and Android Chrome — they render differently, and UAE users are split roughly 50/50 between them.
3. Ignoring Arabic and RTL layout requirements
Many Dubai businesses serve both English and Arabic audiences. RTL (right-to-left) support isn’t just flipping the text direction — it means mirroring the entire layout: navigation flow, icon placement, image positioning, form alignment, and reading patterns.
What we commonly see: A site with an Arabic language toggle that flips the text but leaves the layout in LTR mode. Navigation still reads left-to-right. Icons point the wrong direction. The experience feels broken, and Arabic-speaking users leave.
The fix:
- Build RTL as a parallel layout system from day one, not a post-launch patch.
- Mirror directional icons (arrows, progress indicators, carousels).
- Test with native Arabic speakers, not just Google Translate.
- If you’re building on Webflow, be aware that RTL support is limited — plan your platform choice around this requirement early.
4. Using stock photography that doesn’t reflect the market
Generic Western stock imagery creates immediate disconnect. A “team meeting” photo showing a San Francisco loft, or a “customer” photo with no regional representation, signals that the business either isn’t local or doesn’t care about the local market.
The fix:
- Invest in custom photography where budget allows — even a single photo shoot produces dozens of usable images.
- If using stock, filter for Middle East context. Services like Shutterstock and iStock have regional collections.
- Use illustration or graphic design instead of forcing stock photos into every section. A well-designed layout with custom icons often performs better than one filled with irrelevant photography.
5. Overloading forms with unnecessary fields
Every additional form field reduces completion rates. Research from HubSpot found that reducing form fields from 4 to 3 increased conversions by nearly 50%. Yet we regularly see Dubai business websites with 8–12 fields on their initial contact form: company name, job title, phone, budget range, company size, how did you hear about us.
The fix:
- Initial contact form: Name, email, message. Three fields.
- Add qualifying questions after the lead has engaged — during a call, or in a follow-up email.
- If you must collect more information, use progressive disclosure: show 3 fields first, then expand if the user clicks “Tell us more about your project.”
- Always show inline validation (not just errors on submit) and clear labels above each field — not placeholders that disappear when you start typing.
6. Prioritizing visual effects over page performance
Video backgrounds, parallax scrolling, custom cursor animations, page transition effects — all common in Dubai agency portfolios, all performance killers.
Google’s data shows that a 1-second delay in mobile load time can reduce conversions by up to 20%. A page that takes 5 seconds to load has a 90% probability of the user bouncing.
The fix:
- Every visual effect must earn its weight in performance cost. If removing an animation doesn’t hurt the user’s ability to navigate, understand the content, and convert — remove it.
- Aim for a PageSpeed score above 90 on mobile. Test with real 4G throttling, not your office Wi-Fi.
- Replace autoplay video backgrounds with static images or CSS gradients. Most hero videos play for an average of 2 seconds before the user scrolls past.
7. No visual hierarchy — everything competes for attention
When every section has the same text size, the same button style, the same spacing, and the same visual weight — nothing stands out. The page reads as a flat wall of content rather than a guided experience.
The fix:
- One primary element per viewport. Decide what the most important thing on each screen is, and make it visually dominant.
- Use size contrast deliberately: a 48px heading next to 16px body text creates hierarchy. A 24px heading next to 18px body text does not.
- Limit your color palette to 2–3 colors maximum. Use your accent color only on the elements you want the user to interact with (CTAs, key links).
- Whitespace is not wasted space. Generous spacing between sections signals importance and gives each section room to communicate.
Quick audit checklist
Use this to evaluate your current site in 10 minutes:
| Check | Pass/Fail |
|---|---|
| Primary CTA visible without scrolling on mobile | |
| Mobile PageSpeed score above 80 | |
| All forms have 5 or fewer fields | |
| RTL layout mirrors correctly (if applicable) | |
| No stock photos that obviously aren’t Dubai/UAE | |
| Clear size difference between H1, H2, body text | |
| Page loads in under 3 seconds on 4G |
How we approach UI/UX at Carril
We build every site starting from mobile and validate with real user behavior, not assumptions. Our design process includes performance budgets — every animation and visual element has a millisecond cost attached to it, and we cut anything that pushes the total above our threshold.
For bilingual sites, we design the Arabic layout in parallel, not after the English version is complete. This avoids the most common RTL issues and produces a layout that feels native in both languages rather than a translated version of one.
Your next step
Open your site on your phone right now. Ask three questions:
- Can you find the main CTA without scrolling? If not, you’re losing the majority of your visitors.
- Does the page load in under 3 seconds on cellular data? Test at PageSpeed Insights. If you’re above 3 seconds, start by removing autoplay video and compressing images.
- Would a first-time visitor know what you do and how to contact you within 5 seconds? If the answer is unclear, your visual hierarchy needs work.
If you want a detailed review of your site’s UX, reach out for a design audit — we’ll show you exactly where you’re losing visitors and what to fix first.
