Service 06 · Design the Experience
Interfaces designed to be understood and used, not just to look good.
We start with your users and business goals, shape the structure and flows before choosing colors, and arrive at an interface that's clear, consistent and easy to use — ready to build, on every screen size and in both languages.
We respond within one business day
- 01 · Ownership
- Design files are yours after delivery
- 02 · Support
- 30 days free after delivery
- 03 · Timeline
- Agreed before work begins
- 04 · Direction
- Arabic RTL & English LTR
§ 01What we design
Design that starts with how your product is used, not with colors
UI/UX isn't about making screens pretty. It's about helping people get what they came for quickly and clearly, making the interface serve your business goals, and giving developers a design they can build without guessing.
What the work covers
- 01Users & requirementsWho uses the product, which tasks they need to complete, and what your business needs from it.
- 02Information architecture & user flowsOrganizing sections and pages, and mapping the steps people take to complete each task.
- 03Wireframes & interface designScreen structure first, then final responsive interfaces with consistent type, spacing and color.
- 04Component systems & prototypesA component library with its states, and an interactive prototype to test before development, when needed.
- 05Improving existing interfacesReviewing a current website or app, pinpointing where people struggle, and redesigning it with a clear plan.
- 06New products from scratchFrom idea and requirements to a complete design that's ready to build.
Who this service is for
- New websites
- Web applications and mobile apps
- Dashboards and internal business systems
- E-commerce stores
- Existing products that need a redesign
- Startups validating a product interface before development
§ 02Design standards
What we commit to in every interface we design
Clear rules that make a design usable and buildable — not just a nice picture.
- Usability first
- Every screen serves a clear task, with fewer steps and labels people understand.
- Considered structure & flows
- Information architecture and user flows are settled before the visual layer.
- Consistent down to the details
- Unified type, spacing, color and components across every screen.
- A clear grid & type scale
- A column grid and fixed type and spacing scales that make reading and building easier.
- Responsive design
- Designs for phone, tablet and desktop, as your project requires.
- Accessibility-conscious
- Sufficient color contrast, comfortable tap targets and visible focus states, guided by WCAG.
- Arabic & English done right
- Layouts that mirror properly for each language, with type chosen for Arabic — not just a translation.
- A component system that scales
- Components with their states — default, hover, focus, error, disabled — where appropriate.
- Ready to build
- Organized files and specs for developers, so the interface is built as designed.
§ 03Design stages
From requirements to a responsive prototype ready to build
An illustrative design for a demo web app that books workspaces and meeting rooms: six stages of the same product.
- 01
Research & requirements
Who uses the product and which tasks it must support.
- 02
Information architecture
Sections, pages and the main booking flow.
- 03
Wireframe
Screen structure and layout, without color.
- 04
Visual UI
The same screen with final type, color and spacing.
- 05
Components & design system
Buttons, inputs and cards with their states, plus color and type rules.
- 06
Responsive & prototype
Desktop, tablet and phone, linked into a clickable prototype.
§ 04What you receive
What you receive when your design is delivered
The final list and the number of revision rounds are set in your quote, according to your project's scope.
- 01
Design direction
The proposed visual approach — reviewed and approved by you before the details.
- 02
Information architecture
A map of sections and pages, where required.
- 03
User flows
The key tasks, step by step, from start to finish.
- 04
Wireframes
Screen structure before the visual design.
- 05
Responsive screen designs
For phone, tablet and desktop, as scoped.
- 06
Component library & design system
Components with their states, where appropriate for the project.
- 07
Type, color & spacing rules
Documented scales that keep the build consistent.
- 08
Interactive prototype
To try the flows before development, when needed.
- 09
Arabic & English considered
RTL and LTR layouts when the project covers both languages.
- 10
Project-specific design files
Source files, assets and exports — yours after full payment and final delivery.
- 11
Developer handoff
Specs for spacing, type, color and states, plus exported assets.
- 12
30 days free support
To answer implementation questions and fix any issue in the delivered design. Extra revisions and new screens are priced separately.
§ 05Code ownership
Your project's source code belongs to you
After full payment and final delivery, ownership of your project-specific source code and files passes to you. Extend it, host it, or work on it with any team you choose.
- Freedom to extend your project with any team
- The complete project files in your hands
- No lock-in to us after delivery
Good to know
- Third-party services and licenses — such as hosting or paid plugins — remain under their providers' terms.
- Generic, reusable tools and components may be reused in other projects; everything specific to your project stays yours.
§ 06How we work
How we design your product experience, step by step
Timelines vary with scope and requirements; we agree on a timeline with clear stages before work begins.
- 01
Understand the product, users & requirements
We learn about your business, your users and the tasks the product must support.
Requirements summary
- 02
Structure information & user flows
We organize sections and pages and map the key task flows.
Structure & flow map
- 03
Wireframing
We lay out screen structure and review it with you before the visual design.
Approved wireframes
- 04
Visual interface design
We apply type, color, spacing and components across the screens.
Designs ready for review
- 05
Prototype, responsive states & validation
We link screens into a prototype when needed and review states, breakpoints and accessibility rules.
Complete, reviewed design
- 06
Handoff & support
We hand over files and specs to your developers and stay with you during the build.
Handoff files + 30 days support
§ 07UI/UX questions
Before you start your design project
Didn't find your answer? Send us your question directly — we respond within one business day.
01What's the difference between UI and UX?
UX (user experience) is about how the product works: who uses it, which tasks they complete, and how information and steps are organized so it's easy and clear. UI (user interface) is what people see: type, color, spacing and components. We work on both together, because a beautiful interface with a confusing flow doesn't serve your business.
02Can you redesign an existing website or app?
Yes. We review the current interface, identify where it's hard to use or inconsistent, and propose either a full redesign or targeted improvements, depending on your needs and the project scope.
03Do you design Arabic RTL and English LTR interfaces?
Yes. We design layouts that work correctly in each direction, with type suited to Arabic and attention to text length, numbers and directional icons — not just a mirrored screen.
04Do you provide responsive phone, tablet and desktop designs?
Yes. We agree on the required breakpoints in the project scope and design each screen to work properly at each size — rearranged, not just scaled down.
05Do you provide interactive prototypes?
Yes, when the project needs one. A prototype links the screens so your team or users can try the flows before development; its level of detail is set in the quote.
06Will developers receive handoff files and specs?
Yes. We deliver organized files with specs for spacing, type, color and component states, plus the exported assets, and we answer implementation questions during the support period.
07Can I order UI/UX design without development?
Yes. UI/UX can be ordered as a standalone service with the files handed to your own development team, or combined with our development services in a single project.
08How is pricing determined?
We don't use fixed prices. Cost depends on the number of screens and flows, the breakpoints required, languages, whether you need a component system or a prototype, and the agreed number of revision rounds. Once we understand your requirements, we send a written quote stating what's included and what isn't.
09How long does a design project take?
It depends on the size of the product, the number of screens and the stages required. We agree on a timeline with clear stages and review dates before work begins.
10Who owns the final design files?
You do. After full payment and final delivery, you own the design files and deliverables specific to your project. Third-party fonts, icons, images and tools remain subject to their own licenses and terms, and we may reuse our generic tools and components that aren't specific to your project.
11What support is included after delivery?
We provide 30 days of free support after delivery to answer implementation questions and fix any issue in the delivered design. New screens or scope changes are priced separately.
§ 08Start your design project
Let's design an interface your users get right the first time
Send us your product idea or a link to your current interface on WhatsApp, or request a structured quote.
We respond within one business day