top of page
Landing page cover.png

Introducing

Digital Gov

Introducing

Qatars digital journey

1

The digital design library

2

Tokenisation

3

Implementing the service

4

How might we serve the needs of Qatari citizens, residents, businesses and visitors through smart government services that revolve around their moments of life?

Life moments

Services
offered by MCIT

Child Birth

  • Registration for a new birth certificate

  • Reissue of birth certificate

  • Application for health check

  • Public health and welfare services

Education

  • Search for schools in Qatar

  • Student registration for Public school

  • Request to transfer a sibling

  • Book & Transportation fee payment

Marriage

  • Request marriage contract

  • Apply for a new health card

  • Apply for pre-marital health check

  • Selection of an Imam

Retirement

  • Retirement pension application

  • Request contribution fund

  • Pensioner card issue

  • Calculate beneficiary shares

Dissecting the design system

DLS Illus.png
Data and stats.png

Tone · Format

Editorial

Foudations · Device Library

Web · Mobile · Watch

Document · Management · Develop

Foundational Library

Color · Elevation · Grids

100

Primary

Accent #000000

Information

Success

Warning

Error

Accent #111111

100

Sand

Desktop to Mobile

When scaling from desktop to mobile devices we scale the font in a few ways. Body font has 2 sizes on desktop, on mobile devices it becomes just one.

What makes a Visual Design Language? How has the Government of Qatar crafted its visual identity?

Consistent

Minimalistic

Sustainable

Stylistic Inspiration

Conceptualized, developed, and comprehensively documented under my direction.

Components

Do's & Dont's

🧩 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

Status

Hierarchy

Element

Usage

Property

Control

Toggle

Enabled

Selected

Usage

Implementation

Discovering how the Design System has impacted Qatars government service flows.

bottom of page