تصميم صفحة الأسعار مبنيًا بلغتي HTML وCSS: الخطط وجدول المقارنة والأسئلة الشائعة، مع نسخة للهاتف

مثال على النتيجة

مثال على الباقة القياسيةعرض كامل

الصفحة الرئيسية لعيادة أسنان منفّذة وفق تصميمها

قبل: التصميم الذي أرسله العميل

بعد: الصفحة وهي تعمل

الملفات: أرشيف ZIP يضم index.html وملفات التنسيق وصورتين للصفحة، جاهز للرفع على استضافة العميل. الصور المعروضة هنا لقطات شاشة للصفحة.

العميل: عيادة الأسنان Bright Smile Dental. المهمة: تحويل تصميم الصفحة الرئيسية إلى صفحة HTML تعمل فعليًا بالتخطيط والألوان والنصوص نفسها، مع أزرار حجز تتصل بالعيادة مباشرة.

العميل وجميع التفاصيل افتراضية.

عن هذه الخدمة

في صفحة الأسعار يجب أن يكون كل رقم وكل علامة صحيحًا وسهل المقارنة. ارفع نموذج صفحة الأسعار كصور، ونبنيها لك بلغتي HTML وCSS: بطاقات الخطط، والخطة المميَّزة بصريًا، وجدول المقارنة، والأسئلة الشائعة، والدعوة الأخيرة لاتخاذ إجراء، مع نسخة للهاتف يبقى فيها الجدول مقروءًا. الأسعار والمزايا مأخوذة من نموذجك أو متطلبات الطلب ولا تُخترع أبدًا. إن كان في تصميمك مفتاح للتبديل بين الشهري والسنوي، فهو ينتقل بين الأسعار التي تقدمها. تقود أزرار الخطط إلى رابط التسجيل أو الدفع الموجود لديك، أو تطبيق مراسلة، أو البريد الإلكتروني: لا مدفوعات ولا حسابات ولا واجهة خلفية، والاستضافة غير مشمولة.

ما المشمول

• ما تحصل عليهأرشيف ZIP فيه الصفحات والتنسيقات والصور، جاهز للرفع إلى استضافتك، مع معاينة لكل صفحة على صفحة الطلب.
• بطاقات الخططالأسعار والمزايا والخطة المميَّزة كما في تصميمك
• جدول المقارنةمقروء على الهواتف، مع العلامات والحدود كما تقدمها
• شهري وسنويمفتاح للتبديل بين الأسعار التي تقدمها، إن كان في تصميمك
• أزرار إلى روابطكصفحات التسجيل أو التجربة أو الدفع الموجودة لديك
• كود نظيفHTML وCSS بسيطان، بلا أطر عمل، ولا شيء يُحمَّل من مواقع أخرى

كيف يعمل

1. 1
   الرفعترفع نموذج صفحة الأسعار وترسل الخطط والروابط النهائية
2. 2
   البناءنبني البطاقات والجدول والأسئلة الشائعة
3. 3
   المعاينة والأرشيفتقارن الصفحات بتصميمك على الكمبيوتر والهاتف، وتنزّل الأرشيف، وتطلب التعديلات ضمن باقتك

ما نحتاجه منك

حتى 5 صور بصيغة PNG أو JPEG أو WebP: نموذج صفحة الأسعار، ونسخة للهاتف إن وُجدت، ونماذج الصفحات الأخرى لباقة الصفحات الثلاث. وأسماء الخطط النهائية، والأسعار مع العملة والمدة، والمزايا والحدود وملاحظات الضرائب تمامًا كما يجب أن تُقرأ، والرابط لكل زر خطة.

سنسألك:

• أي ملف لأي صفحة؟
• الخطط والأسعار
• إلى أين يقود كل زر خطة؟
• هل التصميم ملكك؟

قارن بين الباقات

الأسئلة والأجوبة

لم تجد إجابتك؟ اسألنا