Discipline
Executing with precision under severe constraints and intense operational pressure.
Technology
Products
People
Business
A 10-year journey from Computer Science (2016) & Engineering to +7 years leading UX & Product Design.
"What does it actually mean
to build something people need?"
02
Computer
Science.
Suez Canal University · 2016
Before UX,
there was engineering.
The starting point was not a design brief. It was a compiler, a database schema, a system architecture diagram. Technology was the first language.
2016
2017
03
Before I learned how to design products,
I learned how to work under structure.
Responsibility
Extreme ownership where individual errors ripple across the entire mission.
Process
Understanding how complex, human-operated systems maintain integrity at scale.
Accountability
Being utterly reliable inside an established hierarchy you didn't create.
Military service, Egypt · 2016–2017 · A transformative foundation in discipline, reliability, and systemic thinking.
2018
04
I wasn't learning technology in isolation.
I was already building real production systems.
Chameleon
Software Engineer · Full-Stack
Hotel management and accounting systems. Working directly in production codebases — extending complex forms, building transactional modules, and evolving software that businesses depended on daily.
Mazzika Group
Software Engineer
Internal enterprise tools supporting company assets, media catalogs, and corporate operations. Production systems used daily by the organization — not prototypes or side projects.
Engineering Foundation
Production Systems & Data Integrity
01
Relational Schema & SQL Server
Designing normalized database structures, indexing strategy, and high-integrity foreign key relationships for enterprise operations.
02
ACID Transactions & Accounting Ledgers
Ensuring strict atomic transactions where balances, bookings, and ledger entries must never desync or corrupt.
03
.NET & Entity Framework Layer
Encapsulating domain business logic inside maintainable service architectures and robust object-relational mapping.
"Enterprise systems taught me that code isn't an academic exercise—it's a contract between data and real human businesses."
05
The Beginning of UXTechnology keeps changing.
The central question had to change too.
JavaScript·Vue·React·Angular·.NET·Entity Framework·Next.js·New tools. Always.
Engineering Mindset
"How do we build it?"
- Performance & Optimization
- Architecture & Maintainability
- Code Quality & Clean Patterns
- Technology Stack Evaluation
- System Scalability
Product Mindset
"Should we build it?"
- Why are we building this?
- For whom does this matter?
- What real problem does it solve?
- Will people actually use it?
- Does it create measurable value?
"You can build the best software in the world
and still discover that nobody uses it."
The closer you get to human behavior and business decisions, the more of the true picture you can see.
20182020
06
I wasn't designing one product.
I was learning how different
people use different products.
6+Countries
10+Industries
20+Products
2Years
07
1M+
downloads
A religious education platform with reach at scale requires more than beautiful screens. It requires understanding how deeply personal learning behaviors translate into digital experiences.
01
Research
- Stakeholder interviews
- User needs mapping
02
Information Architecture
- Surah & Ayah hierarchy
- Reading modes flow
03
UI & System
- Accessible Arabic type
- High contrast palette
04
Handoff & QA
- Figma design tokens
- Developer collaboration
"Scale in digital learning isn't just volume—it's honoring emotional and spiritual reverence through seamless simplicity."
08
100K+
downloads · 5.0★
A mobile application designed as part of the TFSS (Teen-Friendly Spaces Survey) Audit—a civic research initiative helping Cairo teens discover, evaluate, and share safe, age-appropriate public spaces. Downloadable via on-site QR codes, tracking verified visits and syncing check-in data to the cloud.
01
Spatial Mapping & Physical Traits
Mapping favorite teen spots across Cairo to analyze lighting, pedestrian walkability, natural surveillance, and physical characteristics.
02
Psychological & Social Needs
Uncovering the correlation between teens' spatial choices and their psychological needs for autonomy, peer connection, and emotional safety.
03
Civic Safety Scoring (TFSS Index)
Defining safe teen spaces through a standardized audit score—empowering communities and municipal authorities to implement rapid improvements.
"Putting a transparent score on teen spaces turns everyday youth feedback into actionable civic response and urban improvement."
9:41
TFSS Civic Audit System
Teen-Friendly Space Diagnostic
Cairo · QR Check-In
8.8
/ 10
Certified Teen-Friendly Spot
Al-Korba Public Hub · Cairo
Observed Activities & Behaviors
01
Data Collection
On-site QR & GPS Check-in
02
Data Audit
TFSS Safety Index
03
Data Review
Civic Action
2020
2022
09
Then I started designing
for machines
that could learn.
VA Computing
Egypt — working with Canadian products and teams connected to the University of Ottawa. Embedded with doctors, AI researchers, and engineering teams.
10
How do you make AI behavior
understandable and actionable to humans?
Conversational AI Builder
Visual Decision Tree & Intent Logic
UX Challenge
Translating non-linear probabilistic branching into intuitive drag-and-drop clarity.
MLOps Platform
Model Validation & Medical Annotation
UX Challenge
Designing high-density interfaces tailored to the rigorous mental models of clinicians and ML engineers.
AI Usability Observation Lab
Automated Behavioral Telemetry
UX Challenge
Making automated observation unobtrusive while keeping qualitative researchers firmly in control.
AI Spatial Security Monitor
Real-Time Anomaly Triage
UX Challenge
Communicating probabilistic confidence so operators can verify and act without second-guessing.
11
Where should the human
enter the loop?
01
RAW DATA
Sensors · Unlabeled signals
Stream: 12.4k/s
02
MODEL
Feature extraction & scoring
Latency: 14ms
03
PREDICTION
Probabilistic confidence: 84%
Review Required
04
HUMAN INTERVENTION
Review · Annotate · Override
Active Judgment"The UX question wasn't: where do I put a button?"
It was: where can human intervention improve the system without becoming a bottleneck?
12
What AI taught me
about human learning.
01
DATA
02
OBSERVATION
03
PROCESSING
04
CONNECTION
05
UNDERSTANDING
"One thing I learned from working around AI is how powerful accumulated information can become. Something you don't fully understand today can become useful later — when your mind has enough context to connect it."
From machines that learn — to products that scale.
2022
2023
13
Speero
Automotive Spare Parts · Saudi Arabia
$1.8M
Funding round · July 2021
The real challenge wasn't technology.
Automotive spare parts are not a simple product category. When an exact part is out of stock, expert sellers recommend a compatible alternative. Designing this requires translating physical specialist trust into a seamless digital journey.
Algorithmic Compatibility Engine
Compatibility Verified
OEM Part
Hyundai Verna
Compatible Alternative
Daewoo Lanos
Converting out-of-stock catalogue searches into verified alternative orders
"Users don't change simply because technology changes."
Contextual Research
Behavioral UX
E-commerce CRO
Catalog Logic
2023
2026
14
Scale across 20+ markets.
Coca-Cola HBC · Digital B2B & D2C Product Ecosystem
Architecting multi-tier digital commerce ecosystems across Europe and Africa—unifying direct-to-consumer platforms, multi-market merchant portals, wholesale marketplaces, and core enterprise workflows under one scalable design governance.
01
Consumer · D2C
Coca-Cola Shop
D2C consumer e-commerce built around brand loyalty, recurring customer convenience, and digital ordering in Egypt.
02
B2B · 20+ Markets
Customer Portal
B2B e-commerce ecosystem serving kiosks, supermarkets, and hospitality clients across 20+ global markets daily.
03
B2B Marketplace · Ho.Re.Ca.
sirvis
Multi-seller B2B marketplace platform delivering tailored procurement solutions for Ho.Re.Ca. buyers and wholesale suppliers.
04
Enterprise Core
Internal Tools
Employee training, asset management, and complex workflow automation powering the multi-market enterprise layer.
Design Token Governance
Centralized token pipeline powering multi-brand & multi-currency UI
Cross-Platform UX Systems
Shared design foundations across web portals, mobile apps & operations
Multi-Market Scalability
Consistent commercial workflows adapted for 20+ countries and localized laws
"When you design for 20+ countries, consistency is not visual polish—it is operational reliability."
15
At scale, design isn't about
making one screen beautiful.
It's about making the system work.
Tokens
Design Primitives
Components
Atoms & Molecules
Screens
Templates & Flows
Design System
Governance & Sync
Multiple Products
B2B · D2C · Ho.Re.Ca.
Multiple Markets
20+ Global Countries
Scalable component libraries
Design tokens
Design ↔ Development
Localization
WCAG 2.1 AA
Reducing design debt
Handoff quality
20+
Global markets unified
One component changes.
Hundreds of screens update.
Multiple products inherit the same unified system.
16
10-year journey of becoming.
2016
Computer Science
> init foundationSuez Canal University · Algorithms, Data Structures & Engineering Foundation
2017
Discipline & Responsibility
System IntegrityMilitary Service · Operational rigor, hierarchical process & accountability
2018
Software Engineering
.NET · C# · VueChameleon · Mazzika Group · Real-world production architectures
2018–20
UX Exploration
Vector & BlueprintFreelance across 6+ Countries · 20+ Products · Learning human variance
2020–22
AI / ML Products
Neural Graph & HITLVA Computing · Human-AI interaction · Probabilistic UX systems
2022–23
E-commerce & CRO
Behavioral CROSpeero · Automotive Ecosystem · Catalog logic & user decision journeys
2023–26
Enterprise & Design Systems
Design Tokens · ScaleCoca-Cola HBC · 20+ Global Markets · Multi-tier enterprise governance
Now
Product Design × AI × Business
SynthesisBridging engineering foundation (2016) with +7 years leading UX & product architecture
17
The question
evolved.
2018
"How do I build it?"
2018–20
"How do I make it usable?"
2019–20
"How do I make people want it?"
2022
"How does it affect the business?"
2020–22
"How should humans interact with intelligent systems?"
Now
"How do technology, people and business work together?"
18
Today, I don't see UX as screens.
I see it as interconnected systems.
Designing modern products means orchestrating friction, feedback, and intent between six dynamic forces:
01
Systems
Interconnected logic, mental models & state architectures
02
People
Cognitive load, emotional fatigue & intuitive heuristics
03
Behavior
Observable real-world actions over claimed user opinions
04
Business
Unit economics, retention flywheels & speed to market
05
Technology
Engineering feasibility, latency, APIs & performance
06
AI
Probabilistic intelligence, autonomy & agentic feedback loops
"Screens are transient interface layers. The system architecture underneath is what creates enduring value."
19
What happens when the interface
is no longer just a screen?
Human
AI
Product
Business
Agentic experiences
Human-AI interaction
Context-aware interfaces
Decision-support systems
Behavioral design
AI product strategy
The first 10 years grounded my foundation in technology and product craft.
The next chapter is designing how humans and intelligent systems think and build together.
OSAMA ALI
Product Designer & Systems Thinker
10-year journey of building.
Computer Science 2016 · +7 years leading UX & Product Design.
And the next system is waiting to be built.