نطاق العمل: <ul><li>الاجتماع المبدئي</li></ul>إجراء اجتماع مبدئي لفهم أهداف المشروع والجمهور المستهدف وتوقعات العميل. يتضمن ذلك تحديد التسليمات الرئيسية وجدول المشروع. <ul><li>تحليل السوق والمنافسين</li></ul>تحليل السوق والمنافسين لتقديم تصميم استراتيجي يتماشى مع هوية العلامة التجارية وأهدافها. <ul><li>إعداد النماذج الأولية (Wireframes)</li></ul>إعداد النماذج الأولية لتوضيح تدفق المستخدم وتجربة الاستخدام. تساعد هذه الخطوة في تصور هيكل الموقع أو التطبيق قبل الانتقال إلى مرحلة التصميم. <ul><li>التصميم باستخدام Figma</li></ul>تصميم الموقع أو التطبيق باستخدام Figma بناءً على النماذج الأولية المعتمدة. يشمل التصميم تسليم ما يصل إلى 6 من الصفحات/الواجهات المتفق عليها مع العميل. <ul><li>التعديلات</li></ul>توفير ما يصل إلى 3 من جولات التعديلات لتحسين التصميم بناءً على ملاحظات العميل. <ul><li>التطوير باستخدام Framer</li></ul>تطوير وتحويل التصميم المعتمد من Figma إلى موقع تفاعلي كامل باستخدام Framer. <ul><li>الاختبار الشامل</li></ul>إجراء اختبارات شاملة لضمان تجربة مستخدم سلسة وأداء مثالي وخلو الموقع من الأخطاء. <ul><li>الإطلاق والدعم الفني</li></ul>إطلاق الموقع وتقديم دعم فني مستمر لضمان الأداء الأمثل بعد الإطلاق.

Scope of Work: <ul><li>Initial Consultation</li></ul>Conduct an initial meeting to understand the project's goals, target audience, and client expectations. This includes setting clear deliverables and project milestones. <ul><li>Market &amp; Competitor Analysis</li></ul>Analyze the market and competitors to create a strategic design that aligns with the brand's identity and objectives. <ul><li>Wireframing &amp; User Flow</li></ul>Create wireframes to outline the user flow and overall experience. This step helps visualize the structure of the website or application before moving to the design phase. <ul><li>Design in Figma</li></ul>Design the website or application in Figma, based on the approved wireframes. The design phase includes delivering up to 6 pages/interfaces, as agreed upon with the client. <ul><li>Revisions</li></ul>Provide up to 3 rounds of revisions to refine the design based on client feedback. <ul><li>Development in Framer</li></ul>Develop and convert the approved Figma design into an interactive, fully functional website using Framer. <ul><li>Comprehensive Testing</li></ul>Perform extensive testing to ensure a seamless user experience, optimal performance, and a bug-free website. <ul><li>Launch &amp; Support</li></ul>Launch the website and provide ongoing technical support to ensure it performs optimally post-launch.

X Cover.jpg

Website Design & Build (Figma + Framer)

About the service