تصميم المواقع والواجهات
تصميم مواقع وواجهات، بقواعد يمكنك التحقق منها.
تصميم مواقع مخصص: خريطة الموقع وبنية الصفحات وشاشات متجاوبة ونظام تصميم يستطيع فريقك البناء عليه. كل صفحة تُصمَّم حول إجراء واحد، وتوافق على البنية قبل أن يبدأ أي عمل بصري.
البنية أولاً ثم الشاشات، وتوافق على كل منهما قبل التالي.
لمن هذه الخدمة
مبنيّ لقرار، لا للوحة إلهام.
يبدأ تصميم الواجهات مما يجب أن تدفع الصفحة أو الشاشة الزائر إلى فعله. إن كنت تعرف ذلك، أو تريد مساعدة في تحديده، فهذه هي الخدمة المناسبة.
مناسبة حين
البنية هي ما يجب أن يتغيّر، لا الشكل وحده.
- تطلق موقعاً جديداً، أو تستبدل موقعاً لم يعد يشرح ما تبيعه.
- لوحة تحكم أو بوابة تعمل، لكن من يستخدمها يتوه فيها.
- يجب أن تُقرأ كل لغة بالمستوى نفسه، لا أن تُترجم إحداها عن الأخرى.
- تريد استلام التصميم قواعدَ يستطيع فريقك البناء عليها، لا مجلداً من الصور.
غير مناسبة حين
الحل قالب جاهز، أو وعد.
- تحتاج إعادة تلوين قالب موجود. نصمّم من متطلباتك، ولا نعيد تدوير القوالب.
- تريد حسم الطابع البصري قبل البنية. المخططات الهيكلية تأتي أولاً، عن قصد.
- المطلوب ضمان زيارات أو مبيعات. نصمّم للوضوح ونقيس السرعة، ولا نعد بنتائج.
ما تستلمه
ما تحصل عليه، وما يحرّك السعر.
المخرجات
الشاشات، والنظام الذي يقف خلفها.
- خريطة الموقع وبنية الصفحات والمسارات الأساسية بعد اعتمادها
- تصميم واجهات متجاوب لكل شاشة ضمن نطاق العمل
- نظام تصميم عامل: الألوان والخطوط والمسافات والمكوّنات كقواعد
- تصاميم تنتقل ملكيتها إليك مع الكود عند الدفعة الأخيرة
السعر والمدة
تحددهما الشاشات والمسارات المطلوبة.
- عدد الشاشات والمسارات المختلفة في نطاق العمل
- جاهزية عناصر الهوية والمحتوى، أو الحاجة إلى إعدادها
- سرعة مراجعة كل مرحلة، لأن المرحلة التالية تنتظر موافقتك
- أعمال التعديل بعد 3 جولات التعديل المشمولة، بسعر 800 جنيه للساعة
ما تقدّمه
السياق والمواد والقرارات.
- الهدف، والإجراء الواحد الذي وُجدت كل صفحة من أجله
- شعارك وألوانك وأي قواعد للهوية تعمل بها
- نصوصك وصورك، أو قرار بمن سيُعدّها
- شخص واحد يملك صلاحية الموافقة على كل مرحلة
بعد الإطلاق
النظام يبقى قابلاً للاستخدام.
- الصفحات الجديدة تُبنى بالقواعد نفسها، لا تُرسم من الصفر
- حين نتولى البناء، يغطي ضمان مدته 30 يوماً الإصلاحات الحرجة بعد الإطلاق
- بعدها تجري التعديلات ضمن باقة صيانة، أو تُسعَّر واحداً واحداً، أو يتولاها فريقك
كيف يسير العمل
البنية أولاً، ثم الشاشات.
يجري التصميم في أول ثلاث مراحل من مسار المشروع. تنتهي كل مرحلة بشيء توافق عليه قبل أن تبدأ التالية.
- 01 — الاستكشافجلسة واحدة
تتناول مكالمة الاستشارة الأولية للمشروع الهدف والجمهور وما هو موجود اليوم. ويحدد العرض الذي يليها نطاق العمل والسعر والجدول الزمني.
دورك: الهدف وقيودك وأي عناصر للهوية تستخدمها بالفعل.
- 02 — المخطط الهيكلي2 – 5 أيام
خريطة الموقع وبنية الصفحات والمسارات الأساسية: من أين يصل الزائر، وماذا يحتاج، وأين يتخذ قراره.
دورك: الموافقة على البنية. لا يبدأ أي عمل بصري قبل موافقتك.
- 03 — التصميم2 – 7 أيام
الواجهة كاملة على تلك البنية، بتخطيطات متجاوبة و3 جولات تعديل مشمولة.
دورك: مراجعة الشاشات والموافقة على التصميم. يبدأ التطوير بعد موافقتك.
- 04 — التسليم
تنتقل الشاشات المعتمدة ونظام التصميم الذي يقف خلفها إلى البناء، مرجعاً يُراجَع عليه التنفيذ.
دورك: لا شيء جديد. أي سؤال عن التصميم يعود إلى من رسمه.
كيف نصمّم
أربع قواعد تُصمَّم بها كل صفحة.
- 01
شاشة واحدة، مهمة واحدة.
كل صفحة تُبنى حول الإجراء الوحيد الذي وُجدت من أجله، من حيث يصل الزائر إلى حيث يقرر. وكل ما عداه إما يخدم هذا الإجراء أو يُحذف.
- 02
هويتك، كنظام.
الألوان والخطوط والمسافات تصبح قواعد يمكن لفريقك البناء عليها — لا طابعًا يتبدد عند أول تعديل على صفحة.
- 03
السرعة قرار تصميمي.
كل صورة وخط وحركة تُوزن مقابل زمن التحميل قبل الإطلاق. الشاشة الجميلة التي تتأخر هي شاشة لا يراها أحد.
- 04
مقروء للجميع.
تباين وبنية وفق WCAG 2.1 AA، مفحوصان بكل لغة — شرطٌ في التصميم، لا إصلاحٌ بعد الإطلاق.
خريطة الموقع وبنية الصفحات، ومسارات المستخدم الأساسية، وتصاميم متجاوبة لكل شاشة ضمن نطاق العمل، ونظام تصميم عامل يضم الألوان والخطوط والمسافات والمكوّنات. وتنتقل ملكية التصاميم إليك مع الكود عند الدفعة الأخيرة.
التصميم جزء من كل بناء موقع، ويبدأ سعره من 22,000 جنيه ويُثبَّت في عرضك. أما التصميم وحده، دون أن نتولى البناء، فيُحدَّد لكل مشروع.
المخطط الهيكلي والتصميم مرحلتان قصيرتان ثابتتان في مسار المشروع، ومدتهما منشورة في صفحة المنهجية. ويحدد عرضك المواعيد. والعامل الأكبر هو وقت المراجعة، لأن كل مرحلة تنتظر موافقتك.
3 جولات تعديل مشمولة، مكتوبة في عرضك قبل بدء العمل. وأعمال التعديل بعدها تُحتسب بسعر 800 جنيه للساعة، وتوافق على المبلغ قبل أن يبدأ ذلك العمل.
نعم. تُصمَّم اللغات التي تُكتب من اليمين إلى اليسار تصميماً قائماً بذاته، لا انعكاساً لاحقاً، وتُفحص كل لغة من حيث التباين والبنية وفق WCAG 2.1 AA.
نعم. نبدأ مما يجب أن يؤديه الموقع الحالي وأين يقصّر، ونعيد بناء البنية، ثم نصمّم الشاشات. وإن كانت المشكلة تقنية لا بصرية، فالمراجعة التقنية تجيب عن ذلك أولاً.
الخطوة التالية
ابدأ بالإجراء الواحد الذي وُجد موقعك من أجله.
صف ما يجب أن يدفع الموقع أو المنتج الناس إلى فعله، وما هو موجود اليوم، ونرد عليك بالخطوة التالية.