ZTABS delivers UI/UX design for Doha organizations — Arabic-first interface design, bilingual RTL/LTR experiences, mobile app design, and enterprise dashboard design. We create digital experiences that feel native to Qatari users.
UI/UX design in Doha operates under constraints that Western design agencies rarely understand. The fundamental challenge: creating digital experiences that work beautifully in Arabic — a right-to-left language with connected script, variable character widths, and typographic traditions that differ fundamentally from Latin-based design. Most global design agencies approach Arabic as a mirror of their English designs — flip the layout, change the font, translate the text. The result: interfaces that technically render in Arabic but feel unnatural to Arabic-speaking users. Arabic is not mirrored English. Arabic text flows right-to-left, but numbers within Arabic text flow left-to-right. Arabic characters connect to each other, with each character having up to four forms (initial, medial, final, isolated) depending on its position in the word. Arabic line heights are different from Latin line heights. Arabic typographic traditions emphasize calligraphic beauty — Arabic users notice and judge the quality of Arabic typography on screens just as English speakers would notice Comic Sans in a banking app. Designing for Doha means designing Arabic-first: the Arabic interface as the primary design, the English interface as the adaptation. This inverts the typical Western agency approach and produces dramatically better results for the majority of Qatari users who operate primarily in Arabic. Beyond language, Qatari UX has cultural dimensions: Qatari users expect premium digital experiences (Qatar's national aesthetic — seen in everything from Hamad International Airport to the National Museum — is modern, elegant, and world-class. Digital products that look generic or budget are perceived as untrustworthy), mobile-first is an understatement (Qatar has one of the highest smartphone penetration rates globally — over 96%. The vast majority of digital interactions happen on phones, not desktops. Design for mobile first, then adapt to desktop), and government and enterprise interfaces must balance formality with usability (official government platforms must convey authority and professionalism while being usable by all citizens — from tech-savvy young Qataris to older users who may be less comfortable with digital interfaces).
Doha's UI/UX design demand spans government, banking, e-commerce, and enterprise. Government digital services: Qatar's government entities building citizen-facing platforms. Design needs: accessible bilingual design (Arabic and English versions that both feel native — not one designed and the other adapted), complex workflow design (government processes — applications, approvals, renewals — involving multi-step workflows that must be intuitive for all citizens), form design (government forms collecting extensive information — name, QID, address, employer, family details — the design must make long forms feel manageable while ensuring data quality), and accessibility (WCAG 2.1 AA compliance — particularly challenging for Arabic interfaces where screen reader support and keyboard navigation have different requirements than English). Banking and finance: Qatar's banks designing mobile banking, internet banking, and internal systems. Design needs: trust and security perception (banking interfaces must communicate security through design — users trusting their finances to the app based partly on how professional and reliable it looks), complex financial information display (portfolios, transaction histories, statements, analytics — presenting financial data clearly in both Arabic and English, with numbers formatted correctly in each context), Islamic banking UX (presenting Islamic finance products — Murabaha, Ijara, Sukuk — in ways that are clear to customers unfamiliar with Islamic finance terminology, while maintaining sharia compliance in the information presented), and biometric integration (designing around fingerprint and face recognition — login flows, transaction confirmation, and biometric enrollment that feel secure but effortless). E-commerce: Doha's growing online retail designing shopping experiences. Design needs: Arabic product browsing (RTL product grids, Arabic search with morphological awareness, Arabic filter labels, and bidirectional product names — products with Arabic and English in the same name), checkout optimization (reducing cart abandonment in the Qatari market — addressing specific friction points: address format confusion, payment method presentation, delivery expectation setting), and mobile-first shopping (designing for the 80%+ of Qatari e-commerce traffic that comes from smartphones — responsive isn't enough; the mobile experience must be the primary design). Enterprise: Qatari organizations designing internal tools, dashboards, and workflow systems. Design needs: data-dense dashboards (enterprise users needing information density — not the whitespace-heavy consumer design, but functional, scannable layouts that present maximum data in minimum space while remaining usable), workflow interfaces (multi-step business processes — approvals, reviews, submissions — designed for efficiency: how few clicks to complete a task?), and role-based design (different user roles needing different interfaces — an executive dashboard different from a clerk's data entry screen, each optimized for its specific use case).
Our Doha UI/UX design process covers research, Arabic-first design, prototyping, testing, and design system creation. Research (weeks 1-2): understanding users and context. User research: interviews and observation with actual users (in Arabic — our researchers conducting sessions in Arabic to capture natural expressions, frustrations, and mental models that would be lost in English). User personas: defined with Qatari-specific characteristics (not generic Western personas with Arabic names). Competitive analysis: reviewing comparable Qatari and GCC digital products — understanding the design landscape and identifying opportunities to differentiate. Device and context analysis: understanding how users will interact with the product — which devices (iPhone vs. Samsung vs. Huawei market share in Qatar), which contexts (office, field, home, commuting), and which connectivity conditions (Qatar has excellent 5G coverage but some indoor environments still have connectivity issues). Arabic-first design (weeks 2-4): designing the interface with Arabic as the primary language. Typography: selecting Arabic typefaces that are both beautiful and functional on screens. We prefer: Noto Naskh Arabic (excellent readability, comprehensive character coverage, open-source — consistent rendering across devices), IBM Plex Arabic (modern, professional — suitable for enterprise and government), and custom Arabic typefaces for brands that want distinctive Arabic typography. Type hierarchy: Arabic heading sizes, body text sizes, and line heights optimized for Arabic reading patterns — not Latin metrics applied to Arabic text. Arabic body text typically requires: larger minimum size (16px vs. 14px for Latin — Arabic characters are more complex and need more pixels to be legible), taller line height (1.8-2.0× vs. 1.5× for Latin — Arabic characters have more vertical extent with diacritical marks), and more generous letter spacing (Arabic characters connect, and too-tight spacing makes words difficult to parse). Layout: RTL layout designed from the ground up — not a mirrored LTR layout. Key differences: navigation flows right-to-left, icon positioning follows Arabic reading direction, progress indicators move right-to-left, and tables read right-to-left. BUT: elements with universal directionality remain unchanged — media playback controls, mathematical symbols, phone number entry, and credit card number input remain LTR. Getting these mixed-direction elements right: one of the most common failures in Arabic UI design. Color and visual design: culturally appropriate color choices — avoiding color combinations with unintended cultural associations. Green and gold: positive associations in Qatari culture. Design aesthetic: modern, clean, premium — matching the visual standards Qatari users encounter in their built environment (the Museum of Islamic Art, the National Library, Education City). Iconography: reviewing every icon for cultural appropriateness and directional correctness (an arrow pointing left means "forward" in RTL — the opposite of LTR convention). Prototyping and testing (weeks 4-6): validating the design with real users. Interactive prototypes: built in Figma with actual Arabic content (not placeholder text — Arabic Lorem Ipsum distorts the design because Arabic text has different visual weight and rhythm than Latin text). Usability testing: conducted in Arabic with Qatari users — testing: task completion (can users complete key tasks without help?), comprehension (do users understand the interface elements, labels, and workflows?), satisfaction (do users find the design professional, trustworthy, and pleasant to use?), and Arabic-specific issues (RTL layout confusing? Arabic text legible? Mixed-direction content handled correctly? Arabic input working properly in forms?). Testing with a range of users: tech-savvy young Qataris (who compare your app to the best global apps), older Qataris (who may be less familiar with digital patterns), and expatriate workers (who may use the Arabic interface despite Arabic not being their first language). Design system (weeks 5-7): creating a comprehensive design system for ongoing development. Component library: every UI component designed in Arabic and English variants — buttons, forms, tables, cards, navigation, modals, alerts, and data visualization. Each component: documented with usage guidelines, spacing specifications, and responsive behavior. Token system: colors, typography, spacing, and shadows defined as design tokens — enabling consistent implementation across web and mobile platforms. Arabic typography tokens: separate from English tokens — different font families, sizes, line heights, and weights optimized for each script. Responsive guidelines: how each component and layout adapts across screen sizes — from 320px mobile to 1920px desktop. Mobile-first: the mobile design is the primary specification, with desktop as the responsive adaptation.
Banking / Financial Services
A Qatari bank (QAR 45B in assets, 850,000 customers, 65% of customers using mobile banking) was redesigning its mobile banking app. The existing app — designed by a European agency — had persistent Arabic interface problems. The problems: (1) Arabic-as-afterthought design: the existing app was designed in English and "translated" to Arabic. The English version: polished, consistent, well-spaced. The Arabic version: text overlapping containers, truncated labels (Arabic words are often longer than their English equivalents — labels that fit in English overflowed in Arabic), inconsistent alignment (some elements left-aligned in the Arabic version — a jarring inconsistency in an RTL interface), and visually inferior typography (the Arabic font: thin and difficult to read on mobile screens, selected to match the Latin typeface's weight rather than optimized for Arabic readability). Customer complaints about the Arabic app: 120/month (vs. 15/month about the English app). Customer satisfaction with the Arabic app: 3.1/5 (vs. 4.2/5 for the English app). 28% of Arabic-speaking customers: using the English version of the app despite preferring Arabic — because the English version "works better." (2) Confusing financial information: account balances, transaction amounts, and financial summaries displayed with inconsistent number formatting — sometimes Eastern Arabic numerals (٠١٢٣), sometimes Western Arabic (0123), without clear logic. QAR amounts: sometimes positioned on the right (RTL convention), sometimes on the left (carried over from the English design). Customers: occasionally confused about whether a number represented a credit or debit — the visual indicators (green/red, +/-) inconsistently positioned in the RTL layout. (3) Complex workflow barriers: transferring money (the most common banking task) required 7 screens and 12 taps in the Arabic version (vs. 5 screens and 8 taps in English — the Arabic version having additional confirmation screens added to accommodate longer Arabic text that didn't fit in the original button and label sizes). International transfers: even more complex — 11 screens, with Arabic users frequently abandoning mid-process (32% abandonment rate vs. 14% for English users). Bill payments: KAHRAMAA (electricity/water) and Ooredoo bill payments involving account number entry — the text fields designed for English-length input, with Arabic labels truncated above them. (4) No biometric design: the app supported fingerprint login but the biometric enrollment flow was poorly designed — confusing instructions (translated from English technical language into Arabic that native speakers found unnatural), small touch targets for the "enable biometric" toggle (designed for English toggle labels, not accommodating the longer Arabic label), and the biometric confirmation screen showing a fingerprint icon with English text ("Touch ID") even in the Arabic version. (5) Accessibility gaps: Arabic VoiceOver (iOS) and TalkBack (Android) support: non-functional. Arabic screen reader users: unable to use the app (screen reader announcing elements in wrong order, Arabic text not announced correctly, interactive elements not labeled for accessibility). The bank: not meeting Qatar's emerging digital accessibility expectations.
We redesigned the mobile banking app over 10 weeks (design only — development by the bank's internal team using our design specifications): (1) Arabic-first design system: designed every screen, component, and interaction in Arabic first. Arabic typography: Noto Naskh Arabic at 16px body / 24px heading / 14px caption — optimized for Arabic legibility on mobile screens (tested on iPhone SE through iPhone 15 Pro Max, Samsung Galaxy A-series through S-series). Line heights: 1.8× for body text, 2.0× for headings — providing the vertical space Arabic characters need for diacritical marks and comfortable reading. English typography: IBM Plex Sans at 14px body / 20px heading / 12px caption — designed to complement (not match) the Arabic typeface. Component sizing: all buttons, labels, containers, and touch targets sized for Arabic text first (accommodating the longer average word length) — the English version having slightly more white space (acceptable) rather than the Arabic version having overflow (unacceptable). Number formatting: standardized — QAR amounts displayed with Western Arabic numerals in both language versions (customer research confirmed that Qatari banking customers overwhelmingly prefer Western Arabic numerals for financial amounts, even in Arabic mode). Currency positioning: amount displayed on the right in Arabic mode, left in English mode — with color coding (green for credit, red for debit) and +/- symbols providing redundant visual indication. (2) Streamlined workflows: money transfer redesigned to 4 screens / 6 taps (both Arabic and English — parity between languages). The redesign: beneficiary selection (recent beneficiaries prominently displayed, searchable beneficiary list with Arabic name search), amount entry (large number pad, real-time QAR formatting, balance display showing available funds), confirmation (single clear screen showing all transfer details — beneficiary, amount, bank, date — with a prominent "Transfer" button), and result (success/failure screen with transfer reference number and receipt download option). International transfers: reduced to 7 screens (from 11) — by combining related fields onto single screens and eliminating redundant confirmation steps. Transfer abandonment rate: from 32% (Arabic) and 14% (English) to 8% (both languages — design parity achieving behavioral parity). (3) Account overview redesign: the home screen reimagined for Arabic banking: account summary card (QAR balance prominently displayed, with account nickname in Arabic, last 4 digits of account number, and quick action buttons — Transfer, Pay Bills, Cards), recent transactions (latest 5 transactions with clear Arabic merchant names, amounts with credit/debit color coding, and transaction category icons — grocery, restaurant, transport, utilities — immediately recognizable without reading text), spending insights (monthly spending summary with category breakdown — visual chart that works identically in Arabic and English because pie charts and bar charts are language-neutral), and quick actions grid (the 6 most common banking tasks arranged in a 2×3 grid with Arabic labels — Transfer, Bill Payment, Card Management, Statements, Beneficiaries, and Settings). (4) Biometric redesign: fingerprint and Face ID enrollment: redesigned with Arabic-native instructions. The flow: simple Arabic explanation of what biometric login does ("ادخل بلمسة واحدة بدلاً من كلمة المرور" — "Enter with one touch instead of a password"), large touch target for enable/disable toggle (60px height — accommodating Arabic label length), biometric test (user testing their fingerprint/face immediately — instant confirmation that it works), and success confirmation (Arabic celebration screen with clear "you're set up" messaging). The biometric enrollment rate: measured post-redesign at 72% (vs. 34% with the old design) — more customers using biometric login means fewer password reset support calls. (5) Arabic accessibility: full VoiceOver (iOS) and TalkBack (Android) support. Every element: labeled with meaningful Arabic accessibility labels (not just the visible text — for example, the balance card's accessibility label: "الرصيد المتاح سبعة وعشرون ألف وخمسمائة ريال" — "Available balance twenty-seven thousand five hundred riyals" — spoken as natural Arabic, not "QAR 27,500"). RTL navigation order: screen reader navigating elements in the Arabic reading order — right-to-left, top-to-bottom. Interactive elements: clear Arabic labels for actions ("اضغط للتحويل" — "Press to transfer"), state announcements ("تم التحويل بنجاح" — "Transfer completed successfully"), and error announcements ("الرجاء إدخال المبلغ" — "Please enter the amount"). Testing: conducted with Arabic VoiceOver users — the bank recruiting 5 visually impaired Arabic-speaking customers for usability testing. (6) Design system and handoff: complete design system in Figma — 180 components (each in Arabic and English variants), design tokens (colors, typography, spacing, shadows), page templates (25 screen templates covering all major banking functions), responsive specifications (mobile portrait, mobile landscape, tablet), and interaction specifications (animations, transitions, gesture behaviors — documented with timing curves and motion parameters). Developer handoff: detailed specifications for the bank's development team — pixel-perfect Figma designs with inspect mode, component naming aligned with the development framework, and Arabic-specific implementation notes (RTL CSS properties, bidirectional text handling, Arabic font loading strategy).
Customer satisfaction: Arabic app satisfaction from 3.1/5 to 4.5/5 (measured 3 months after the redesigned app launched). English app satisfaction: stable at 4.2/5 (the English design also improved but from a higher baseline). The gap between Arabic and English satisfaction: from 1.1 points to 0.3 points — near-parity for the first time. Arabic customer complaints about the app: from 120/month to 18/month — 85% reduction. The bank's digital banking director: "For the first time, our Arabic customers love the app as much as our English customers do." Language switching: the 28% of Arabic-speaking customers who previously used the English app — 82% of them switching back to Arabic within the first month of the redesign. The Arabic experience: now preferred by Arabic speakers, as it should be. Transfer completion: money transfer abandonment from 32% (Arabic) / 14% (English) to 8% (both). The redesigned flow: completing transfers in 4 screens / 6 taps vs. 7 screens / 12 taps. Estimated impact: 15,000 additional completed transfers per month (transfers that would have been abandoned under the old design). At an average transfer value of QAR 2,500 and the bank's transfer fee revenue: significant transaction fee increase. Biometric adoption: from 34% to 72% — 112% increase. Impact: 42% reduction in password reset support calls (from 3,200/month to 1,850/month). At QAR 15 per support call: QAR 20,250/month savings = QAR 243,000/year. Digital banking adoption: overall mobile banking active users: increased 14% in the 6 months post-redesign (from 553,000 to 630,000 monthly active users). The increase: attributed to Arabic-speaking customers who previously avoided the app now using it regularly, plus positive word-of-mouth ("have you seen the new app? The Arabic is amazing"). Accessibility: the app becoming one of the first Arabic-language banking apps in Qatar with full screen reader support. The bank: publicizing this as part of their corporate social responsibility — receiving positive coverage in Qatar media. Design cost: QAR 280,000 (10-week design engagement including research, Arabic-first design system, 25 screen templates, 180 components, accessibility specifications, and developer handoff documentation). Annual value: QAR 243,000 (support call reduction from biometric adoption) + transaction fee revenue from reduced abandonment + digital banking adoption increase + brand reputation improvement. ROI: design investment recovered within first 14 months from support cost reduction alone; transaction revenue and adoption improvements providing additional ongoing value.
User interviews, competitor analysis, and journey mapping to uncover what your users actually need.
Pixel-perfect interfaces with consistent visual language, typography, and color systems.
Interactive prototypes tested with real users before development begins.
Scalable component libraries and design tokens that keep your product consistent as it grows.
Comprehensive audits of existing products with actionable recommendations to improve usability and conversion.
Designs that work on every screen size and meet WCAG accessibility standards.
Doha's UI/UX design market includes global design agencies (Frog, IDEO, Accenture Interactive — world-class design but limited Arabic capability, QAR 400-700/hr), GCC design agencies (regional firms with Arabic capability — varying design quality and user research depth), European agencies with Doha presence (adapting European design for the Qatari market — often resulting in "English design with Arabic text" rather than Arabic-first design), and freelance designers (individual UI/UX designers in Doha — strong visual skills but limited research and design system capability). Global agencies produce exceptional English designs but struggle with Arabic-first approaches. GCC agencies understand Arabic but may lack the design process rigor (user research, usability testing, design systems) of global agencies. European agencies in Doha tend to design English-first and translate. ZTABS provides Arabic-first UI/UX design with global design process rigor — user research in Arabic, Arabic-first design, usability testing with Qatari users, and comprehensive design systems.
UI/UX design in Doha ranges from QAR 50,000 for focused design projects (mobile app redesign, single platform) to QAR 400,000+ for comprehensive design programs (multi-platform design system, user research, accessibility audit, and ongoing design support). Global agencies in Doha: QAR 400-700/hr. ZTABS delivers at competitive rates — our Arabic-first design expertise providing higher Arabic interface quality than agencies that design English-first and translate.
Verified reviews from real client engagements — sourced from our public testimonial archive and Clutch profile.
My experience is throughout positive. Communication, service, the short response times and the flawless execution of a challenging topic was absolutely great. ZTABS is definitely my first choice again.
Christian Neff
Bank Software Advisory · Bank Software Advisory
Fintech
Fantastic Agency! I couldn't fault them even if I tried. They always go above and beyond to meet your expectations and always produces quality work. Thank you ZTABS.
Stephanie Kal
CEO · Beauty Finder Australia
Marketplace
It has been great working with ZTABS. They bounce off the ideas along the way. Amazing Experience.
Joel Rowe
CEO · Drill Quoter
Marketplace
We don't just contract — we ship and operate our own software. 17 products in production.
Common questions about UI/UX design for Doha businesses
It means designing every screen, component, and interaction in Arabic as the primary language — then adapting for English, not the other way around. Specifically: Arabic typography is selected and optimized first (not adapted from a Latin typeface choice), layouts are designed in RTL first (not mirrored from LTR), component sizes accommodate Arabic text length first (not squeezed from English sizes), and user research is conducted in Arabic first.
ZTABS is a remote-first UI/UX design agency serving Houston businesses — including ux research & strategy, ui design & visual identity, wireframing & prototyping. We work with Energy & Oil/Gas, Healthcare & Biotech, Aerospace & Defense companies in Houston, TX via timezone-aligned engineers and async workflows; we do not have a local office, and we are explicit about that with every client.
UI/UX Design in New York, NYZTABS is a remote-first UI/UX design agency serving New York businesses — including ux research & strategy, ui design & visual identity, wireframing & prototyping. We work with Finance & Fintech, Media & Advertising, Fashion & Retail companies in New York, NY via timezone-aligned engineers and async workflows; we do not have a local office, and we are explicit about that with every client.
UI/UX Design in Los Angeles, CAZTABS is a remote-first UI/UX design agency serving Los Angeles businesses — including ux research & strategy, ui design & visual identity, wireframing & prototyping. We work with Entertainment & Media, E-commerce & DTC Brands, Gaming & AR/VR companies in Los Angeles, CA via timezone-aligned engineers and async workflows; we do not have a local office, and we are explicit about that with every client.
Web Development in Doha, QatarZTABS is a remote-first web development agency serving Doha businesses — including full-stack development, progressive web apps, api development. We work with Smart City & GovTech, FinTech, Energy Tech companies in Doha, Qatar via timezone-aligned engineers and async workflows; we do not have a local office, and we are explicit about that with every client.
Web Design in Doha, QatarZTABS is a remote-first web design agency serving Doha businesses — including ui/ux design, responsive design, custom interfaces. We work with Smart City & GovTech, FinTech, Energy Tech companies in Doha, Qatar via timezone-aligned engineers and async workflows; we do not have a local office, and we are explicit about that with every client.
AI Development in Doha, QatarZTABS is a remote-first AI development agency serving Doha businesses — including llm integration & fine-tuning, ai agents & automation, rag & knowledge systems. We work with Smart City & GovTech, FinTech, Energy Tech companies in Doha, Qatar via timezone-aligned engineers and async workflows; we do not have a local office, and we are explicit about that with every client.
UI/UX DesignLearn more about our UI/UX design services nationwide.
Partner with ZTABS for expert UI/UX design in Doha. Get a free consultation today.
