ZTABS delivers UI/UX design in Riyadh — Arabic-first digital design for Saudi government portals, banking applications, e-commerce platforms, and Vision 2030 mega-projects. RTL design systems with Saudi cultural intelligence.
UI/UX design in Riyadh must address the fundamental reality that Arabic-first design is not mirrored English design. Saudi Arabia's 36M population interacts with digital products primarily in Arabic — and the UX expectations are shaped by Saudi culture, Islamic values, and the Gulf Arabic communication style that differs significantly from Western design conventions. Riyadh's UI/UX design landscape is characterised by: Arabic-first design principles (Arabic design being fundamentally different from English design mirrored to RTL. Arabic reading patterns: right-to-left scanning with a top-right focal point (not top-left). Arabic typography: Arabic script being connected, with letter forms changing based on position (initial, medial, final, isolated) — requiring different line heights, character spacing, and font rendering considerations than Latin script. Arabic visual hierarchy: title prominence works differently in Arabic — Arabic headlines use different emphasis techniques (colour, size, weight) because Arabic has limited bold/italic visual distinction compared to Latin. Arabic form design: right-aligned labels, RTL input direction, Arabic placeholder text, and Arabic validation messages. All of these requiring designers who understand Arabic — not English designers using RTL plugins), Saudi cultural UX (Saudi users having specific UX expectations shaped by Saudi culture. Hospitality and warmth: Saudi culture valuing hospitality (كرم الضيافة) — digital interfaces reflecting this through warm welcome messages, personalised greetings, and generous "empty state" designs that guide rather than criticise. Gender sensitivity: Saudi applications sometimes requiring gender-appropriate interfaces — different imagery, different colour palettes, or different content presentation based on user context. Islamic calendar: Hijri date display being expected in Saudi applications — not as a secondary option but as primary display with Gregorian as supplement. Islamic time references: prayer time awareness — Saudi users expecting that "next available appointment" accounts for prayer times, and that booking systems don't schedule during prayer times. Formal register: Saudi government and banking interfaces using formal Arabic (فصحى) — not colloquial Saudi Arabic — with specific formality expectations in system messages and notifications), premium design expectations (Saudi Arabia's Vision 2030 elevating design expectations — the Kingdom investing in world-class infrastructure (NEOM, The Line, Riyadh Metro) that sets aesthetic standards. Saudi users — particularly younger demographics (70% under 35) — expecting digital experiences that match the premium physical experiences being built around them. Design quality: no longer acceptable to deliver "good enough" Arabic interfaces — Saudi users comparing their banking app to international best practices and expecting equal or superior design quality), and government digital standards (Saudi Digital Government Authority (DGA) publishing design standards for government digital services — Arabic-first design guidelines, accessibility requirements, and interaction patterns. Government vendors required to follow these standards — creating a baseline that influences private sector expectations as well)).
Riyadh's UI/UX design demand spans government digital transformation, banking and fintech, e-commerce, healthcare, and mega-project digital experiences. Government UI/UX: Saudi government digital transformation creating massive design demand. Citizen-facing portals: Absher (28M users), Tawakkalna, ZATCA, Qiwa, and dozens of agency-specific portals — each needing Arabic-first UX that serves Saudi citizens efficiently. DGA standards requiring: WCAG accessibility, Arabic-first design, mobile responsiveness, and integration with Saudi design systems. The challenge: government services serving diverse users — Saudi citizens (Arabic primary), expatriate residents (potentially Arabic, English, or other languages), and businesses (professional users needing efficient workflows). Government design must balance simplicity for citizen interactions with efficiency for professional users. Banking and fintech: Saudi banking apps competing for customer engagement. Al Rajhi Bank, Saudi National Bank, Riyad Bank, and digital challengers (STC Pay, STCpay, Tamara) — all investing in UI/UX to differentiate. Islamic banking UX: Sharia-compliant financial products requiring unique UX patterns — profit rate calculators (not interest), Murabaha payment visualisation, and Takaful contribution displays. The design language: never referencing "interest" or conventional banking imagery. Mobile banking: Saudi Arabia having one of the world's highest mobile banking adoption rates — the banking app being the primary banking channel. UX requirements: Arabic-first, biometric authentication, prayer-time-aware scheduling, and instant money transfer (person-to-person transfers being a core Saudi banking use case). E-commerce: Saudi e-commerce design requiring: Arabic product discovery (search, browse, filter in Arabic), product presentation (Arabic descriptions, SAR pricing with VAT display, Arabic reviews), checkout (mada, Tabby BNPL, COD — Arabic checkout flow), and post-purchase (Arabic order tracking, Arabic returns process). Saudi fashion e-commerce requiring specific UX: modest wear filtering, size guides calibrated for Saudi body types, and Islamic occasion categorisation (Ramadan, Eid, Hajj). Healthcare: Saudi healthcare apps serving patients across the Kingdom — appointment booking, medical records access, prescription management, and telemedicine. Healthcare UX: Arabic medical terminology, Hijri date display for appointments, prayer-time-aware scheduling, and family account management (Saudi families often managing healthcare for extended family). Mega-project digital experiences: NEOM, The Red Sea, Qiddiya, and Diriyah Gate — each needing visitor-facing digital experiences. Tourism UX: Arabic-first destination discovery, event booking, navigation, and in-destination services. These digital experiences representing Saudi Arabia to the world — the design quality directly reflecting national ambitions.
Our Riyadh UI/UX design methodology delivers Arabic-first, culturally intelligent, Saudi-standard digital experiences. Arabic design research: understanding Saudi users through Arabic-language research. User research conducted in Arabic: interviews, surveys, and usability testing in Arabic — not translated instruments. Saudi Arabic (not MSA) used in conversational research. Research covering demographic diversity: Saudi nationals (urban and rural), expatriate communities (Arab, South Asian, Western), different age groups (youth 18-30 heavily digital, older adults 50+ increasingly digital through government mandates like Tawakkalna). Arabic usability testing: testing with Arabic-speaking users on Arabic interfaces — identifying issues that English-speaking testers would miss. RTL-specific usability issues: icon direction confusion (a back arrow pointing left in RTL context), progress indicator direction, swipe gesture direction on mobile, and Arabic text truncation in constrained spaces. Arabic design system: building comprehensive design systems for Arabic-first applications. RTL grid system: 12-column grid designed for RTL — component alignment, spacing, and flow all right-to-left. The grid supporting bidirectional layouts for bilingual interfaces — Arabic content on the right, English supplement on the left. Arabic typography scale: type scale designed for Arabic fonts — Arabic characters having different visual weight than Latin at the same font size. The scale ensuring Arabic text is legible, appropriately hierarchical, and aesthetically balanced. Font pairing: Arabic font selected as the primary — IBM Plex Sans Arabic, Noto Sans Arabic, or Cairo — with matching Latin font as secondary. Arabic font rendering tested across browsers and devices (iOS Safari, Android Chrome, Windows Edge — each rendering Arabic slightly differently). Component library: every UI component designed for Arabic — buttons (right-aligned text, RTL icon placement), forms (right-aligned labels, RTL input), navigation (RTL menu flow, Arabic breadcrumbs), data tables (RTL column order, Arabic sorting), and modals/dialogs (Arabic content layout, RTL button order — primary action on the left in RTL context, not the right). Saudi cultural design layer: prayer time integration (interfaces scheduling around prayer times — appointment pickers greying out prayer time slots, delivery scheduling avoiding prayer times, and notifications pausing during prayer times). Hijri calendar: date pickers showing Hijri as primary with Gregorian secondary — month names in Arabic (محرم، صفر، ربيع الأول...), day names in Arabic. Islamic event awareness: interfaces adapting for Ramadan (working hours change, content themes), Eid (celebration messaging, gift-related features), Hajj season (travel and accommodation features). Gender-appropriate design: where applicable — imagery selection, colour palette adjustment, and content adaptation. Hospitality-first empty states: error pages and empty states designed with Saudi hospitality in mind — warm, helpful, never blaming the user. "لم نجد نتائج — دعنا نساعدك" (We didn't find results — let us help you) rather than stark "No results found." Interaction design: mobile-first for Saudi market. Mobile interaction: Saudi smartphone usage being among the highest globally — all design starting with mobile. Thumb-zone design: critical interactions placed in the natural thumb zone for one-handed mobile use. Arabic gesture design: swipe direction, scroll behaviour, and pull-to-refresh adapted for RTL context. Performance-driven design: designing for perceived performance — skeleton screens, progressive loading, and optimistic UI updates that make the interface feel instant. Accessibility: designing for Saudi accessibility requirements. WCAG 2.1 AA compliance as baseline — government projects requiring accessibility. Arabic screen reader compatibility: designs tested with Arabic screen reader output (VoiceOver in Arabic, TalkBack in Arabic) — ensuring that Arabic content is announced correctly, navigation is logical in Arabic, and form labels are properly associated. Colour contrast: ensuring Arabic text meets contrast requirements — Arabic characters at certain sizes requiring higher contrast than Latin due to character complexity.
Banking / Islamic Banking
A Saudi Islamic bank (SAMA-licensed, 2.8M retail customers, 450 branches, SAR 180B total assets) operated a mobile banking app that had been built 4 years earlier by an international agency based in London. The app was functionally adequate but suffered from design problems that were impacting customer satisfaction and digital adoption. Design problems: "translated English" feel (the app designed in English first, then translated to Arabic — the Arabic version being a mirror of the English layout with Arabic text. Problems: Arabic text truncated in buttons designed for shorter English words, navigation flow feeling unnatural for Arabic readers, and Islamic banking product names awkwardly positioned in interfaces designed for conventional banking terminology. Customer feedback consistently included: "The app doesn't feel Saudi" and "It feels like a foreign app translated to Arabic"), Islamic banking UX confusion (Islamic finance products presented using UX patterns borrowed from conventional banking — "Your Murabaha balance" displayed exactly like a conventional loan balance, with no visual distinction or explanation of the Sharia-compliant nature of the product. Customers confused about: how their Murabaha payment was calculated (the app showing "Monthly payment: SAR 4,200" without explaining the cost-plus structure), what their Takaful coverage included (the insurance section using conventional insurance terminology and layout), and why their savings account showed "expected profit rate" instead of "interest rate" (the app not explaining the Islamic finance model). The bank's Sharia board concerned that the app presentation didn't adequately communicate the Islamic nature of the products — potentially misleading customers about the Sharia compliance of their financial arrangements), low digital adoption (only 38% of the bank's 2.8M customers actively using the mobile app — significantly below the Saudi banking average of 55%. The branch still handling 62% of routine transactions (balance enquiries, transfers, bill payments) that should be self-service through the app. The bank spending SAR 45M annually on branch operations for transactions that cost SAR 2-5 per digital transaction vs SAR 25-35 per branch transaction), and accessibility gaps (the app failing WCAG 2.1 on 45 criteria — affecting Saudi users with disabilities. Arabic screen reader: non-functional (VoiceOver reading random UI elements instead of logical content flow). Colour contrast: insufficient for Arabic text in several areas. Touch targets: too small for several interactive elements. The bank receiving complaints from customers with visual impairments — and facing potential DGA accessibility requirements for banking apps).
We redesigned the mobile banking app over 16 weeks: Arabic-first design system (weeks 1-5): building the design foundation. User research: 40 Arabic-language interviews with current and potential customers — understanding how Saudi banking customers think about Islamic finance, what they expect from their banking app, and what frustrates them. Key insight: customers wanted their banking app to feel premium, Saudi, and Islamic — not just functional. Design system: comprehensive Arabic-first component library — 120 components designed for Arabic with RTL layout, Arabic typography, and Saudi cultural elements. Colour palette: deep green (Islamic association), gold (premium/wealth), white (clean/trust) — deliberately different from the conventional blue that most banking apps use. Typography: Arabic primary font (Cairo — designed for screen readability) with IBM Plex Sans as the complementary Latin font. Prayer time integration: the app awareness of prayer times — scheduling features automatically excluding prayer times, notifications pausing during prayer times. Islamic banking UX (weeks 3-8): product-specific design. Murabaha redesign: the Murabaha account screen redesigned to clearly communicate the Islamic finance structure — visual diagram showing: the bank purchasing the asset → selling to the customer at cost plus agreed profit → customer paying in instalments. The "monthly payment" broken down into: original cost portion and profit portion — with clear Arabic labels. "هذا التمويل متوافق مع أحكام الشريعة الإسلامية" (This financing complies with Islamic Sharia) displayed prominently — reassuring customers of Sharia compliance. Savings account: "expected profit rate" explained through an interactive visual — showing how the profit sharing works (Mudarabah model). Historical profit distribution displayed as a chart — demonstrating that the bank has consistently distributed competitive profit rates. Takaful: insurance section redesigned with Islamic insurance vocabulary and concepts — "مساهمة" (contribution) not "قسط" (premium), "تعاون" (cooperation) not "تأمين" (insurance in the conventional sense). Coverage details presented clearly with Arabic explanations of what's covered and how claims work. Navigation and core experience (weeks 4-12): Arabic-first app architecture. Home screen: the most-used features prominently placed for Arabic reading pattern — account balances (top-right focal point), quick actions (transfer, pay bills, send money — in the thumb zone for one-handed use), recent transactions, and personalised offers. Bottom navigation: 5 tabs designed for Arabic — الرئيسية (Home), حساباتي (My Accounts), تحويلات (Transfers), البطاقات (Cards), المزيد (More) — with Arabic iconography. Transfer flow: redesigned for the most common Saudi transfer use case — person-to-person money transfer. Saudi users transfer money frequently (to family, to service providers, to friends splitting bills). The transfer flow: 3 steps (select recipient → enter amount → confirm with biometric) — streamlined from the previous 7-step flow. Beneficiary management: saved beneficiaries with Arabic names and quick-repeat-transfer for frequent recipients. Bill payment: Saudi bill payment through SADAD — bills displayed with Arabic biller names, due dates (Hijri primary), and one-tap payment. Automatic bill detection: the app recognising upcoming SADAD bills and prompting payment before due date. Accessibility redesign (weeks 8-14): inclusive Arabic design. VoiceOver/TalkBack: every screen reviewed for Arabic screen reader compatibility — logical reading order for Arabic content, descriptive labels for all interactive elements (in Arabic), and meaningful announcements for state changes. Colour contrast: all text meeting WCAG AA contrast ratios — Arabic text at smaller sizes (which is common in banking apps for secondary information) tested specifically. Touch targets: minimum 44×44 points for all interactive elements — with generous spacing to prevent mis-taps. Reduced motion: respecting system reduced-motion preferences — animations disabled for users who have enabled this setting.
The redesigned app launched after 16 weeks. Digital adoption: active app users from 38% to 61% of customer base in 6 months (from 1.06M to 1.71M active users). The increase attributed to: Arabic-first design feeling "like a Saudi app" (customer feedback), Islamic banking UX making products understandable and trustworthy, and improved performance and usability reducing friction. Branch transaction reduction: routine branch transactions (balance, transfer, bill payment) reduced 35% — these customers moving to the mobile app. Estimated annual branch cost saving: SAR 15.8M (700,000 fewer branch transactions × SAR 22.50 average cost saving per transaction). Customer satisfaction: app NPS from 32 to 67 — among the highest for Saudi banking apps. Most-cited improvements: "The app finally feels Saudi," "I understand my Murabaha now," and "It's so fast and easy to transfer money." Islamic banking clarity: Sharia board satisfaction — the new product presentation accurately communicating Islamic finance principles. Customer understanding of Islamic product structures: measured through in-app surveys — "I understand how my financing works" from 34% to 78%. Zero Sharia board complaints about app content in 6 months (previously: quarterly concerns about product presentation). Accessibility: WCAG 2.1 AA achieved — 0 violations (from 45). Arabic screen reader: functional — VoiceOver reading Arabic content logically with proper pronunciation. Customer complaints about accessibility: from 12/month to 1/month. Transfer flow efficiency: person-to-person transfer time from 4.2 minutes (7 steps) to 45 seconds (3 steps). Transfer volume through the app: increased 120% — the streamlined flow encouraging digital transfers over branch visits. App Store ratings: from 3.2/5 to 4.7/5 on iOS App Store, 3.0/5 to 4.5/5 on Google Play — the ratings improving immediately after the redesign launch. Financial impact: branch cost reduction: SAR 15.8M/year. Customer acquisition (app quality as differentiator — new customers citing digital experience): estimated SAR 4.2M/year in new relationship value. Customer retention (reduced churn from improved satisfaction): estimated SAR 2.8M/year. Total annual impact: SAR 22.8M. Design programme cost: SAR 1.2M. First-year ROI: 1,800%.
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.
Riyadh's UI/UX design market includes international design agencies (Frog, IDEO, Accenture Interactive — with Saudi offices or project-based Saudi work — high quality but extremely expensive and often lacking deep Arabic design expertise), Saudi design agencies (emerging — some strong in Arabic visual design but may lack UX research depth), freelance designers (available but variable quality — particularly for Arabic-first design which requires specialised expertise), and in-house design teams (Saudi banks and government entities building internal design capability — competing for scarce Arabic UX talent). ZTABS differentiates through Arabic-first design expertise (not English-mirrored), Saudi cultural UX intelligence (prayer times, Hijri, Islamic finance), comprehensive Arabic design systems (production-ready component libraries), and banking/government domain experience.
UI/UX design in Riyadh ranges by scope. Mobile app design (Arabic-first, iOS + Android, 8-12 weeks): SAR 200,000-500,000. Web application design (Arabic-first, responsive, 6-10 weeks): SAR 150,000-350,000. Enterprise design system (Arabic + English, component library, 10-16 weeks): SAR 300,000-800,000. UX research programme (Arabic user research, usability testing, 4-8 weeks): SAR 80,000-200,000. Government portal design (DGA standards, accessibility, 10-14 weeks): SAR 250,000-600,000. Design audit and recommendations (2-4 weeks): SAR 40,000-100,000.
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. 23 products in production.
Common questions about UI/UX design for Riyadh businesses
Mirroring creates an Arabic interface that feels "translated" — not native. Arabic reading patterns, typography, visual hierarchy, and cultural expectations differ fundamentally. Arabic-first design considers these from the start, creating an experience Saudi users feel is built for them.
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 Riyadh, Saudi ArabiaZTABS is a remote-first web development agency serving Riyadh businesses — including full-stack development, progressive web apps, api development. We work with GovTech, FinTech, Energy Tech companies in Riyadh, Saudi Arabia 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 Riyadh, Saudi ArabiaZTABS is a remote-first web design agency serving Riyadh businesses — including ui/ux design, responsive design, custom interfaces. We work with GovTech, FinTech, Energy Tech companies in Riyadh, Saudi Arabia 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 Riyadh, Saudi ArabiaZTABS is a remote-first AI development agency serving Riyadh businesses — including llm integration & fine-tuning, ai agents & automation, rag & knowledge systems. We work with GovTech, FinTech, Energy Tech companies in Riyadh, Saudi Arabia 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 Riyadh. Get a free consultation today.
