Skip to main content
AMA GROUP

JProduct Engineering

UI/UX & Product DesignDesign that survives contact with real users.

AMA GROUP combines product strategy, user research, and interface craft to design software people understand from the first session, in Arabic and English, on every screen size.

Illustrative architecture drawing10 / 14
Code
J
Practice
Product Engineering
Scope areas
8
Delivery phases
6

Overview

Research-led product design, from user journeys to production-ready design systems for complex enterprise interfaces.

Product design decides what to build and how it should behave before engineering effort is committed. It spans strategy, which problems are worth solving; research, how people actually work; interaction design, the journeys, flows, and information architecture; and visual design, the interfaces and the design systems that keep them consistent. Done well, it reduces rework, shortens onboarding, and makes complex software feel manageable.

Products built for Saudi Arabia serve a bilingual audience whose expectations are shaped by the best consumer apps they use every day. Arabic-first design is not a mirrored English layout: it involves typography, bidirectional text, numerals, calendar systems, the direction of icons and progress indicators, and a distinct editorial tone. Enterprise and B2B tools add another layer of difficulty: dense data, multi-role permissions, and long working sessions in which small usability flaws compound into lost hours across an entire organization.

AMA GROUP designers work in the same delivery rhythm as our engineers. We validate assumptions with real users early, prototype before committing, and build Figma design systems that map one-to-one to coded components through shared design tokens. Accessibility to WCAG 2.2 and correct right-to-left behavior are part of the definition of done, not a later audit.

Scope of work

What this service can cover. Most engagements combine several of these areas.

  • Product strategy

    Defining the problem, target users, value proposition, and success metrics, then prioritizing features into a roadmap that balances user value, business goals, and engineering effort.

  • User research

    Interviews, contextual inquiry, surveys, usability testing, and analytics review, planned around clear research questions and synthesized into findings teams can act on.

  • User journeys

    End-to-end journey maps and service blueprints that expose friction across channels, roles, and back-office handoffs, not just within individual screens.

  • Wireframes

    Low-fidelity layouts and information architecture that settle structure, navigation, and content hierarchy before visual polish makes changes expensive.

  • Prototypes

    Interactive Figma prototypes, and coded prototypes where behavior matters, used to test flows with real users and align stakeholders before development.

  • Responsive UI

    High-fidelity interfaces designed across mobile, tablet, and desktop breakpoints, with loading, empty, error, and edge-case states fully specified.

  • Design systems

    Component libraries, design tokens, usage guidelines, and accessibility rules shared between Figma and code, so every team ships consistent interfaces faster, in both reading directions.

  • B2B enterprise interfaces

    Data-dense dashboards, complex forms and tables, multi-step workflows, and role-based views designed for speed and accuracy over long working sessions.

Typical use cases

Representative scenarios where organizations need this service: examples of the need, not past client engagements.

Validating a product before engineering investment

A startup or corporate innovation unit tests a new concept with clickable prototypes and target users, so the decision to build rests on evidence rather than internal opinion.

Redesigning an internal system staff struggle with

An ERP or operations tool requires extensive training and generates frequent support requests. Task analysis and usability testing guide a redesign of its most-used workflows first.

One design system across several products

An organization with multiple web and mobile products, each with its own look and behavior, consolidates them on a shared, bilingual design system with ready-to-use coded components.

An Arabic-first consumer app

A brand launching a bilingual app designs the Arabic experience as the primary one, in typography, tone, and layout, and derives the English version from it rather than the reverse.

Reducing drop-off in a digital journey

An onboarding, checkout, or online application flow in e-commerce, finance, or public services loses users midway. Funnel analytics and usability sessions pinpoint the friction to redesign.

Operations center dashboards

A control room or operations team needs dashboards that surface exceptions at a glance, support rapid drill-down, and stay legible on large displays through long shifts.

Delivery approach

Clear phases with defined outputs, so you can follow progress and make decisions at every stage.

  1. Step 1

    Discover

    Stakeholder interviews, a review of existing analytics and support data, and a heuristic evaluation establish goals, constraints, and the questions research must answer.

  2. Step 2

    Research and define

    We run research with representative users and synthesize it into journey maps, jobs to be done, problem statements, and measurable success criteria.

  3. Step 3

    Structure

    Information architecture, user flows, and wireframes are validated through methods such as card sorting and tree testing before visual design begins.

  4. Step 4

    Prototype and test

    Interactive prototypes are tested with users in Arabic and English, and each round of findings feeds a focused iteration.

  5. Step 5

    Design and systematize

    High-fidelity UI is built on design tokens and reusable components, with explicit RTL and LTR mirroring rules and WCAG 2.2 AA contrast and interaction requirements.

  6. Step 6

    Handoff and design QA

    Developers receive annotated specs aligned with Storybook components, and designers review implemented screens until what ships matches what was tested.

