---
title: "ميدورا براندنغ — دراسة حالة · Abdullah Raslan"
url: https://abdullahraslan.com/ar/work/midorabranding/
language: ar
---

[← كل الأعمال](https://abdullahraslan.com/ar/#work)

دراسة حالة · 06 / 07

# ميدورا براندنغ

منصة علامة ميدورا — بناء الهوية البصرية وتموضع العلامة رقميًا.

الحالة

قيد الإطلاق

السنة

2026

URL

[midorabranding.com ↗](https://midorabranding.com/)

![ميدورا براندنغ — midorabranding.com](https://abdullahraslan.com/work/midora-branding-desktop.webp)

## 01 نظرة عامة

منصة عرض هوية تجارية شاملة مصممة لترسيخ مكانة العلامات وبناء هوية بصرية متميزة.

## 02 التحدي

عرض دراسات الحالة والأنظمة البصرية ذات الوسائط الكثيفة دون أي اهتزاز في الصفحة مع سلاسة تامة.

## 03 الحل

هندسة تحميل ديناميكي للوسائط، وتوصيل متكيف للصور، وتأثيرات حركة ناعمة باستخدام Framer Motion.

## 04 أبرز النقاط

-   عروض تفاعلية لدراسات الحالة
-   حركة مرتبطة بالتمرير
-   بث وسائط متكيف

## 05 التقنيات

-   React
-   Framer Motion
-   Modern CSS
-   Vite
-   DNS Architecture

[افتح الموقع المنشور ↗](https://midorabranding.com/)

[المشروع التالي →**ليدا للتصدير**نظام عمليات تصدير داخلي — سير عمل وبيانات وأدوات لفريق ليدا.](https://abdullahraslan.com/ar/work/leydaexport/)