Shafaq · Metro and bus, in two directions

Skip to content
Ce site existe aussi en français.Passer en français
FRContact me (LinkedIn, new tab)
  • Concept project
  • 2026
  • Mobile app
  • Bilingual AR and EN, RTL
  • Design system

Shafaq

Metro and bus, in two directions.

Role
Product Designer, personal project
Platforms
iOS mobile app (393 x 852), in English (LTR) and Arabic (RTL)
Service shown
Bilingual mobile app, LTR and RTL design system with 2 modes (Night and Day)
Tools
Figma, AI-assisted workflow
Two 'Ways home' mobile screens: Line 1 paused, a fastest and a step-free route, English on the left and Arabic on the right.

01 The project

Metro and bus, in two directions.

Riyadh opened a six-line, 85-station metro between December 2024 and January 2025, and 41.6% of the Kingdom’s population is non-Saudi. Riders read Arabic, English or both. When a line stops at rush hour, the rider must rebuild the trip alone. The app recomputes and shows two ways home: the fastest and a step-free one, each with its arrival time and extra minutes. The step-free trip lists working lifts and the time they were checked. Holding the EN, ع pill switches language and mirrors the layout in place. Components have LTR and RTL variants and a Locale collection: order and arrows flip, while clock times, prices and maps keep their real-world form.

Desk research, LTR and RTL wireframes, design system (152 variables, 23 component sets, 16 with LTR and RTL variants), 15 screens in English and Arabic, prototype with 4 flows and 67 links, language-switch motion.

02 Screens

Two 'Ways home' mobile screens: Line 1 paused, a fastest and a step-free route, English on the left and Arabic on the right.
Two step-free trip mobile screens with the journey timeline and lift status, in English and Arabic.
Three English mobile screens: home with the Line 1 alert, live departures and transit card top-up.
Design system board on right-to-left rules: arrows, order, clock times, prices and maps.

03 Transparency

  • Concept project, made on my own to show my method.
  • None. Personal project, sample data. Desk research only (ENR, SPA, GASTAT, Siemens Mobility, SAMA), read on 13 October 2026. The 3 personas are hypotheses. Shafaq is a fictional brand and the Arabic copy must be proofread by a native speaker. Test plan written, not run. Contrast ratios computed by script from the variables, in both modes. Targets of at least 44 pt, states written in words, a step-free route always offered. No conformance claim.
  • Designed in Figma with an AI-assisted workflow, directed and reviewed by the designer.
Full case study (French)All projects

Next project

Qirtas

One invoice, two languages, written once.