هيثم العسوليRead this page in Arabicاقرأ هذه الصفحة بالإنجليزية

الويب2026

assoli.site

معرض أعمالي السابق: صفحة واحدة متحركة تُدار بقائمة أوامر.

  • يعمل الآن
assoli.site — لقطة الغلاف

Project factsبيانات المشروع

باختصار

معرض الأعمال الذي سبق هذا: صفحة واحدة متحركة بقائمة أوامر، بُنيت لتُشاهَد لا لتُقرأ، ولتجعل الثانيتين الأوليين ذواتَي أثر.

الخانات

الدور
منفردًا
السنة
2026
الحالة
يعمل الآن

بُني بـ

  • Next.js
  • TypeScript
  • React
  • Framer Motion
  • Tailwind CSS
  • SEO

What it isما هو

A portfolio is the pitch, not the reference. This one is animated, opinionated and built to be looked at, with a command menu instead of a navigation bar so the whole site is one keystroke deep.

Keeping it apart from the résumé meant it never had to compromise: it can be heavy on motion without making a recruiter fight it for the facts, because the facts live on their own site.

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

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

النتائج

  • A motion-led single-page portfolio, navigable entirely from the keyboard.
  • Now being replaced by this bilingual rebuild.
  • معرض أعمال أحادي الصفحة تقوده الحركة، يُتنقَّل فيه بالكامل من لوحة المفاتيح.
  • ويجري الآن استبداله بهذه النسخة ثنائية اللغة.

التحديات

كل خانة تُفتح مرتين: ما الذي تعثّر، ثم ما الذي فعلته.

01

حركة لا تكلّف الانطباع الأول

المشكلة

يُحكَم على معرض الأعمال في أول ثانيتين، وهي بالضبط النافذة التي تنفقها الحركة الثقيلة وتحميل الخطوط على نفسها.

ما فعلته

المحتوى مقروء قبل انتهاء الحركة لا محجوب خلفها، فيتحوّل الاتصال البطيء إلى صفحة بسيطة بدل صفحة فارغة.

Keep goingتابع

الرفّ

كل المشاريعالـ 40 كلها في ستّ خانات.