Services · UI/UX and product design · UI/UX design

Screens that UAE customers can use with one thumb, in either language.

UI/UX design for UAE websites and customer apps: the screens your buyers tap through to book, pay, enquire or sign up. We design mobile first, in English and Arabic with proper right to left layouts, and hand your developers files they can build from without guessing.
Built for
Brands, clinics, property firms, retailers and service businesses in the UAE whose website or customer app is where enquiries and sales actually happen.
Typical timeline
A focused redesign of key screens usually takes three to six weeks. A full website or app interface takes longer and is planned in stages.
What you own
Every Figma file, component library, icon set and exported asset, transferred to your own Figma workspace at the end.
Rated
4.7 / 5 from 23 Google reviews

In short

Most UI/UX briefs we receive in Dubai are not about inventing a product. They are about a website or customer app that already exists and is not doing its job: a booking form people abandon on the second step, a property listing page that loads slowly on a phone, an Arabic version that was translated after launch and never redesigned. Our UI/UX design work starts from that reality. We look at the screens your customers use most, find where they hesitate, and redesign those screens first.

Mobile first is not a slogan here. Most of the traffic we see on UAE consumer sites arrives on a phone, often from an Instagram ad, a Google search or a WhatsApp link shared by a friend. That visitor is usually standing in a mall, sitting in a taxi or switching between apps. We design for a thumb, a small screen and a patchy connection in a car park, then scale the layout up to tablet and desktop rather than squeezing a desktop page down.

Bilingual design changes the work at screen level. An Arabic headline often runs shorter than the English one while the body text runs longer, mixed numerals and Latin brand names sit inside right to left sentences, and icons that point forwards have to point the other way. Phone fields need the +971 prefix handled cleanly, name fields must accept the way people actually write their names, and address forms should allow for community, building and flat rather than a postcode the UAE does not use. We design both languages together so neither feels like a copy.

Conversion and accessibility pull in the same direction more often than people expect. Clear labels, large tap targets, readable contrast in bright sunlight and forms that explain errors in plain words help a customer with poor eyesight and a customer in a hurry equally. We design to WCAG guidance as a working standard, and we place the actions that matter in this market, such as a WhatsApp button, a call button and Apple Pay or card checkout, where a thumb finds them without searching.

The final step is the one that most often goes wrong: handover. A beautiful Figma file that shows only the happy path leaves developers to invent loading states, empty states, error messages and the Arabic layout on their own. We hand over every state, a component library with named tokens for colour, type and spacing, annotated behaviour for anything that moves, and both language versions. If your developers are in house, at another agency or at Codeeo, they receive the same package.

Codeeo works from Dubai Silicon Oasis with a team of 80+ across Dubai, Riyadh and Karachi. You can review screens with our designers in person, or keep the whole project on video calls and a shared Figma file with comments in your own words.

200+ companies servedFrom a first store to an ADX listed developer

Modon
Majid Al Futtaim
HP
Belkin
Dulsco Group
OneClickDrive
Hanayen
HMS
Clocksprings
Ghezlan

What you get

The screens, the states and the files your developers need.

UI/UX design for a UAE website or customer app is judged on two things: whether customers complete what they came to do, and whether developers can build it exactly as designed. Each piece below serves one of those two outcomes, and most serve both.
Explain your project
  • Mobile first page layouts

    Home, service, listing and product pages designed for a phone screen first, then extended to tablet and desktop. Content order is set by what a mobile visitor needs before scrolling.

    Pages that work where most of your visitors actually are.

  • Right to left interface design

    Arabic screens designed in their own right, with mirrored navigation, corrected icon direction, Arabic type pairings and spacing tuned for Arabic text length. Mixed English and Arabic content is handled line by line.

    An Arabic version that feels native, not flipped.

  • Forms and checkout flows

    Booking, enquiry, sign up and checkout forms with UAE phone formats, sensible address fields, clear error messages and the payment options local buyers expect. Every field is questioned before it stays.

    Fewer people giving up halfway through a form.

  • Conversion focused UI

    Calls to action, WhatsApp and call buttons, trust signals and pricing or package layouts placed by evidence from analytics and session recordings. We design variants where a test would settle an argument.

    Screens built around the action you need the visitor to take.

  • Accessible interface design

    Contrast, text size, tap target size, focus order and screen reader labels designed in from the start, using WCAG guidance as the reference. Accessibility notes travel with each component into the handover.

    An interface more people can use, including older customers and visitors in bright light.

  • Customer app screens

    Onboarding, login, account, booking, order tracking and notification screens for iOS and Android apps, following each platform's conventions where they differ. Designed for one handed use and short sessions.

    App screens that feel at home on both platforms.

  • Component library and tokens

    A Figma library of buttons, inputs, cards and navigation built from named tokens for colour, typography and spacing, in both reading directions. New pages are assembled from parts rather than redrawn.

    A consistent interface that stays consistent as the site grows.

  • Developer handover pack

    Every state of every screen: loading, empty, error, success and offline, with annotated interactions, responsive breakpoints, exported assets and a walkthrough call with your developers. Questions during build are answered within the project.

    Developers build what was designed, without guessing.

Who this is for

Three interface problems UAE businesses bring to us.

The trigger for a UI/UX project is usually a number that will not move or a version of the product that embarrasses the team. These are the three we see most, and the way we usually tackle each one.
01

Your site gets traffic from ads but enquiries stay low

Paid traffic lands on pages built for desktop, with the WhatsApp button hidden in the footer and a form that asks for too much. We review recordings and analytics, redesign the landing and service pages for mobile, and cut the form to what your sales team actually uses.

Start with the pages your ad budget already pays for.

02

Your Arabic site was translated, never designed

Text overflows buttons, icons point the wrong way, numerals mix awkwardly and the menu reads in the wrong order. We redesign the Arabic interface screen by screen alongside the English one, and give developers mirrored components that keep both versions in step from now on.

Design both languages together from here on.

03

Your developers keep asking what a screen should do

The design file shows ideal states only, so every sprint stalls on questions about errors, empty lists and long names. We audit the file, fill in the missing states, build a component library and stay available during the build to answer questions as they come up.

Fix the handover before the next sprint.

From the screens that matter most to a build ready file.

  1. 01ReviewAnalytics, session recordings, support questions and a walk through your live site or app on real phones, in English and Arabic. We list the screens where customers stall and agree the order to fix them.
  2. 02WireframeLow detail layouts for the priority screens on mobile first, covering content order, actions and form fields. Quick to change, so decisions are made before visual design starts.
  3. 03DesignFull visual design in both languages, built from a component library, with accessibility checked as we go. Clickable flows are shared so stakeholders can try them on a phone.
  4. 04Hand overEvery state documented, tokens and assets exported, and a walkthrough with your developers. We stay on hand through the build and review the built screens against the design.

Questions people ask before a UI/UX design project.

This service focuses on the screens of a website or customer app that already has a clear purpose.

Product design covers research, discovery and defining what a product should be. UI/UX design here is narrower and more practical: the pages, forms and app screens your customers use every day, made easier to use on a phone, in both languages, and handed over in a form developers can build. Many clients start here and only move into wider product work later.

Tell us what the business needs. We will tell you what to build first.

Schedule a free consultation and get a written recommendation, with costs, before you commit to anything.

Get in touch

PROVEN RESULTS

4.7 / 5from 23 Google reviews