باسل الحربي
BASEL ALHARBIEIDOS — مفهوم هودي بطباعة بارزة «غير متاح»
أصمم الهوية البصرية، وواجهات متاجر سلة، ومحتوى الحملات — وأستخدم الذكاء الاصطناعي داخل طريقة العمل عشان توصل الفكرة لشي تقدر العلامة تبيعه فعلاً، وبوقت أقصر.
Brand visuals, Salla storefronts and campaign content — with AI inside the workflow, not on top of it.
أعمال مختارة
Selected workوش أقدّم
What I doتصميم جرافيكGraphic design
تصاميم سوشل وإعلانات، صور منتجات، بوسترات، وجرافيك ستريت وير يقوده الخط. تسلسل بصري واضح وتخطيط تحريري — كل تفصيل له وظيفة.
- سوشل ميديا
- إعلانات
- صور المنتجات
- تايبوغرافي
- ستريت وير
- بنرات
متاجر سلةSalla e-commerce
المتجر كامل، مو البنر بس: التوجيه البصري، هيكل الصفحة الرئيسية، الأقسام، بطاقات المنتجات، الثقة والتقييمات — وبعدها تخصيص الثيم لما يحتاج التصميم كود.
- هوية المتجر
- الصفحة الرئيسية
- تجربة الجوال
- تخصيص الثيم
الذكاء الاصطناعي والتقنيةAI & creative technology
توليد صور وفيديو لأفكار الإعلانات وصور المنتجات والمحتوى القصير. أدوات برمجة بالذكاء الاصطناعي للواجهات ونماذج التطبيقات. ونماذج محلية لما تكون السحابة مو الحل.
- توليد الصور
- توليد الفيديو
- البرمجة بالذكاء الاصطناعي
- نماذج محلية
واجهات متاجر سلة
Salla storefrontsالمتجر يبيع قبل ما أحد يقرأ وصف المنتج. أصمم الصفحة الرئيسية كنظام واحد — ترتيب الأقسام، بطاقة المنتج، شريط الثقة — عشان تبان العلامة جاهزة على الكمبيوتر وعلى الجوال.
نفس الهيكل.
علامة مختلفة.
هيكل صفحة رئيسية واحد لمتجر إلكترونيات، بتوجيهين فنيين. اسحب عليه: التخطيط والأقسام وبطاقات المنتجات ثابتة — والخط واللون والصور والمزاج تتغير بالكامل.
- يثبت
- ترتيب الأقسام، البنر الرئيسي مع المميزات، شريط التصنيفات، الأكثر مبيعاً، شريط الثقة، الفوتر
- يتغير
- الألوان، صورة البنر، مجموعة البنرات، أيقونات التصنيفات، شكل الأزرار، حرارة الواجهة كلها
- ليش مهم
- الهيكل القوي يخلي المتجر يغيّر هويته أو يطلق موسم جديد بدون ما يعيد بناء صفحته
- الحالة
- اتجاهات مفاهيمية
محاولة ثالثة لنفس العلامة: TECHNO بالأبيض والأسود، مع شبكة منتجات أخف وأقرب للطابع التحريري.
صفحات رئيسية كاملة
مرّر الماوس على المتجر عشان تشوف الصفحة كاملة. على الجوال، مرّر داخله.
RIWAA
عبايات — أسود ونحاسي وإطارات مقوّسة
NORA
عبايات — ضوء النهار، حجر وبني ناعم
NOVA
إكسسوارات جوال — عنابي بلون واحد
NEXO
إلكترونيات — أزرق ليلي، شريط ماركات، استبدال الأجهزة
مبني على سلة
الصفحة الرئيسية لـ EIDOS، مجهزة في محرر ثيمات سلة ومعروضة هنا بمعاينة الجوال: بنر حملة بعرض كامل، شريط متحرك لاسم العلامة، مربعات تصنيفات بالصور بدل الأيقونات، تعريف قصير بالعلامة، وتقييمات العملاء.
التوجيه
- الهوية البصرية للمتجر
- نظام الألوان
- الخطوط
- التسلسل البصري
الصفحة الرئيسية
- البنرات الرئيسية والحملات
- التصنيفات
- ترتيب الأقسام
- أقسام العروض
تفاصيل البيع
- بطاقات المنتجات
- الثقة ومميزات المتجر
- تقييمات العملاء
- تجربة الجوال
البناء
- تخصيص ثيمات سلة
- HTML · CSS / SCSS · JS
- React و Vite
- أدوات البرمجة بالذكاء الاصطناعي
مختبر الذكاء الاصطناعي
AI labالذكاء الاصطناعي جزء من طريقة صناعة الشغل، مو العنوان. هذي الدورة اللي أستخدمها في الأعمال البصرية.
الفكرة
وش لازم ينباع أو ينقال، ولمين. مراجع أولية.
ChatGPT, Claudeالتوجيه والبرومبت
المفهوم والمزاج والتكوين — وبعدها صياغة البرومبت بدقة.
ChatGPT, Claude, Geminiالتوليد
صور أو مقاطع كثيرة، وأحتفظ بالقليل اللي يصمد.
Higgsfield, PixVerseالتصميم
الخط والتخطيط ونظام الهوية — الجزء اللي ما يقدر عليه التوليد.
Photoshop, Canvaالتحرير
تصحيح المنتجات والنصوص والتفاصيل. قص الحركة وإضافة الصوت.
Photoshop, Descriptالمخرج النهائي
بمقاسات المتجر أو الفيد أو الريلز.
Salla, TikTok, Reels, Shorts
أشياء جهزتها وجربتها
نماذج محلية مع Ollama
شغّلت نماذج مثل Llama على جهازي عشان أجرب طريقة عمل ما تعتمد بالكامل على الخدمات السحابية.
Ollama, Llamaفيديو آلي مع MoneyPrinter
ثبّتت وشغّلت مشروع مفتوح المصدر محلياً — الواجهة الخلفية والأمامية، ربط نموذج ذكاء اصطناعي، وFFmpeg — لإنتاج فيديوهات بشكل شبه آلي.
Open source, FFmpegفيديو بالذكاء الاصطناعي للمنتجات
إعلانات منتجات قصيرة، أنيميشن للمنتجات، مفاهيم سينمائية، وتحويل الصور الثابتة لمشاهد متحركة للمحتوى القصير.
Higgsfield, PixVerse, Descriptصور بالذكاء الاصطناعي للإعلانات
أفكار إعلانية، صور منتجات، موكابات، ومشاهد صعب أو مكلف تصويرها — أستكشفها قبل التصميم النهائي.
Image generation toolsالبرمجة بالذكاء الاصطناعي
شغل الواجهات والثيمات، حل المشاكل، تحويل الأفكار لمواصفات، وبناء نماذج تطبيقات مع الذكاء الاصطناعي كشريك.
ChatGPT, Claude, Codexالأعمال المصنّفة «مفهوم» أو «عرض توضيحي» هي كذلك فعلاً — استكشاف إبداعي، مو حملة مكلّف فيها من العلامة المعروضة.
تصميم جرافيك
Graphic designصفحات منتجات مصممة بأسلوب ملفات المواصفات في عالم الأزياء: منظر أمامي وخلفي، خمس لقطات تفاصيل، وإطار هادي بلغتين. التطريز بنفس لون القماش والنصوص العربية الصغيرة تنقل هوية EIDOS من قطعة لقطعة.
سلسلة ستوري YUMO!
ست بوستات طولية تعرض تصميم المتجر كمنتج: الكشف، البنر، التصنيفات، الأكثر مبيعاً والتقييمات، التوافق مع الشاشات، ثم العرض.
أعمال سابقة
من ملف أعمالي الأول: هوية، شعار، ومطبوعات.
تجارب رقمية
Digital experimentsبَصَر BASAR
مفهوم لتطبيق يساعد المصممين على تحليل التصميم بصرياً.
بيننا Baynna
تطبيق اجتماعي مبني حول التفاعل اليومي والأنشطة المشتركة.
وش؟ WSH
تطبيق صغير يقترح عليك نشاط حسب الوقت المتاح عندك.
تجارب شخصية للآيفون بـ SwiftUI وXcode وأدوات البرمجة بالذكاء الاصطناعي. ولا واحد منها تطبيق منشور — هي المكان اللي أتعلم فيه كيف تنبني المنتجات فعلاً.
عنّي
Aboutأحب أحوّل الأفكار لأشياء تنستخدم وتنعرض وتنباع.
دايماً أجرب الأدوات الجديدة، بس الأداة عمرها ما كانت الهدف. أستخدمها لما تخلي النتيجة أفضل أو أسرع، أو تفتح إمكانية إبداعية ما كانت موجودة. أشتغل كشخص واحد يجمع التصميم والمتاجر والذكاء الاصطناعي — مو كوكالة.
I like turning ideas into things people can use, look at and buy. The tool is never the point — I use it when it makes the result better, faster, or possible.
التصميم
- Photoshop
- Canva
التجارة الإلكترونية
- Salla
الذكاء الاصطناعي
- ChatGPT
- Claude
- Gemini
- Ollama
- Image generation
- Video generation
التطوير
- HTML, CSS / SCSS
- JavaScript, React
- Xcode, SwiftUI
- GitHub
عندك مشروع في بالك؟
خلّنا نطلّعه أجمل من اللي يتوقعه أي أحد. هوية بصرية، متجر على سلة، أو محتوى بالذكاء الاصطناعي — قول لي وش تبيع.