https://www.behance.net/yassinezidane, https://dribbble.com/YZidane, https://www.linkedin.com/in/yassinezidane/, https:/

Yassine Zidane, Tunis (2026)

17/12/2025

The Power of Typography Scale ⚖️

15/12/2025

Almost every month, I hear the same sentence from founders:

“Let’s use AI to build the first MVP. Just enough to pitch investors.
Then we’ll come back and do a full design later.”

I understand the pressure.
Limited budget. Limited time. The need to show something.

But here’s what I’ve seen, again and again.

That first version — the one built quickly with AI — becomes the product.
Not because it’s good, but because once it exists, it starts shaping decisions: what gets built next, what gets ignored, how users are expected to behave.

When users struggle, founders think it’s a marketing problem.
When investors hesitate, they think it’s a pitch problem.

Most of the time, it’s neither.

It’s the cost of skipping User Experience at the moment when assumptions should have been challenged, not automated.

AI didn’t fail them.
AI did exactly what it was asked to do.

The real issue is believing that understanding users can be postponed.
It can’t.

AI accelerates ex*****on.
User Experience reduces risk.

Use both — but never confuse speed with clarity.

14/12/2025

Start your 2026 in 🔥

13/12/2025

Master corner radious like a Pro 🔥

12/12/2025

🔹 Everything You Need to Know About Wireframes
Wireframes are the backbone of any great digital product. Before colors, animations, and UI details — there’s structure, clarity, and flow.

In this breakdown you’ll find:
✨ What wireframes really are
✨ Why they are essential for clear, focused design
✨ The 3 levels of wireframes (Low / Mid / High fidelity)
✨ The best tools to create them — from pen & paper to Figma

Whether you're a beginner or a seasoned designer, mastering wireframes will level up your process and help you build products that actually work before they look pretty.

Save this for later and use it as your go-to reference whenever you start a new project! 🚀

28/11/2025

✨ كيف يمكن لموقع بسيط أن يلمسك من الداخل؟

بالصدفة لقيت موقع اسمو "قرآنك" https://quranak.com/ من تطوير عتيق الغامدي…
وبصراحة؟ الموقع شدّني مش بسبب تصميم مبهر ولا أنيميشن—
لكن بسبب التعاطف اللي مبني عليه. ❤️

💡 الفكرة بسيطة جدًا وإنسانية:
تكتب شعورك… والموقع يجاوبك بآية قرآنية، دعاء، وكلمات دعم مناسبة لحالتك.

❌ بدون تسجيل
❌ بدون جمع بيانات
❌ بدون تعقيد
✅ بس… دعم صادق ورقّة في التعامل.

🔍علاش أعجبني كمصمّم UX؟

✅ الموقع يعطيك إمكانية نسخ النص بسهولة ✨
✅ رسائل تحميل هادئة مثل: "جاري قراءة مشاعرك…"
✅ نص يطمنك: "لا تخف، منصتنا لا تحتفظ بأي شيء من المعلومات المكتوبة"
✅ أسلوب يخليك تحس بالأمان… مو إنك تحت اختبار.

هذي التفاصيل الصغيرة هي اللي تبني الثقة — واللي كثير من المنتجات تغفل عنها.

🌿 تجربة إنسانية قبل ما تكون تقنية

الموقع يفهم المستخدم اللي يدخل وهو:

حزين
قلق
محتاج كلمة تطمّنه

ويعطيه:
مساحة
لطف
معنى
إحساس إنه مسموع ومفهوم

🌙 تصميم يحترم ثقافتنا

اللغة، الألوان، الخط… كل شيء في واجهة هادئة ومحترمة، تعطي إحساس بالانتماء مو مجرد UI.

بصراحة… مشروع يستحق كل التقدير. 🙏
هذا مثال حقيقي إن التصميم المميز يبدأ بالإنسان قبل أي شيء.

27/11/2025

لوحات التحكم الـ Dashboard على الأجهزة المحمولة 📱👀

هل أنهيت للتو نسخة الـDesktop من لوحة التحكم أو ما نسميه الـ Dashboard، والآن تعمل على تكييفها للـ Mobile version ؟
قبل أن تبدأ في تصغير العناصر بدل تصميم التجربة… إليك ما يجب أن تعرفه 👇

عندما يفتح المستخدم لوحة التحكم على هاتفه، فهو لا “يحلّل” البيانات.
هو يمسح… يقارن… يتفاعل.
إذا أجبرته أن يفكر أكثر من اللازم — فقد خسرته بالفعل.

هذه أهم الدروس التي تعلمتها بعد سنوات من تصميم لوحات التحكم (Dashboard) للموبايل:

🔹 1. صمّم للمساعدة على أخذ القرارات… لا لعرض البيانات
يجب أن يجيب كل بلوك على سؤال واحد فقط:
“هل أحتاج أن أتصرّف؟ أراقب؟ أم أتجاهل؟”
إن لم يفهم المستخدم الإجابة خلال ثانيتين، فهو عبارة عن ضجيج وليس بمعلومة.

🔹 2. إعطاء الأولوية للتوزن البصري (Visual Weight)… ليس فقط ترتيب ما يعرض
ليس كل ما يكون في الأعلى هو الأكثر أهمية.
العناصر ذات الوزن البصري الأكبر عبر (اللون، التباين Contrast، أو الحركة Motion)
هي أول ما يتفاعل معه المستخدم — ضعها بعناية😉.

🔹 3. اختصر… من غير ما تكسّر الهرمية (Visual hierarchy)
ما يلزمكش Charts كبار 📊
استعمل:
spark lines، arrows، deltas.
هكّاكة تربح مساحة
والتجربة تولّي خفيفة ومفهومة.
توفر مساحة وتمنح تجربة أكثر سلاسة.

