اقرأ القصة كاملة
وفي الطريق تقترب الكاميرا — العجلات، ونظام التروس، والمقود — وكل محطة تشرح جزءًا واحدًا في جملتين. وفي القمة تقف الدراجة في الضوء، ويمكنك تغيير اللون والتروس والعجلات، فيتغير السعر والوزن وموعد التسليم مع كل اختيار.
مشروع · موقع منتج · منشور
انزل في الصفحة، وتصعد الدراجة الجبل معك.
Mareau فكرة صنعناها لنُري كيف يبدو موقع المنتج حين يكون المنتج نفسه هو الصفحة. دراجة ثلاثية الأبعاد حقيقية تدور كلما نزلت، والطريق يرتفع، والأرقام ترافقك حتى القمة.
افتحه وجرّبه
الصعود
كيف صُنع
من الفكرة حتى أصبح يعمل.
Mareau فكرة صنعناها لنُري كيف يبدو موقع المنتج حين يكون المنتج نفسه هو الصفحة. دراجة ثلاثية الأبعاد حقيقية تدور كلما نزلت، والطريق يرتفع، والأرقام ترافقك حتى القمة.
مشروع · موقع منتج · منشور
جلسنا مع من يعملون فعلًا، وكتبنا كيف يسير العمل اليوم وأين يتعثر.
رسم توضيحي مستخلص من الشاشة النهائية، لترى المراحل التي مر بها المشروع.
القصة
أغلب مواقع الدراجات تعرض صورة وجدول مواصفات. أردنا أن تشعر بالصعود.
فأصبحت الصفحة رحلة. كلما نزلت صعدت طريقًا جبليًا، من البحيرة حتى القمة، وعدّاد الارتفاع يصعد معك.
- النوع
- موقع منتج
- الحالة
- منشور
- التقنيات
- Three.js · GSAP · Lenis
- العلامة
- فكرة من تصميمنا
سر نجاحه
لماذا يكمل الناس حتى آخر الصفحة
اختر ميزة لتراها
التمرير هو القصة
الصفحة تسير في اتجاه واحد — صعودًا نحو القمة — فلا يضيع أحد.
مجسّم حقيقي، لا فيديو
الدراجة تُرسم داخل المتصفح، فتبقى حادة على أي شاشة وتدور بسلاسة.
أرقام ترافقك
الارتفاع والوزن والسعر تتغير وأنت تصعد وأنت تختار.
تخصيص يبيع
اللون والتروس والعجلات تتغير أمامك، والسعر وموعد التسليم بجانبها.
لكل منتج يستحق أن يُقلَّب
دراجات، وسيارات، وساعات، وأثاث — كل ما يحب الناس تقليبه قبل الشراء.
جرّبه بنفسك
عندك فكرة مشابهة؟
أخبرنا كيف يسير عملك اليوم، وسنقول لك بصراحة ما الذي سنبنيه — أو إن كان برنامج جاهز يكفيك.