RHC Mobile App

An Arabic-first phone app for Royal Hashemite Court staff to handle requests, tasks and letters.

Government · Mobile app · Jordan

·

Royal Hashemite Court

Scroll to explore

var(--variable-lVkmgb23s)

RHC Mobile App

An Arabic-first phone app for Royal Hashemite Court staff to handle requests, tasks and letters.

Government · Mobile app · Jordan

·

Royal Hashemite Court

Scroll to explore

var(--variable-lVkmgb23s)

Scroll to explore

RHC Mobile App

An Arabic-first phone app for Royal Hashemite Court staff to handle requests, tasks and letters.

Government · Mobile app · Jordan

·

Royal Hashemite Court

var(--variable-lVkmgb23s)

RHC Mobile App

An Arabic-first phone app for Royal Hashemite Court staff to handle requests, tasks and letters.

Government · Mobile app · Jordan

·

Royal Hashemite Court

Scroll to explore

var(--variable-lVkmgb23s)

PROJECT OVERVIEW

CLIENT

Royal Hashemite Court

MY ROLE

Design Lead, via Plexable

SCOPE

Wireframes and flows, the full Arabic interface, prototype tests with staff, and the app's design system.

VALIDATION

Four prototype sessions with court employees, and no usage data for the app itself.

TIMELINE

2024, with prototype testing in July and August

TEAM

Delivered through Plexable with the Royal Hashemite Court team, whose employees took the prototype tests.

The context

The Royal Hashemite Court already ran its internal work on a staff portal. The job was to put that work on a phone: leave, travel and hotel requests, tasks and the team calendar.

The app also had to carry official correspondence, so staff could sign or forward a letter. Whatever needs action stays in plain view, in Arabic first.

My responsibility

I set the structure: five destinations with correspondence among them, and a home screen that leads with whatever is waiting on a decision.

We took the prototypes to court employees, and the app's own design system came out of the same stretch of work.

Design decisions on this app sat with me, across every flow and both themes. That meant holding one test against every screen: can the person do the thing this screen is telling them about?

01

What I owned

Navigation and flows, every screen of the Arabic interface, and the design system behind them.

01

What I owned

Navigation and flows, every screen of the Arabic interface, and the design system behind them.

02

How I led

One person had to answer for both halves: how a status reads at the smallest type size, and where that status belongs. Typography and structure were one job here, not two.

02

How I led

One person had to answer for both halves: how a status reads at the smallest type size, and where that status belongs. Typography and structure were one job here, not two.

CONSTRAINTS & TRADE-OFFS

A phone cannot carry a desktop portal. Something had to give. I kept official letters in and gave up breadth, because signing one is the errand that cannot wait for a desk.

The same thinking decided what the app would not do: it does not try to be the portal with smaller text.

01

The constraint

Everything the portal did at a desk had to work in Arabic on a screen a hand can hold, letters included.

01

The constraint

Everything the portal did at a desk had to work in Arabic on a screen a hand can hold, letters included.

02

The trade-off

Keeping the home screen to a few cards means the rest of the detail sits inside the five tabs, not on the first screen.

02

The trade-off

Keeping the home screen to a few cards means the rest of the detail sits inside the five tabs, not on the first screen.

● RESEARCH & CONTEXT

Built on the portal research

No new study was run for the app. It drew on the research already done for the staff portal, and three findings from that work set its shape.

Staff wanted to see what needed their decision. They wanted status and ownership visible inside the system. And they found the old home page crowded.

● PRODUCT DECISIONS

One app for requests, tasks and letters

Staff meet a request, a task and a letter in one app, and read all three in the same visual language.

I settled the structure on paper first. That way, what earns a place on the home screen was decided before any screen was styled.

01

Flows and wireframes

Wireframes and flows for sign-in, home, tasks, requests, correspondence and settings.

01

Flows and wireframes

Wireframes and flows for sign-in, home, tasks, requests, correspondence and settings.

02

The interface, screen by screen

Twelve flows designed screen by screen, from leave and hotel requests to the team calendar and delegating tasks.

02

The interface, screen by screen

Twelve flows designed screen by screen, from leave and hotel requests to the team calendar and delegating tasks.

03

Testing, then the design system

Prototype tests with RHC employees, and a design system for the app with light and dark themes.

03

Testing, then the design system

Prototype tests with RHC employees, and a design system for the app with light and dark themes.

● PROCESS & EVIDENCE

In July and August 2024 we tested the prototypes with four Royal Hashemite Court employees, in four sessions.

Each person handled a hotel request, booked a hotel for a colleague, and signed and forwarded a letter. Every task was completed.

01.

Arabic first

Every screen reads right to left, with Arabic as the default.

04.

What the home screen holds

A greeting, shortcuts and the latest request, on one screen.

02.

Five tabs within reach

Home, tasks, services, correspondence and more.

05.

Correspondence on the phone

Staff filter letters by what they need to do with them: sign, review or approve.

03.

Act from the home screen

The task that needs action shows on the home screen, and staff can act on it from its card.

06.

One blue for action

The platform's blue, #0A77FF, marks anything a person can act on.

01.

Arabic first

Every screen reads right to left, with Arabic as the default.

03.

Act from the home screen

The task that needs action shows on the home screen, and staff can act on it from its card.

05.

Correspondence on the phone

Staff filter letters by what they need to do with them: sign, review or approve.

02.

Five tabs within reach

Home, tasks, services, correspondence and more.

04.

What the home screen holds

A greeting, shortcuts and the latest request, on one screen.

06.

One blue for action

The platform's blue, #0A77FF, marks anything a person can act on.

01.

Arabic first

Every screen reads right to left, with Arabic as the default.

02.

Five tabs within reach

Home, tasks, services, correspondence and more.

03.

Act from the home screen

The task that needs action shows on the home screen, and staff can act on it from its card.

04.

What the home screen holds

A greeting, shortcuts and the latest request, on one screen.

05.

Correspondence on the phone

Staff filter letters by what they need to do with them: sign, review or approve.

06.

One blue for action

The platform's blue, #0A77FF, marks anything a person can act on.

01.

Arabic first

Every screen reads right to left, with Arabic as the default.

03.

Act from the home screen

The task that needs action shows on the home screen, and staff can act on it from its card.

05.

Correspondence on the phone

Staff filter letters by what they need to do with them: sign, review or approve.

02.

Five tabs within reach

Home, tasks, services, correspondence and more.

04.

What the home screen holds

A greeting, shortcuts and the latest request, on one screen.

06.

One blue for action

The platform's blue, #0A77FF, marks anything a person can act on.

OUTCOMES

Results for RHC

RHC reported 90% fewer support tickets and 35% more tasks completed per employee a day after the redesigned platform launched. The figures cover the platform as a whole, portal and phone app together.

12

Flows

From sign-in and home to leave and hotel requests, the calendar and delegation.

5

Tabs

One bar at the bottom of the screen carries all of them.

4

Test sessions

Every session was with an employee of the court.

WHAT I’D IMPROVE

What I would do differently

Design the quiet home screen first, the one with nothing waiting on a decision.

Agree how the app's own usage will be measured before launch, instead of reading the platform's numbers.

WHAT I LEARNED

What I took from it

Reusing research is a decision, not a shortcut. It held here because the app served the same staff as the portal.

Designing Arabic first changes line length, type size and how much a card can hold, so it cannot be a late translation pass.

HIRING A HEAD OF PRODUCT DESIGN?