All servicesService / 03
UI/UX & product design
تصميم الواجهات وتجربة المستخدم
Figma · Prototypes · Design systems
Interfaces people understand on the first visit: the flows, screens and components of a website or app, designed in Figma around what users are actually trying to do.
- Formats
- Websites, web apps, mobile apps, dashboards
- Deliverables
- Flows, wireframes, screens, prototypes, design system
- Languages
- Arabic, English, bilingual and right-to-left
- Typical timeline
- Several weeks, in rounds
Where you can see it
What it is
A product is a series of decisions about what to show, what to hide and what to call things. Good interface design makes those decisions once, consistently, so the person using it never has to think about the interface at all.
We design for both languages at once. Right-to-left is not a mirror of left-to-right: numbers, icons, reading order and typography each need their own answer, and we give them one from the first wireframe.
What you get
Research and flows
Who uses it, for what, and the shortest honest path through each task, mapped before any screen is drawn.
Wireframes
The structure of every screen in grey, so we can argue about what goes where before we argue about colour.
Interface design
Finished screens for each state, size and language, with the empty, loading and error states that are usually forgotten.
Prototypes
Clickable Figma prototypes to test with real people and to show stakeholders before anything is built.
Design system
Components, tokens and rules in Figma, kept in step with the code so the product stays consistent as it grows.
How it goes
- We learn the task, the users and the constraints, and write them down as the brief we design against.
- We map the flows and wireframe the screens, and review them with you in rounds.
- We design the final interface, in both languages where needed, and prototype the parts worth testing.
- We hand over to development, ours or yours, with the system documented and every state covered.
A good fit when
- You have an idea for a product and need it to become screens someone can build.
- An existing product has grown confusing, and a redesign would clear it.
- Your app needs an Arabic version that is designed, not flipped.
Tools we useFigmaFigJam for flowsAdobe tools for assets