Technical capabilities

Tools and platforms we select from, based on your context, constraints and existing stack.

Design & prototyping

  • Figma
  • FigJam
  • Figma Variables
  • Framer
  • ProtoPie

Research & analytics

  • Maze
  • Lookback
  • Optimal Workshop
  • Hotjar
  • Microsoft Clarity
  • Google Analytics 4

Design systems & handoff

  • Design Tokens
  • Tokens Studio
  • Style Dictionary
  • Storybook
  • Zeroheight

Front-end alignment

  • React
  • Tailwind CSS
  • Radix UI
  • shadcn/ui
  • Flutter

Accessibility & localization

  • WCAG 2.2
  • axe DevTools
  • Stark
  • IBM Plex Sans Arabic
  • CSS Logical Properties

Technologies listed are capabilities and ecosystems we work with, not partnerships, certifications or endorsements.

Deliverables

What you receive during and at the end of the engagement. The exact set depends on the agreed scope.

  • Product strategy brief and prioritized roadmap
  • Research plan, findings report, and evidence-based user profiles
  • Journey maps and service blueprints
  • Information architecture and user flows
  • Wireframes and interactive prototypes
  • Usability test reports with prioritized recommendations
  • High-fidelity UI for every breakpoint, state, and language
  • Design system with tokens, components, and usage documentation

Frequently asked questions

Have a different question?

Ask our team

Internal knowledge is valuable, but it often reflects how managers believe work happens rather than how it actually does. Research can be scaled to the risk of the decision: a small number of well-run usability sessions often surfaces the most serious problems at a fraction of the cost of fixing them after launch.

Related industries

Sectors where this service is commonly needed.

  • Technology Startups

    Product engineering for founders: from a validated MVP to a scalable, investor-ready SaaS platform.

  • Financial Services & Fintech

    Secure digital banking, payments and analytics platforms engineered for trust and scale.

  • Government & Public Sector

    Citizen-centered digital services, interoperable platforms and Arabic-first experiences for public entities.

  • Retail & E-commerce

    Unified commerce platforms that connect online stores, apps, branches and fulfillment in one experience.

  • Healthcare

    Patient-centered digital health platforms, from booking and telehealth to interoperable clinical data.

Design explorations showing how this service could come together in a real product, not delivered client work.

Concept Project: A design concept that shows how we think, not a delivered client project.Manufacturing & Industrial Operations

Mizan: A Unified Enterprise Resource Platform

An Arabic-first ERP exploration that brings finance, procurement, inventory and production planning onto one operational record for a multi-site manufacturer.

View concept
Concept Project: A design concept that shows how we think, not a delivered client project.Internal Operations in Financial Services

Sanad: An Arabic-First Enterprise Assistant

An AI assistant concept that answers a financial institution’s staff from its own policies and procedures, citing its sources and respecting permissions.

View concept
Concept Project: A design concept that shows how we think, not a delivered client project.Retail & E-commerce

Rawaj: A Unified Commerce Ecosystem

A headless commerce exploration that connects web store, mobile app, physical branches and marketplaces through one inventory and a seamless Arabic shopping experience.

View concept
Concept Project: A design concept that shows how we think, not a delivered client project.Real Estate & Property Management

Iwan: Smart Property Operations Platform

A platform concept that runs a property portfolio from lease to maintenance, bringing owners, tenants, technicians and connected buildings into one place.

View concept
Concept Project: A design concept that shows how we think, not a delivered client project.Healthcare

Nabd: A Connected Patient Access Platform

A concept platform that streamlines the patient journey from booking to the clinic door across multiple branches, integrated through HL7 FHIR.

View concept
Illustrative Solution: A model of a possible solution, not completed client work.Finance & Performance Management

Marsad: A Financial Analytics Workspace

An illustrative analytics platform that gives the finance office one trusted number, from the executive dashboard down to the original journal line.

View concept
Concept Project: A design concept that shows how we think, not a delivered client project.Fintech

Hasala: A Digital Wallet & Money App

A consumer fintech concept combining account, card, instant payments and savings goals, built on a ledger with no tolerance for error.

View concept

Services that often work alongside this one.

Mobile Applications

Native and cross-platform iOS and Android apps with polished Arabic UX, steady performance and a clear path to launch.

Enterprise Software

ERP, CRM, HR and finance systems shaped around how you work: integrated, adaptable and built to grow with you.

Desktop Engineering

Fast, secure desktop software for Windows, macOS, and Linux, from internal tools to cross-platform products.

Tell us what you are building.

Share your goals for UI/UX & Product Design. We will come back with a clear approach, a proposed team shape and practical next steps.