مشروع لعميل
Sakin
صفحة هبوط هادئة لعلامة Sakin للتركيز والمذاكرة، بالإنجليزية والعربية.
- مواقع
- السنة
- 2026
- دوري
- التصميم وتطوير الواجهة
- الأدوات
- React، TypeScript، Vite، Tailwind CSS، Vitest
القصة
-
01
المشكلة
Sakin مساحة هادئة للمذاكرة بتركيز. واحتاجت إلى صفحة تسويقية واحدة تخاطب الطلاب بالإنجليزية والعربية، وتكون هادئة مثل العلامة نفسها.
-
02
ما فعلته
صمّمت الصفحة وبنيتها باستخدام React وTypeScript، وكل نص فيها باللغتين. ومفتاح اللغة يقلب التخطيط كله من اليمين إلى اليسار، ويتذكّر اختيار الزائر في المرة التالية.
-
03
النتيجة
صفحة هادئة فيها واجهة، ومسار مذاكرة من ثلاث خطوات، ومدونة، وقسم للتواصل. ولا يُحمَّل فيديو الواجهة إلا حين يكون المتصفح متفرغًا، ويُتخطّى عند تقليل الحركة أو توفير البيانات.
عن المشروع
Sakin علامة للتركيز والمذاكرة تقوم على فكرة بسيطة: المذاكرة الجيدة ليست ساعات أطول، بل انتباه أوضح. وتحافظ الصفحة على هذه الروح بألوان زرقاء هادئة وحركة بطيئة ونصوص قصيرة.
وتختبر Vitest اللغة الافتراضية، وحفظ اختيار اللغة، واتجاه الصفحة، وإعدادات فيديو الواجهة.
معرض الصور
تريد شيئًا مثل هذا؟
أخبرني بما تحتاجه، ونخطط له معًا.
راسلني على واتساب