Qatar Rail Employee Portal, AI Assistant & Metro App

Overview

Two months on-site at Qatar Rail through Applab, working alongside a second designer. My part covered three things: the service modules of the employee portal, an AI assistant for the same employees, and a revamp of the Metro | Tram app for riders.

All three use Qatar Rail's own brand: maroon and gold, set in Neo Sans. The designs were handed over at the end of the engagement.

One shell for every service. The portal opens on a home dashboard: leave balances, pending tasks, quick services, the team and upcoming events. From there HR, Finance, General and IT services all open in the same shell: the maroon sidebar, a header with the date and time, and a table of requests with their status. Learn one module and the others work the same way.

Every request starts from one button in the same place and opens the same kind of form: grouped fields, required marks, and Cancel and Submit in the same corner.

Reports you can read at a glance. The Allowances report turns loan and benefit records into pictures. A car loan shows what is outstanding and its instalments as bars; the recreation allowance shows when it is next available; the education allowance shows what was claimed against the entitlement, with each claim listed below.

The assistant, one step away. The AI assistant opens on what matters today instead of an empty chat: the day's Metro and Tram performance, pending actions tagged by the system they come from, the latest news and quick links. The prompt stays docked at the bottom with suggested requests, and past chats sit in the sidebar.

Answers as data, not paragraphs. Ask for a leave balance and the assistant first checks which leave type, then answers with four figures as cards: entitled, availed, pending approval and available. Ask for an analysis and the answer leads with the headline figure and its change, above the trend.

It confirms before it acts. A request typed in plain words comes back as a summary to check: leave type, start and end dates, and total days, with Confirm, Change Dates and Cancel. Nothing is submitted until the employee confirms. Everything the assistant has handled is listed in the Activity Hub with its status.

The same brand, in a rider's pocket. The Metro | Tram app revamp opens on the travel cards in a wallet, with the balance in view and a warning when a card runs low. Top-up is one screen: pick the card, the amount and how to pay, then a clear confirmation with the transaction summary.

One brand system underneath. Qatar Rail's maroon and gold over greys, with Neo Sans Pro throughout. Colour, type, spacing and radius are defined as tokens in the design file, so the portal, the assistant and the app draw from one source.