🔹 4. خَلّي الميكرو-انترآكشن (Micro Interactions) يخدم في بلاصتو
و تجنّب الـPopups.
الطريقة الصحيحة:
كليك صغير لفتح الكارد ← الكارد تتوسّع ← تبان التفاصيل ← ترجع تتسكر
تجربة سلسة وما تقطع التركيز.

🔹 5. الوضع المظلم (Dark Mode) عبر مجرد عكس الألوان
أكبر أخطاء لوحات التحكم! 🤯
عليك تكييف ألوان التوكنز والطبقات لتناسب القراءة.
الوضع المظلم (Dark Mode) يجب أن “يحسن تجربة المستخدم”… لا أن يكون مظلماً .

🧩 Bonus (QA Checklist)

👉 معالجة النصوص الطويلة خاصة بالأرقام والعملات
👉 مراعاة منطقة الإبهام (Thumb Zone) للاستخدام بيد واحدة
👉 حالات التحميل والفراغ بحيث لا تكسر تخطيط الصفحة
👉 دعم اللغات المتعددة (LTR / RTL) خاصة في المقاييس

لوحات التحكم ليست عن البيانات…
بل عن اتخاذ القرار.

وكلما صغر حجم الشاشة، يجب أن تصبح الهرمية أذكى.
إذا ساعدت لوحة التحكم الخاصة بك المستخدم على اتخاذ قرار أسرع —
فقد صنعت “تصميماً حقيقياً”… وليس مجرد واجهة جميلة.

💬 ما هو أصعب جزء بالنسبة لك عند تصميم لوحات التحكم على الموبايل؟
شارك رأيك 👇

06/09/2025

🚨 أخطاء خفية تقتل مسيرتك في العمل الحر (حتى لو عندك مهارات خارقة):

1️⃣ تتعامل مع العميل كـ "مُكلِّف" موش كـ "شريك"
أغلب المستقلين يحاولوا يرضيوا العميل بأي طريقة. لكن العملاء المحترفين يدوروا على شريك يفكّر معاهم، مش مجرد منفّذ. وقتها قيمتك تتضاعف.

2️⃣ تترك البروفايل "يتيم" من القصة
الكل يحط CV جامد: مهارات، خبرة، شهادات… لكن نادر اللي يحكي "قصة" كيفاش وصل لهالخبرة وليش يحب يخدم في المجال. القصة تربط عاطفياً وتخلي العميل يختارك حتى لو عندك منافسين أقوى.

3️⃣ تهمل فن طرح الأسئلة
أغلب المستقلين يجاوبوا على المطلوب، لكن اللي ينجح يسأل أسئلة ذكية تخلي العميل يكتشف حاجات ما كانش منتبهلها. هذا يرفعك من “Freelancer” إلى “خبير استراتيجي”.

4️⃣ تشتغل بدون "Playbook" شخصي
كل مشروع تبدأه من الصفر، تضيع وقت وطاقة. المحترفين عندهم Playbook: قوالب مراسلة، خطوات عمل، checklist ثابتة. هذا يضاعف إنتاجيتك ويخلي العميل يحس أنك منظم و"Pro".

5️⃣ تتجاهل بناء شبكة داخل المنصة
التركيز الكل يكون على عقود جديدة. لكن القلة اللي يفهموا أن أقوى فرص تجي من:

إعادة التعاقد مع نفس العميل

توصيات لزملائه

العلاقات اللي تبنيها داخل Upwork نفسه

6️⃣ تفكر في المشاريع كـ "فلوس" موش كـ "أصول"
كل عقد تعملو هو Asset: تقييم، خبرة، علاقة جديدة. اللي يركز على المدى الطويل يبني مسيرة، واللي يركز على الفلوس يخسر أسرع.

7️⃣ تخلط بين "نشاط" و "فعالية"
بعث 20 عرض في النهار ما يعنيش تقدم. Proposal واحد مدروس ينفع أكثر من عشرين منسوخين.

8️⃣ ما تتعلمش "فن الرفض"
قبول أي عميل أو أي عقد يضرك أكثر مما ينفعك. النجاح الحقيقي موش في "أكثر عملاء"، بل في "أفضل عملاء".

---

💡 الخلاصة: النجاح في العمل الحر مش في إنك تخدم أكثر… النجاح في إنك تخدم أذكى وتشوف زوايا مخفية ما يشوفهاش غير المحترفين.

29/07/2025

🎯 من أرشيف المشاريع موقع
🇮🇹 The Italian Box

قبل سنوات، صممت موقع ويب كامل لمنتج إيطالي متخصص في تكنولوجيا تعديل المحركات.

The Italian Box موش مجرد موقع، بل تجربة رقمية لازمها تعكس التكنولوجيا العالية، الجودة الإيطالية، والثقة في منتج يهم شريحة من محبي السيارات والأداء العالي.

✅ ركزت في التصميم على:
• وضوح المعلومة
• تجربة مستخدم سريعة وسلسة
• واجهات تعكس هوية تقنية لكن راقية

👨‍💻 UX/UI Design
📱 متجاوب مع الموبايل
🇮🇹 مستلهم من البساطة الإيطالية

رابط المشروع على بيهانس في التعليقات 🔗

Yassine Zidane

17/12/2025

15/12/2025

14/12/2025

13/12/2025

12/12/2025

28/11/2025

27/11/2025

06/09/2025

29/07/2025

Address

Website

Alerts

Shortcuts

Share

Category