Mo Ibrahim — Product Engineer

Hey, I'm . I love building products where every detail matters, from the overall experience to the last pixel. I enjoy turning thoughtful design into clean, polished interfaces that feel as good as they look.

Schedule a call

Orgo

An Astro frontend concept for English and Arabic, built with RTL-aware layouts, light and dark themes, responsive components, and reusable design tokens.

Entrance animation and interactive icon hoversOrgo

Dark-mode hero sectionOrgo

Connected-tools section featuring Figma, X, Apple, Chrome, and FramerOrgo

Dark-mode comparison of the Basic and Elevate plansOrgo

Light-mode benefits grid for calendar, journaling, scheduling, and task featuresOrgo

The Good Invoice

A focused invoice builder with live preview and a carefully tuned creation flow.

In collaboration withFay X

Desktop editor and live invoice preview in the default light themeThe Good Invoice

Invoice details and theme changes updating the live preview in real timeThe Good Invoice

Responsive editor stacking input controls above the live invoice previewThe Good Invoice

Dark-mode Display tab with layout styles and invoice accent coloursThe Good Invoice

In-product feedback animation and hover interactionsThe Good Invoice

Lumen

A frontend concept for a personal AI workspace with project-based chat, asset libraries, connectors, and deeply configurable themes.

Dark workspace home and prompt composerLumen

Model selector and keyboard navigationLumen

Prompt shortcuts and hover feedbackLumen

Composer controls and generation statesLumen

Mobile asset libraryLumen

Theme customizer over the connectors workspaceLumen

Light-mode project conversationLumen

Selected Experiments

A rolling gallery of studio sites, interface systems, and interaction prototypes.

Studio hero cursor exchange and selected-work railBits n Pixels

Selected-work carousel moving between scheduling and network toolsBits n Pixels

Case-study focus transition across software systemsBits n Pixels

Eight interaction states sharing one LED visual languageStepper

Configurator for assembly, shell, display, progress, and arrow partsStepper

Keyboard-driven sequence with active-state feedbackStepper

Directional arrow state and LED transitionStepper

Color-coded workspace library for folders and file cardsFolders

Drag-and-drop file organization across tactile folder cardsFolders

Studio introduction beside selected product workGlazed

Studio introduction scrolling through selected product interfacesGlazed

Collaboration CTA revealing Fay inside the call buttonGlazed

Mobile case-study scroll through monitoring agents and network checksGlazed

Pricing page moving from service plans into selected workGlazed

MO identity mark animationMO