UX Projects

Featured UX design work: brand identity, product design, and live platforms.

Meet Sadu

Concept

E-wallet Design · Figma, Design Systems, Prototyping, Arabic RTL

Local rails first: Nafath sign-in, IBAN-first sarie transfers and SADAD bills are the core of the experience, not add-ons.
Money never moves on one tap: review, then slide or tap the handle, then Face ID. Every error says what happened, that no money moved, and what to do next.
Arabic from day one: ten mirrored right-to-left screens built from the same components, with numbers kept left to right and the currency on the left.
One system drives all 59 screens: 16 colour variables named by role, Readex Pro for Latin and Arabic, and components with Direction = RTL variants.

Grid Nova

Completed

Website Design · Figma, Web Design, Design Systems, Arabic RTL

Website design for Grid Nova Energy, a Saudi company in energy infrastructure, power generation and equipment manufacturing: 13 pages from Home and Services to Projects, Careers and FAQ, plus an Arabic home.
English and Arabic from the same system. The hero, navigation and sections mirror right to left instead of being translated after the fact.
A small design system holds it together: colour tokens, a type ramp, buttons and nav states, and reusable sections like the CEO message, vision band, featured project card and partner marquee.

Grid Nova

// preview

Birr

Concept

Mobile Design · Figma, UX Research, Design Systems, Arabic RTL

Reminders anchored to prayer times, not the clock. The schedule stores the prayer slot and an offset, and each slot resolves to a real time every day from the device's location.
Parent mode opens from a text-message link, no account needed: one card on screen, 30pt Arabic titles, a 60pt button that says I took it, and it works without internet.
A family circle with attribution. Every dose carries a name, confirmed by herself or confirmed by Mohammed, so the shared status answers “did anyone do it?” and nobody double-doses.
Arabic-first and bilingual (RTL/LTR). Arabic is the design source and the English layout is derived from it: 21 screens per language, explicit mirroring rules, and direction-isolated drug names.

LABvision Academy

Live

UI/UX Design · Web Development, EdTech, Arabic RTL

Arabic e-learning platform for medical laboratory sciences, helping students and professionals prepare for the Saudi laboratory licensing exam (SLLE) with specialized courses, a 200+ question bank, mock exams, and a dedicated lab job board.

LABvision Academy

LABvision Academy homepage

// preview

Agile Advice

Live

Brand Identity · Figma, Logo Design, Web Design

Complete brand identity and website design for Agile Advice, a business services company. Created a cohesive visual language and user-friendly digital experience.

Agile Advice

Agile Advice website

// preview

OSTOUL ELM Product Design

Completed

Product Design · Figma, Wireframing, User Research, Design Thinking

Full UI/UX design of Elm's product 'OSTOUL', from research and wireframes to interactive prototypes, emphasizing user-centric design.

OSTOUL ELM Product Design

Ostoul car marketplace page

// preview

Side Project

NYX

Daily Driver

AI Voice Assistant · Tauri, React, TypeScript, Python, Claude Agent SDK

A voice-first personal AI assistant for macOS: wake word, streaming replies, barge-in interruption, and speech recognition that runs fully on-device.
The orb is the status: rest, listening, thinking, and speaking states driven by live audio data, not canned animation.
One tokens file holds every color, font, and radius. The interface's entire personality reskins by editing CSS variables.
Safety as architecture: messages are drafted, never auto-sent, and destructive actions require spoken confirmation.