خدمات محلية
سبّاك
موقع للطوارئ لسبّاك، فيه زر اتصال كبير وأسعار زيارة صريحة والمناطق التي نخدمها.
RTL · 1280 pxافتح المعاينة كاملة
انسخ الوصفة
العناوين وأول سطر من كل جزء. انسخ الوصفة لتحصل على كل كلمة.
ماذا تحتوي الوصفة
- 01الهدف والجمهورابنِ موقعاً كاملاً وجاهزاً للنشر لـ "ماجرا للسباكة"، نشاط في مجال "سبّاك" في الكويت.
- 02التقنية والإعداداستخدم HTML وCSS وقليلاً من JavaScript، أو Next.js مع Tailwind إذا فضّلت أداتك ذلك. الجوال أولاً.
- 03نظام التصميمالأسلوب: منعش ساطع. اتبع هذه القيم بدقة.
- 04هيكل الصفحةصفحة واحدة، والأقسام بهذا الترتيب بالضبط.
- 05القسم الرئيسيالشاشة الأولى. استخدم هذا النص كما هو.
- 06قسم: الخدماتاعرض هذه الخدمات في قائمة أو شبكة واضحة وسهلة القراءة. استخدم الصياغة كما هي.
- 07قسم: كيف نعملاعرض الخطوات بالترتيب مع أرقام كبيرة للخطوات.
- 08قسم: الأسعاراعرض خيارات الأسعار جنباً إلى جنب في الشاشات الكبيرة ومتتالية في الجوال. ميّز الخيار الأوسط كأفضل اختيار.
- 09قسم: مناطق التغطيةاعرض المناطق كوسوم، مع سطر يوضح كيف يسأل العميل عن مناطق أخرى.
- 10قسم: آراء العملاءاعرض ثلاث آراء للعملاء كاقتباسات. هذه أمثلة مختلقة: اكتب أنها أمثلة حتى تحل محلها آراء حقيقية.
- 11قسم: أسئلة شائعةاصنع قائمة منسدلة باستخدام عناصر details و summary الأصلية.
- 12قسم: الحجزأضف نموذج حجز قصيراً ينتهي برسالة واتساب.
- 13قسم: التواصلاعرض بيانات التواصل بأزرار كبيرة سهلة اللمس.
- 14التذييلتذييل بسيط فيه اسم النشاط وسطر قصير وروابط سريعة.
- 15المكوّنات والتفاعلابنِ هذه السلوكيات، وأبقِ الكود صغيراً وسهل القراءة.
- 16العربية والاتجاه من اليمين لليساريجب أن يعمل الموقع بالعربية بالكامل، لا بالإنجليزية فقط.
- 17إمكانية الوصولاجعله صالحاً للاستخدام للجميع.
- 18أساسيات البحث والمشاركةأضف الأساسيات ليسهل العثور على الموقع ومشاركته.
- 19الأداءيجب أن يبدو فورياً على اتصال جوال بطيء.
- 20نصائح لهذا النوع من الأعمالهذه نقاط يهتم بها أصحاب الأعمال الحقيقيون. اجعلها ظاهرة في النص والتصميم.
- 21ممنوعتجنب هذه الأخطاء.
- 22كيف يعدّله صاحب العملأنهِ بإضافة دليل قصير لصاحب العمل في ملف README أو تعليق HTML.
- 23يكتمل العمل عندماتحقق من كل سطر قبل أن تعلن أن الموقع جاهز.
ماذا تحصل عليه
- طلب كامل لموقع سبّاك من 8 أقسام، من القسم الرئيسي إلى التواصل
- ألوان وخطوط ومسافات دقيقة بطابع منعش ساطع
- كل سطر من النص مكتوب لك بالعربية والإنجليزية
- قواعد الاتجاه من اليمين لليسار للنسخة العربية
- تدفق حجز عبر واتساب وقائمة تحقق لتعرف أن العمل اكتمل
أسئلة عن هذه الوصفة
وش يبني هذا الموجه؟
موقع صفحة وحدة بأسلوب الطوارئ: زر اتصال ثابت وقائمة الخدمات وأسعار الزيارة والمناطق والتقييمات ونموذج واتساب يطلب صورة.
الأداة تضبط زر الاتصال؟
نعم. الموجه يحدد رابط اتصال ورابط واتساب يبقون ظاهرين على الجوال أثناء التمرير.
لازم شعار؟
لا. التصميم فيه اسم نصي بسيط، وتبدله لما يكون عندك شعار.
كيف أغير الأسعار؟
عدّل سطور الأسعار في النص قبل اللصق، أو اطلب من الأداة تغييرها بعد البناء الأول.
وصفات أخرى قد تعجبك
ابنِه خطوة بخطوة في الدورة
لست متأكداً كيف تستخدم الوصفة؟ الدورة المجانية ترافقك بخطوات صغيرة.