Ark Soft Logo

Research, prototypes and design systems for UAE products

UI/UX Design for Websites, Apps & Dashboards in Dubai

We research, design and prototype websites, apps and dashboards for companies in the UAE: user interviews, wireframes, clickable Figma prototypes and design systems, with Arabic right-to-left layouts designed properly from the start rather than mirrored at the end.

What is included

  • User research

    Interviews with real or target users, a review of your analytics and support tickets, and a short report on what is getting in their way.

  • Wireframes and user flows

    The structure of every key screen and the path users take through it, agreed before any visual design.

  • Clickable prototypes

    High-fidelity Figma prototypes you can click through on a phone or laptop, and test with users before development starts.

  • Design systems

    Colours, typography, spacing and components documented in Figma and matched in code, so new screens stay consistent.

  • Arabic and English

    Layouts, typography and icons designed for right-to-left reading, not just flipped at the end of the project.

  • Accessible by default

    Colour contrast, text sizes, focus states and touch targets designed to meet WCAG 2.2 level AA.

Why test before you build

Changing a prototype takes hours; changing a finished app takes weeks. Usability research has long shown that testing with around five users uncovers most of the problems in a design, which makes a round of testing one of the cheapest steps in a project.

We test the prototype with people who match your customers, fix what they struggle with, and only then hand over to development.

Designing for Arabic and English

Right-to-left design is more than mirroring. These are the details we plan for from the first wireframe:

  • Navigation, progress indicators and directional icons flip, but logos, media controls and phone numbers do not.
  • Arabic text usually needs a larger size and more line height than English to read comfortably.
  • Fonts are chosen as a pair so both scripts feel like the same brand.
  • Mixed text, such as English product names inside Arabic sentences, is tested on real content.
  • Numbers and dates follow the format your customers expect.

Accessibility is part of good design

An accessible interface works better for everyone: older users, people on small phones in bright sunlight, and people with disabilities. We design to WCAG 2.2 level AA, which for example asks for a contrast ratio of at least 4.5 to 1 for normal text.

We also check keyboard navigation, focus states, form error messages and touch target sizes before designs go to development.

Design systems that developers can use

A design system is the shared set of colours, type, spacing and components behind every screen. We build it in Figma with the same names developers use in code, so designs turn into software without guesswork.

For companies with several products, a design system is also what keeps the website, the app and the dashboard feeling like one brand.

Measuring whether the design works

We agree the measures at the start: task completion in testing, sign-up or checkout conversion, time to complete key tasks, or fewer support tickets. After launch we check them in analytics and adjust the design where users still struggle.

For websites, the most useful measure is usually enquiries: how many visitors call, send a WhatsApp message or fill in a form. For apps and dashboards, it is how quickly people finish the tasks they use the product for, and how often they come back.

How the project runs

  1. 1

    Discovery and research

    Stakeholder interviews, user interviews, analytics review and a competitor scan.

  2. 2

    Information architecture

    Site maps, user flows and the priorities for each key screen.

  3. 3

    Wireframes

    Low-fidelity layouts to agree structure before visual design.

  4. 4

    Visual design and prototype

    High-fidelity screens and a clickable Figma prototype.

  5. 5

    Usability testing

    Sessions with around five users, then fixes.

  6. 6

    Handover

    Design system, specifications and support for developers during the build.

Timelines by project size

Design is quoted after a short call about the product. Timelines depend on the number of screens.

  • Website design

    The homepage and key page templates, on desktop and mobile, ready for development.

    Timeline
    1–2 weeks
  • App or dashboard design

    User flows, wireframes and a clickable prototype of the key screens.

    Timeline
    2–4 weeks
  • Research and design system

    User interviews, usability testing and a full design system for your products.

    Timeline
    4–6 weeks

What affects the cost of UI/UX design

We quote after scoping the product. The main factors:

Number of screens and flows
A marketing site, an app, or a complex dashboard with many states.
Research depth
A light review, or interviews and testing with several user groups.
Design system
Using an existing system, or creating one from scratch.
Languages
English only, or Arabic and English layouts.
Prototype detail
Key flows only, or a prototype that covers every screen, state and error message for development.

Frequently asked questions

Yes. We can deliver research, prototypes and a design system for your own developers. Many clients choose us for design and development together, but it is not required.

Ready to start your project?
Tell us what you need built

Websites, apps and custom software for businesses in Dubai and across the UAE. Free consultation, with a reply within 24 hours.

Chat with us