L01 · ±00.00
UI/UX Designتصميم تجربة وواجهة المستخدم
We design how your app or website works and looks. We talk to the people who'll use it, map how they move through it, and design every screen in Arabic and English. You get a clickable prototype and a design system your developers can build from without guessing.نصمم طريقة عمل تطبيقك أو موقعك وشكله. نتحدث مع من سيستخدمونه، ونرسم طريقة تنقّلهم فيه، ونصمم كل شاشة بالعربية والإنجليزية. تحصل على نموذج تفاعلي ونظام تصميم يبني منه مطوروك دون تخمين.
Planning a new product, or fixing an app people struggle to use? Start with the screens and user journeys before development.هل تخطط لمنتج جديد، أو تريد تحسين تطبيق يصعب استخدامه؟ ابدأ بالشاشات ومسارات المستخدم قبل التطوير.
Start with your goal and deadline. We discuss the scope before preparing your quote.ابدأ بهدفك والموعد المطلوب. نناقش معك نطاق العمل قبل إعداد عرض السعر.
SEC. 01Schedule of worksجدول الأعمال
What you get.ما الذي تحصل عليه.
Every line below is a file or a session you can point to at the end, not a promise about outcomes.كل بند أدناه ملف أو جلسة يمكنك الإشارة إليها في النهاية، لا وعد بنتائج.
| L01.1Discovery interviewsمقابلات الاستكشاف | Five to eight conversations with the people who'll use the product, boiled down to the three problems worth solving first.من خمس إلى ثماني محادثات مع من سيستخدمون المنتج، نستخلص منها المشكلات الثلاث الأجدر بالحل أولًا. |
|---|---|
| L01.2Flows and wireframesالمسارات والمخططات الأولية | Every screen and state mapped in grey boxes, including the empty, loading and error states that usually get forgotten.كل شاشة وكل حالة مرسومة بمربعات رمادية، بما فيها حالات الفراغ والتحميل والخطأ التي تُنسى عادةً. |
| L01.3Clickable prototypeنموذج تفاعلي | A Figma prototype real enough to put in front of users or investors.نموذج Figma واقعي بما يكفي لعرضه على المستخدمين أو المستثمرين. |
| L01.4Design systemنظام التصميم | Components, tokens and RTL variants, documented so a developer knows what "primary button, disabled" looks like in both directions.مكوّنات ومتغيرات تصميم ونسخ من اليمين إلى اليسار، موثّقة حتى يعرف المطوّر شكل "الزر الأساسي المعطّل" في الاتجاهين. |
| L01.5Usability testاختبار قابلية الاستخدام | Five target users, one session each, and a written list of what we changed because of them.خمسة مستخدمين مستهدفين، جلسة لكل منهم، وقائمة مكتوبة بما غيّرناه بسببهم. |
SEC. 02Programmeالبرنامج الزمني
A typical 6-week run.مسار نموذجي في 6 أسابيع.
Your quote comes with your own version of this chart, with real dates on it.يصلك عرض السعر مع نسختك الخاصة من هذا الجدول، بتواريخ حقيقية.
Surveyالمسح
Call, scope, fixed quoteمكالمة ونطاق عمل وعرض سعر ثابت
Planالتخطيط
Interviews, flows, wireframesمقابلات ومسارات ومخططات أولية
Buildالبناء
Interface design and systemتصميم الواجهات والنظام
Hand overالتسليم
Usability test and handoverاختبار الاستخدام والتسليم
SEC. 03Fitالملاءمة
Who this is for, honestly.لمن هذه الخدمة، بصراحة.
Good fitمناسبة لك
- You have a product idea, or a live product people find confusing.لديك فكرة منتج، أو منتج قائم يجده الناس مربكًا.
- Arabic and English both need to feel native, not translated.تحتاج العربية والإنجليزية معًا إلى أن تبدوا أصيلتين لا مترجمتين.
- Your developers want a spec, not a moodboard.مطوروك يريدون مواصفات، لا لوحة إلهام.
Probably notغالبًا غير مناسبة
- You need screens by Thursday and there's no time to speak to a single user.تحتاج الشاشات بحلول الخميس ولا وقت للحديث مع مستخدم واحد.
- You only need a logo. That's our Marketing & Brand Design service.تحتاج شعارًا فقط. هذا ضمن خدمة تصميم الهوية والمواد التسويقية.
SEC. 04Questionsأسئلة
Asked on first calls.أسئلة المكالمة الأولى.
Do you build it as well?هل تتولون البناء أيضًا؟
Yes. We build apps (L02) and websites (L03) ourselves. Or we hand the Figma file to your developers and stay on call while they build.نعم. نبني التطبيقات (L02) والمواقع (L03) بأنفسنا. أو نسلّم ملف Figma لمطوريك ونبقى متاحين أثناء البناء.
Do you design the Arabic, or translate the English?هل تصممون النسخة العربية أم تترجمون الإنجليزية؟
We design both side by side. The same message rarely takes the same space in both languages, and a layout drawn for one usually breaks in the other.نصمم النسختين جنبًا إلى جنب. نادرًا ما تأخذ الرسالة نفسها المساحة نفسها في اللغتين، والتخطيط المرسوم للغة واحدة ينكسر غالبًا في الأخرى.
What tools do you use?ما الأدوات التي تستخدمونها؟
Figma for design and prototypes, in-person or remote sessions for testing, and whatever handoff setup your developers already use.Figma للتصميم والنماذج، وجلسات حضورية أو عن بُعد للاختبار، وأي طريقة تسليم يعتمدها مطوروك أصلًا.