Pilates.me: موقع على Framer وانتقالي إلى التطوير باستخدام AI

صمّمت موقع Pilates.me في دبي وبنيته كاملًا في Framer. كان مهمًا لي أن أتحكّم بنفسي في التكوين والطباعة والتجاوب والحركة، وأن أرى على الصفحة المنشورة ما تصوّرته في المحرّر.

ناسب Framer هذه المهمة جيدًا. يسهل فيه بناء موقع بصري وإدارة كتالوج صغير عبر CMS ونشر التعديلات بسرعة. ولا تكاد تبقى مرحلة مستقلة لتسليم التصميم إلى مطوّر بين المخطّط والصفحة العاملة.

أين بدأت أشعر بالضيق

مع نمو المشاريع، صرت أصطدم أكثر بكلفة الاشتراكات وحدود المنصة. كان المحرّرون الإضافيون واللغات ومتطلّبات الاستضافة يزيدون النفقات. ومع كل مشروع جديد كنت أعيد تقييم مدى ملاءمة هذا النموذج له.

لكن الأهم لي كان التحكّم بالكود والبنية التحتية. في Framer ترتبط الاستضافة والعرض ومعالجة الصور والخطوط والنشر بالمنصة نفسها ارتباطًا وثيقًا. وحتى مع وجود طرق لتصدير البيانات أو خدمات تصدير خارجية، لا أحصل على سير العمل نفسه الذي يتيحه مستودع خاص.

احتجت إلى كود مصدر أفهم بنيته: يمكن فحصه وتعديله وتوسيعه بتكاملات واستضافته حيث يناسب المشروع. وبالتدريج بدأت بناء معظم المواقع الجديدة بهذه الطريقة.

ما الذي تغيّر في عملي

قد يبقى Framer أداتي الأولى لاستكشاف التكوين والحركة والاتجاه البصري العام. وحين تتضح لغة التصميم، أنقلها إلى كودي الخاص بمساعدة وكلاء AI. وللمواقع التي يتصدّرها المحتوى أختار غالبًا Astro وTypeScript، وأنشر البناء الثابت على Cloudflare.

في الأسفل نسخة محلية من موقع Pilates.me المنشور. احتُفظ هنا بتصميم Framer وخطوطه وصوره الأصلية؛ ويمكن تمرير الصفحة وتأمّلها كموقع حقيقي. الاتصالات الخارجية معطّلة.

موقع Pilates.me

واجهة مؤرشفة · بيانات توضيحية

هكذا حصلت على تحكّم أكبر بالمسارات وSEO وسرعة الصفحات وبنية المحتوى والتكاملات المستقبلية. وفي بعض المشاريع زالت ضرورة دفع اشتراك مستقل للمنشئ لكل موقع. أما كلفة الاستضافة فتتوقّف على الحمل والخدمات المستخدمة.

بعد أكثر من خمسة عشر عامًا في تصميم المنتجات، هذا تحوّل ملحوظ لي: أستطيع متابعة العمل بعد المخطّطات، وبناء الواجهة والوصول بها إلى النشر. يساعد AI في هذا الطريق، لكن القرارات البصرية والمنتجية تبقى عملي.

يبقى Pilates.me مثالًا لمشروع اخترت له Framer. ولا أستبعد الأداة نفسها: قد تظل مناسبة لموقع تسويقي بصري يحتاج إلى إطلاق سريع وتحرير مريح. الآن أختار المنصة النهائية بحسب كل مشروع.

يبقى Pilates.me مشروعًا على Framer: التكوين والتجاوب والحركة بُنيت بهذه الأداة. أما انتقالي إلى الكود الخاص فيخص الأعمال اللاحقة. المهم هنا إظهار جودة الموقع نفسه، لا إعادة وصفه بأثر رجعي كتطبيق AI.

مشاهدة Pilates.me. معرض أعمالي والنسخة على Framer.

شاشات المشروع وتسجيلاته

قصص ذات صلة: معرض أعمال من Framer إلى Astro · مراحل PAC Journeys.