Web2026
assoli.site
My previous portfolio: one animated page, driven by a command menu.
- Live
Project factsبيانات المشروع
In short
The portfolio that came before this one: a single animated page with a command menu, built to be looked at rather than read, and to make the first two seconds count.
The compartments
- Role
- Solo
- Year
- 2026
- Status
- Live
Built with
- Next.js
- TypeScript
- React
- Framer Motion
- Tailwind CSS
- SEO
Where to find it
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.
معرض الأعمال هو العرض التقديمي لا المرجع. هذا متحرك وذو رأي ومبني ليُنظر إليه، بقائمة أوامر بدل شريط تنقّل، فيصير الموقع كله على بُعد ضغطة واحدة.
وفصله عن السيرة الذاتية عنى ألّا يتنازل: يستطيع الإكثار من الحركة دون أن يصارعه مسؤول التوظيف على المعلومة، لأن المعلومة تعيش في موقعها الخاص.
Results
- A motion-led single-page portfolio, navigable entirely from the keyboard.
- Now being replaced by this bilingual rebuild.
- معرض أعمال أحادي الصفحة تقوده الحركة، يُتنقَّل فيه بالكامل من لوحة المفاتيح.
- ويجري الآن استبداله بهذه النسخة ثنائية اللغة.
Challenges
Each one opens twice: what went wrong on the left, what I did on the right.
01
Motion that does not cost the first impression
Problem
A portfolio is judged in the first two seconds, and that is exactly the window that heavy animation and font loading spend on themselves.
What I did
Content is readable before the animation resolves rather than gated behind it, so a slow connection degrades to a plain page instead of a blank one.
Keep goingتابع
Next project
cv.assoli.siteMy web résumé: dense, scannable, and printable as-is.Open it →افتحه ←Shelf
All projectsAll 40, in six compartments.