Project 1 of 4: App design · Mobile app
Artigo App
A museum companion that helps visitors find the exhibits that matter to them and plan a route that fits their time.
- Role
- UI/UX design
- Team
- Team of four
- Duration
- 3 weeks
- Platform
- iOS
Hello! I’m Mohamad Diab
Product UI/UX designer & computer scientist
I design apps and websites from the first user question to the developer handoff — with a computer scientist’s sense of how they actually get built.
Selected work
Apps, websites, brand and information design. Each project starts from the problem it set out to solve.
Project 2 of 4: App design · Mobile app
Medicaly
A mobile app for finding a doctor, booking appointments and setting medication reminders without leaving home.
- Role
- UI/UX design
- Duration
- 4 days
Project 3 of 4: Web product · Homepage redesign
Emirates Airlines
A design task: a calmer Emirates homepage, built around a simpler flight search and a fare calendar.
- Platform
- Web
Project 4 of 4: Product case study · Multi-market platform · 2026
PhoenixBigo
One identity, many markets: a top-up platform where a country is configuration, not a redesign.
- Role
- End-to-end Product, UI/UX & Technical Lead
- Platforms
- Web, Mobile web
How I work
Every project has an easing curve: a careful start while the problem is still unclear, decisive momentum once it is, and a precise landing in the hands of the people who build it.
Discover
Understand the people, their context and what already exists before drawing anything.
- UX research
- Competitor analysis
- Empathy maps
Define
Turn findings into a sharp problem, a clear structure and the paths people will take.
- Personas
- Problem framing
- Information architecture
- User flows
Design
Wireframes first, then a visual system that holds together on every screen size.
- Wireframes
- Mockups
- Design systems
- Responsive design
Prototype
High-fidelity, interactive prototypes, with motion that explains what just changed.
- High-fidelity prototypes
- Interaction design
- Motion
Validate
Test with real users, iterate, and check accessibility and inclusion before anything ships.
- Usability testing
- Iteration
- Accessibility
Ship
Hand off specs a developer can build from, and stay close while they do.
- Developer handoff
- Front-end understanding
- Technical collaboration
Designer, by way of computer science.
A computer science degree changes what I hand over. Here is one control from this site — the contact switch — taken from the drawing to the stylesheet that ships it.
Design
Every state and measurement specified — 132 by 44, a 36 knob, a 4 inset — so nothing is left to guess.
System
Values become named tokens: raised, signal, ink on colour, a pill radius. Design and code share the names.
Behavior
Motion is specified, not improvised: the knob travels 88 in 420 milliseconds on a quick, decisive curve, and its arrow turns.
Build
The stylesheet that ships it. I can read it, question it and work in it alongside the developers who build it.
.toggle { --w: 8.25rem; --h: 2.75rem; --pad: 0.25rem; --knob: calc(var(--h) - 2 * var(--pad)); --travel: calc( var(--w) - var(--knob) - 2 * var(--pad) ); border-radius: var(--radius-pill); background: var(--raised);} .knob { transition: translate var(--motion-move) var(--ease-snap);} .toggle:is(:hover, :focus-visible) .knob { translate: var(--travel) 0; background: var(--ink-on-color);}
The contact switch from this site's header. Every value is the real one from its stylesheet.
Where I’m coming from.
I’m a product UI/UX designer in Beirut, Lebanon. I studied computer science at Beirut Arab University and trained in UI/UX design at SE Factory, so I approach an interface from both ends: how it should feel to the person using it, and what it takes to build.
The problems I keep returning to have real constraints: a flight search people abandon, a museum visit with limited time, a doctor’s appointment without the waiting room. I like making the complicated feel obvious.
- Based in
- Beirut, Lebanon
- Languages
- Arabic — native, English — fluent, French — fluent, Italian — A2
- What I do
- Wireframing
- Prototyping
- User flows
- Design systems
- Developer handoff
- Web design
- Tools
- Figma
- Adobe Photoshop
- Adobe Illustrator
- Git
- Visual Studio
- Microsoft SQL Server
- Cisco Packet Tracer
- Microsoft Office
- HTML
- CSS
- JavaScript
- PHP
- SQL
- C++
- C#
Experience
Jan 2026 – May 2026
UI/UX Designer
Confidential SaaS / ERP productRemote · Saudi Arabia-based company
UX/UI design for a confidential business collaboration platform and its ERP interfaces, on desktop and mobile.
May 2024 – Jul 2024
Software Developer
XpertBotInternship
Laravel data models and Eloquent relationships, API testing and debugging, and version control with Git.
Jan 2024 – Feb 2024
UI/UX Design
CodsoftInternship
Mobile sign-up flows, email templates and a restaurant menu app interface, in Figma and Adobe tools.
Education
May 2025
UI/UX Design Bootcamp (UIX)
SE Factory
Jan 2024
BSc Computer Science
Beirut Arab University
Certifications
Feb 2024
Google UX Design Professional Certificate
Google
Sep 2024
The Web Developer Bootcamp 2025
UdemyIn progress
Foundations of User Experience (UX) Design
Google, CourseraIn progress
May 2023
Senior Project Competition
Beirut Arab University
Apr 2023
IC3 Digital Literacy Certification
Certiport
May 2022
NoSQL Systems
Universidad Nacional Autónoma de México, Coursera
Let’s build something thoughtful.
Tell me about the product, the people it is for, and what isn’t working yet.