01Nizam · Case study
Back to selected work

01 / Selected case · Fintech · ERP · RTL product

Financial work was scattered. Nizam brought it together.

An Arabic-first accounting platform that connects customers, quotes, invoices, inventory and reporting in one coherent workspace.

Product designFrontendDesign system2026
Nizam Arabic accounting product overview

The product in motion

See the story. Then see the system working.

The first film introduces Nizam's product story. The second moves inside the ERP and shows real interface states across daily accounting workflows.

01 / Product story

How the website turns scattered financial work into one connected narrative.

02 / Working product

Customers, quotes, invoices and records moving across light and dark product states.

The product

One operating system for the financial side of the business.

Nizam replaces fragmented spreadsheets and disconnected tools with a single, structured experience. Daily financial operations stay easy to follow without hiding the depth required by accountants and business owners.

Role
Product design · Frontend
Platform
Responsive web app
Direction
Arabic · RTL first
Modes
Light + dark

The challenge

Complex by nature.
Clear by design.

Accounting products carry dense information, dependent steps and high-stakes actions. The challenge was preserving that depth while making the product calm, predictable and easy to scan in Arabic.

01

Scattered workflows

Customers, suppliers, products, quotes and invoices need to behave like one connected system.

02

Dense financial data

Tables and forms must remain readable at speed while carrying status, tax and payment details.

03

RTL at product scale

Navigation, hierarchy, icons, inputs and number handling need deliberate bidirectional behavior.

Product architecture

Every module connects to the same financial picture.

The product is organized around real business cycles—not a collection of disconnected screens.

التقاريرالمبيعات والعملاءالمشتريات والموردونننظام المحاسبةمصدر مالي موحّدالمخزون والمنتجاتعروض الأسعار والفواتيرالبنوك والخزينة

Design principles

Clarity first. Confidence always.

Show the next step

Actions, status and context stay visible at the moment a decision is made.

Design for scanning

Strong alignment and quiet surfaces help users read dense information quickly.

Keep behavior consistent

Reusable patterns reduce relearning between business modules.

Key workflow

From quote to action,
without losing context.

Creating a quote touches customers, products, quantities, tax and totals. Nizam keeps those dependencies in one structured page and keeps the primary action visible.

  1. 01Customer
  2. 02Quote details
  3. 03Line items
  4. 04Save & send
Nizam quote creation form in Arabic and dark mode

Primary action stays visibleSave, send or keep a draft without searching the page.

Progressive structureQuote data is grouped before line-item detail and totals.

Design decisions

Small interface choices make large systems feel manageable.

01

Persistent navigation for a large product

The right-side navigation mirrors Arabic reading direction and gives every business cycle a stable home.

02

Forms grouped by business meaning

Related fields live inside clear sections, reducing visual load and making validation easier to understand.

03

Status is more than a color

Labels, placement and restrained color keep financial states understandable under pressure.

Foundations

A system built to scale beyond one screen.

Reusable foundations align product and future modules while keeping the interface unmistakably Nizam.

Typography

نظام محاسبي
يفهم شغلك.

Display / Heading / Body / Label
Color tokensEmerald · Midnight · Mint · Violet · Paper
Spacing & radius8 · 12 · 16 · 24

Light + dark

Two modes.
One visual language.

Each mode preserves the same hierarchy and interaction patterns while supporting different working conditions.

Nizam due bills table in Arabic light mode
Light / due bills and operational tables
Nizam vendors table in Arabic dark mode
Dark / vendor records and dense data

Outcome

From separate tasks to one coherent financial workflow.

Nizam shows how an Arabic-first ERP can feel capable without feeling chaotic: one navigation model, one component language and a clear path through daily accounting work.

01Connected business cyclesRTLNative Arabic hierarchyConsistent visual modes

Accounting in order.
Business in motion.

Discuss a product like this