My role
I was a part of the Visual Design System team at Accenture Song & Fjord. Along with a my Design Director, I led a team of 4 to craft Qatars National Digital Identity. Creating components, tokenising the library, documenting artefacts & leading the collaboration on scaling this product with the development team were my key responsibilities.
Who are we helping?
Qatar's citizens are the primary beneficiaries of the Digital Factory's vision. From obtaining birth certificates to school selection, this platform will transform traditionally bureaucratic processes. By digitising services, citizens can now avoid endless queues, prevent document loss, and access transparent, unbiased government systems efficiently.
The problem
Qatar is embarking on a digital transformation, moving from a fragmented, paper-based system to a centralized, user-friendly digital platform. The Digital Factory aims to revolutionise citizen access to government services, addressing long-standing challenges in information accessibility and service delivery.
Background
Qatar has been pushing to establish a digital manufacturing ecosystem. It aims to stand as the best in class in the digital maturity index. Digital Factory is an essential step for Qatar's National Vision and Digital Agenda 2030 & it's aim to be a more resilient nation.
Process
Qatars digital journey
The digital design library
Tokenisation
Implementing the service
How might we serve the needs of Qatari citizens, residents, businesses and visitors through smart government services that revolve around their moments of life?
25+ Government ministries
50+ Government services
Life moment
Child birth
Education
Marriage
Retirement
Services offered by MCIT
✦ Registration for a new birth certificate
✦ Reissue of birth certificate
✦ Application for health check
✦ Public health and welfare services
✦ Search for schools in Qatar
✦ Student registration for Public school
✦ Request to transfer a sibling
✦ Book & Transportation fee payment
✦ Request marriage contract
✦ Apply for a new health card
✦ Apply for pre-marital health check
✦ Selection of an Imam
✦ Retirement pension application
✦ Request contribution fund
✦ Pensioner card issue
✦ Calculate beneficiary shares
Dissecting the Design system
3
DLS Libraries
54
Working components
AA
Verified WCAG
Accessibility level
Scalability through
Tokenisation
Tone
·
Format
Editorial
Foundations
·
Device Library
Web · Mobile ·Watch
Document
·
Management
·
Develop
Foundations
Web UI Library
Tokens for
components
App UI Library
Tokens for
components
UX
Library
Wireframe
Components
MCIT Qatar Foundation Library
Colors · Elevation · Grids
100
Primary
Accent · #000000
100
Information
100
Success
100
Warning
100
Error
Accent · #111111
100
Sand
Spacing
Mobile
Web
Multiple of x4
2 px
40 px
72 px
80 px
96 px
44 px
48 px
56 px
64 px
4 px
8 px
12 px
16 px
20 px
24 px
32 px
36 px
Grids
What makes a Visual Design Language? How has the Government of Qatar crafted its visual identity?
Conceptualized, developed, and comprehensively documented under my direction.
Components
·
·
·
·
·
·
·
·
·
·
·
What are Tokens?
Tokens are variables that represent design decisions such as color, typography, and spacing, in a consistent and reusable way.
Why are they important?
Tokens are a single source of truth and are vital when in scaling a library. Due to it's detail oriented structure, they are useful in making edits to the system in a efficient manner.
Component type
Usage
Hierarchy
Status
Element
Property
Control
Toggle
Enabled
Selected
Background
check_box_outline_blank
Text
info
Implementation
Device · Component lists
