Shape

"مشروع تجريبي بمبادرة ذاتية لبرج افتراضي في دبي — موقع إطلاق سينمائي يعتمد على التمرير مع واجهة WebGL، بُني لعرض ما يمكننا تقديمه حين تحتاج العلامة إلى أن تُحسّ لا أن تُقرأ فقط."

Alvenar Residences

دراسة حالة

لنتواصل icon
icon نظرة عامة

Alvenar Residences

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

مشروع تجريبي — بمبادرة ذاتيةالخدمة: تصميم وتطوير المواقع، تجربة المستخدمالقطاع: العقارات / إطلاق مشروع سكنيالتقنيات: WebGL (Three.js)، GSAP، Lenisالسنة: 2026شاهد النموذج الحي ↗
icon ما يعرضه العمل

هندسة ترى أثرها

WebGL

واجهة بشيدر مخصص

EN / AR

انعكاس كامل للاتجاه

0 KB

بدون إطار عمل أو بناء

icon لقطات

كيف يبدو فعلياً

لقطات من الموقع الحيّ — ليست تصاميم توضيحية. كل لقطة للموقع قيد التشغيل بمقاس 1440×900.

alvenarresidence.netlify.app
الافتتاحية
٠١

الافتتاحية

عنوان ينكشف مع التمرير فوق لقطات مائية كاملة العرض، بخط طباعي عالي التباين وسطر الإطلاق أعلاه.

alvenarresidence.netlify.app/#tower
البرج
٠٢

البرج

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

alvenarresidence.netlify.app/#interiors
الداخل
٠٣

الداخل

معرض أفقي لمساحات الاستقبال والمعيشة والشرفة، كل إطار معنون ومرقّم، يتحرك بموقع التمرير لا بمؤقّت.

alvenarresidence.netlify.app/#residences
إحدى وتسعون وحدة
٠٤

إحدى وتسعون وحدة

ستة تصاميم من غرفة واحدة إلى البنتهاوس، مع نطاق المساحة والسعر الابتدائي بالدرهم، على شبكة مقسّمة تُبقي الأرقام قابلة للمقارنة.

alvenarresidence.netlify.app/#enquire
تسجيل الاهتمام
٠٥

تسجيل الاهتمام

نموذج بحقول مسطّرة بألوان العلامة، مع إبقاء إفصاح «مشروع تجريبي» ظاهراً بدل دفنه في التذييل.

icon كيف بُني

التفاصيل

الواجهة عبارة عن مستطيل يملأ الشاشة يعمل عليه شيدر مكتوب يدوياً: طبقات ضجيج fbm تنساب كالضباب، ويقود المؤشر حركة العمق وإزاحة الإحداثيات، مع انفصال لوني يتسع نحو الحواف. يحدّ من كثافة البكسل ويتوقف عن الرسم فور خروجه من الشاشة. وفوق ذلك، يغذّي تمرير Lenis محرك GSAP ScrollTrigger — العنوان ينقسم حرفاً حرفاً، والنص يضيء كلمة كلمة، وقسم مثبّت يعدّ طوابق البرج، ومعرض التصميم الداخلي ينزلق أفقياً بتمرير رأسي. كل خصائص التخطيط منطقية لا مادية، فيتحول الموقع بالكامل عند التبديل إلى العربية.

ملاحظة: «ألفينار ريزيدنسز» مشروع تجريبي بمبادرة ذاتية. المشروع ووحداته وأسعاره وموقعه جميعها افتراضية ولا يُعرض أي شيء للبيع. الغرض منه عرض هندسة الواجهات الأمامية وتصميم التجربة.

دراسة الحالة التاليةClinVox AI →

لنتواصل معًا

* سؤال أو مشروع تريد مناقشته؟ فريق GOAT Technologies هنا — مكتب رئيسي في أمريكا وفرع في دبي. عبّئ النموذج أدناه!

GOAT Technologies
🇺🇸 واتساب أمريكا+1 212 321 5175🇦🇪 واتساب الإمارات+971 50 109 1453