Pricing Page

أنا صممت صفحة Pricing الهدف منها عرض خطط الأسعار بشكل منظم وواضح للمستخدم. استخدمت تنسيق بسيط ومرتب بالاعتماد على Bootstrap، واخترت تصميم داكن (Dark Theme) عشان يكون شكلها عصري ومريح للعين.

في البداية حطّيت عنوان كبير "Pricing" مع وصف قصير بيشرح فكرة الصفحة وإنها مخصصة لعرض خطط الأسعار بطريقة سهلة وواضحة. بعد كده، ضفت ثلاث بطاقات متشابهة تمثل الخطط المختلفة، كل بطاقة فيها العنوان "Free"، وسعرها الشهري مكتوب "$0/mo"، وتحته التفاصيل زي عدد المستخدمين، وسعة التخزين، والدعم الفني.

كمان ضفت زر واضح بلون بنفسجي مكتوب عليه "Sign up for free" عشان يشجع المستخدم إنه يبدأ التسجيل فورًا. بعد البطاقات، أضفت جدول مقارنة بعنوان "Compare Plans" بيقارن بين الخطط المختلفة (Free – Pro – Enterprise) من حيث المميزات، عشان الزائر يقدر يختار الأنسب له بسهولة.

بشكل عام ركزت إن الصفحة تكون مرتبة، متناسقة الألوان، وسهلة التفاعل، وتدي إحساس بالاحتراف والتنظيم.