ITKIT · Prototype portfolio · synthetic data, integrations simulated

Offline export · 20 products

ITKIT — everything in one folder

The website, 20 documentation portals, the prototype portals, 42 decks and 40 marketing films. All of it opens from this folder in a web browser. Only the fonts need the internet.

Open the websiteAll 20 productsWorking systemsPrototypesPortfolio deckHow we built it
Keep the folder structure as it is. Links between the website, guides, prototypes and films are relative, so moving one file out of its folder breaks its links. Open index.html in Chrome, Edge or Firefox. Everything shown is a prototype with synthetic data. No real deployment, customer or certification is claimed.

The 20 products

Each product has a documentation portal (design guide for every screen, with walkthroughs), its prototype, a 75-second film in English and Arabic, and a Problem-to-Solution deck.

#ProductFamilyDocs portalPrototypeFilmDeck
01OneID
الهوية الرقمية الموحدة
Identity and government services Guide Prototype EN · AR EN · AR
02OneService + OneGov
بوابة الخدمات الحكومية الموحدة
Identity and government services Guide Prototype EN · AR EN · AR
03OneRegistry
السجلات الوطنية الموحدة
Identity and government services Guide Prototype EN · AR EN · AR
04OneCensus
التعداد والتسجيل الوطني
Identity and government services Guide Prototype EN · AR EN · AR
05OneJustice
منظومة العدالة الرقمية
Justice Guide Prototype EN · AR EN · AR
06OneHealth
المنصة الصحية الوطنية
Health Guide Prototype EN · AR EN · AR
07Customs HQ
المنظومة الجمركية المركزية
Customs Guide Prototype EN · AR EN · AR
08Customs Port Operations
عمليات المنافذ الجمركية
Customs Guide Prototype EN · AR EN · AR
09Customs Tariff
البحث العام في التعرفة الجمركية
Customs Guide Prototype EN · AR EN · AR
10Customs Declare
بوابة التصريح عن النقد والذهب
Customs Guide Prototype EN · AR EN · AR
11Customs Declare app
تطبيق التصريح عن النقد والذهب
Customs Guide Prototype EN · AR EN · AR
12Customs Kiosk & Officer app
أكشاك التصريح وتطبيق موظف الجمارك
Customs Guide Prototype EN · AR EN · AR
13Customs Bank Verify
التحقق المصرفي
Customs Guide Prototype EN · AR EN · AR
14Customs Admin
إدارة المنظومة الجمركية
Customs Guide Prototype EN · AR EN · AR
15Smart Transit
العبور الذكي
Customs Guide Prototype EN · AR EN · AR
16iCheck
التسجيل الذاتي وتسليم الأمتعة
Airport and road gates Guide Prototype EN · AR EN · AR
17iGates
بوابات الجوازات الإلكترونية
Airport and road gates Guide Prototype EN · AR EN · AR
18iBoard
قارئ الصعود إلى الطائرة
Airport and road gates Guide Prototype EN · AR EN · AR
19iToll
تحصيل رسوم الطرق الذكي
Airport and road gates Guide Prototype EN · AR EN · AR
20ITKIT Anomaly Detection
منصة كشف الحالات الشاذة
Artificial intelligence Guide Prototype EN · AR EN · AR

Prototype portals

Each opens a screen browser. Click a screen, then click through its journeys. Several products share one prototype.

Portfolio decks

Use the arrow keys or click to move through the slides. Press N for speaker notes and F for full screen. Print / PDF saves the deck as a PDF.

ITKIT Portfolio — Problem to SolutionEnglish · 37 slidesITKIT — من المشكلة إلى الحلالعربية · 37 شريحة

Working institutional systems

Five systems captured from the live applications (Identity & Access Management, Correspondence, Contracts, Document Management and OCR). Each has a product page on the website and a 30-second film in English and Arabic, built from the real screens. All data is synthetic; links to the live systems are local.

SystemArabicPageFilm
IAMإدارة الهوية والوصولOpenEN · AR
Correspondenceالمراسلات والاعتماداتOpenEN · AR
Contractsنظام إدارة العقودOpenEN · AR
Document Managementإدارة الوثائقOpenEN · AR
OCRالقراءة الضوئية للنصوصOpenEN · AR

Earlier product pages

Earlier design studies, portals and prototypes from before the portfolio was unified.

Customs & Border Operations PlatformDesignITKIT TradeGateHTML (multi-file)Gate Platform LandscapeHTMLiToll — App and Operator DesignDesigniBoard — Boarding Gate DesignDesignONE Services — Government Services AppDesignIGatesHTMLONE ID — Identity AppDesignVerification Platform PrototypeDesignIGates PortalDesignIGates Smart Gate PortalHTMLIGates Smart BorderHTMLIGates PrototypeDesigniCheck — Operations, Airline & Staff PrototypeDesigniCheck — Traveler Kiosk PrototypeDesignIGatesHTMLIGates Film PreviewHTML (multi-file, 3D film)

How it was made

A step-by-step prompt covering the visual standard, the prototypes, the standards review, the help popovers, the documentation portals, the walkthroughs and the films.

Design guide and video promptRead in the browserSame prompt as MarkdownCopy and paste into Claude