إنشاء تصميم HTML لودجت
تفاصيل المشروع
متطلبات إنشاء تصميم HTML لودجت
الهدف: تحويل التصميم على Adobe Illustrator إلى واجهة HTML/CSS رسبونسف لودجت مطابق للمواصفات أدناه.
النطاق
•3 صفحات رئيسية.
•3 صفحات فرعية (Tabs) مرتبطة بالصفحات الرئيسية.
•الودجت مشابه للمرجع https://widget.wddk.sa/41.
•التصميم جاهز في Illustrator للنسختين: Desktop وMobile.
المتطلبات الفنية
•بناء بـ HTML + Tailwind CSS
•تجنّب استخدام مكتبات JavaScript خارجية قدر الإمكان.
•التصميم رسبونسف ويعمل على جميع أحجام الشاشات (mobile / tablet / desktop).
•استخدام ملفات SVG للرموز والشعارات بدل الصور.
•مراعاة سهولة التخصيص عبر ملف Tailwind config ( ألوان، خطوط، قياسات)
التفاعلات والسلوك
•نظام التنقل بين الصفحات والـ tabs يعمل دون تحميل صفحة كاملة (CSS-only tabs).
•التعامل مع حالة الـ hover، active، focus معرفة بوضوح.
•يمكن استخدام أنيميشن بسيط لتحسين تجربة المستخدم (Transitions أو Animations خفيفة عبر CSS فقط).
•التعامل مع حالات الخطأ والفراغ (empty states) معرف بصرياً.
ملفات التسليم
•مجلد يحتوى على صفحات HTML/ CSS.
•مجلد assets يحتوى الصور، SVG، والـ fonts المستخدمة.
•ملف README بسيط يوضح نقاط التوقف، طريقة البناء (build) إن وُجدت، وتعليمات تشغيل محلي.
معايير القبول
•تطابق بصري مع ملفات Illustrator للـ Desktop وMobile.
•يستجيب بشكل صحيح عبر الشاشات دون كسر التخطيط.
•يتم العمل بدون مكتبات خارجية للـ JS. لا وجود لأخطاء وظيفية عند التنقل بين Tabs.
•ملفات التكوين واضحة لتعديل الألوان والخطوط.
العروض المقدمة
Zeyad K.
السلام عليكم مع حضرتك بشمهندس زياد اقدر انفذلك مشروعك بدقة عاليه جدا خبرة 3 أعوام في مجال تطبيقات الويب Html Css JavaScript React.js TailwindCss Next.js Node.js...
مايكل س.
السلام عليكم : أنا مايكل ، مطور Frontend متخصص في HTML وTailwind CSS، وأرغب في تنفيذ مشروعك الخاص بتحويل تصميم Adobe Illustrator إلى واجهة HTML/CSS Responsive W...
خديجة أ.
السلام عليكم انا خديجة full stack web developer عندي خبره في تصميم html لودجت و اشتغلت على مشاريع زي ده قبل كده اقدر انفذلك كل اللي انت محتاجه ان شاء الله في ال...
Shrouq D.
مرحبا أستاذ خالد، أنا شروق مطورة Front End متخصصة في React.js بخبرة تتجاوز 5 سنوات في بناء واجهات تفاعلية واحترافية، بالإضافة إلى خبرة قوية في الـHTML و Tailwin...
Yuosef A.
مرحبا، أنا يوسف، مطور واجهات Frontend متخصص بـ HTML وTailwind CSS، مع خبرة قوية في تحويل تصاميم Illustrator إلى واجهات رسبونسف تعمل بسلاسة على جميع الأجهزة (Des...
Abdelrahman M.
السلام عليكم تود استاذ خالد أن يكون لديك ويدجت تفاعلي وسريع يعكس التصميم بجودة بصرية كاملة، ويعمل بدون أي تحميل صفحة عند التنقل بين التابات تماما مثل المرجع ولك...
Youssef H.
السلام عليكم استاذ خالد شفت الوصف بتاع مشروع الودجت وكمان ملفات التصميم اللي بعته وفهمت إنك محتاج حد يحول التصميم الجاهز في Illustrator لواجهة HTML/CSS رسبونسف ...
Omar D.
السلام عليكم ورحمة الله وبركاته، أنا مطور Full-Stack ومصمم واجهات، أعمل بكود نظيف ومنظم وأولي اهتماما كبيرا بالدقة في التفاصيل. سأنفذ التصميم من Adobe Illustrat...
Sayed M.
مرحبا بك يا أستاذ خالد، معك سيد محمد، مطور مواقع ويب محترف، لقد اطلعت على مشروعكم الخاص بـ إنشاء تصميم HTML لويدجت (Widget) وأرى أنه يتوافق تماما مع خبرتي ومهار...
Mohammed E.
السلام عليكم خالد، أنا محمد، مطور واجهات ويب بخبرة عملية في HTML / Tailwind CSS / responsive design. سبق لي تنفيذ تحويل تصاميم من Illustrator إلى صفحات HTML متط...
Amory D.
مرحبا، اطلعت على تفاصيل المشروع بدقة، ويمكنني تنفيذ تحويل تصميم الـ Illustrator إلى واجهة HTML Tailwind CSS متجاوبة بالكامل ومطابقة للتصميم بنسبة 100%. سأعتمد ع...
عبدالله م.
السلام عليكم اخي خالد معك عبدالله محمود Frontend Developer قرات تفاصيل مشروعك وقادر علي تنفيذ المشروع بالمواصفات المطلوبه .اشتغلت علي مشاريع باستخدام HTML,CSS,J...
Mostafa M.
السلام عليكم أنا مصطفى محمد مطور Front-End متخصص في HTML وCSS وتصميم واجهات المواقع. يمكنني تحويل تصميمك إلى صفحات HTML/CSS متجاوبة وسهلة الاستخدام، مع الحفاظ ع...
Suha A.
انا مصممة / مطورة واجهات أمامية بخبرة في تحويل تصاميم Illustrator إلى واجهات HTML/CSS رسبونسف عالية الدقة. أقدم عرضا متكاملا لتنفيذ ودجت مطابق للمواصفات مع التر...
Safaa M.
السلام عليكم استاذ خالد انا صفاء مجدى مطوره مواقع ويب يسعدني العمل على مشروعك لقد قرأت وصف المشروع وسأحرص على مطابقه العمل للتصميم مع مراعاه كل المتطلبات المذكو...
Walid A.
السلام عليكم بشمهندس، بعد الاطلاع علي تفاصيل مشروع الودجت بدقه تبين اني قادر علي تنفيذ كل المطلوب بإذن الله، خصوصا اني اشتغلت سابقا على واجهات تفاعلية باستخدام ...
ريهام ا.
مرحبا أستاذ خالد ، أنا ريهام , مطورة واجهات أمامية متخصصة في HTML وCSS وTailwind، وعندي خبرة قوية في تحويل التصاميم إلى واجهات ويب دقيقة ومطابقة بنسبة عالية جدا...
Mohammed M.
مرحبا، أنا محمد، مطور واجهات أمامية متخصص في HTML وTailwind CSS. اطلعت على تفاصيل المشروع وفاهم المطلوب بدقة. سأحول تصميم الـ Illustrator إلى واجهة HTML/CSS متج...
Zeinab M.
السلام عليكم ورحمة الله .. أنا زينب محمود، مطورة واجهات ويب بخبرة تتجاوز السنتين في تحويل التصاميم الاحترافية من Adobe Illustrator وFigma إلى صفحات HTML وCSS مت...
Rania A.
مرحبا استاذ خالد أنا رانيا، مطورة واجهات أمامية. أقدر أحول تصميم Illustrator لواجهة HTML/CSS متجاوبة تشتغل على جميع الشاشات، مع Tabs تفاعلية بدون JavaScript وحا...
جهاد ج.
مرحبا أستاذ خالد، مع حضرتك جهاد محمد مطورة واجهات أمامية (Front-End Developer) متخصصة في بناء صفحات ويب احترافية باستخدام HTML و Tailwind CSS مع خبرة في تحويل ا...
Hamdy M.
أنا حمدي محمد، مطور ويب شامل (Frontend / Tailwind) بخبرة في تحويل التصاميم إلى واجهات HTML/CSS رسبونسف وعملية. أستطيع تنفيذ مشروعكم لتحويل ملفات Adobe Illustrat...
Sidi B.
السلام عليكم ورحمة الله وبركاته أستاذ خالد. قرأت تفاصيل المشروع بعناية ووجدت أنه يناسب خبرتي تماما سأقوم بتحويل تصميم Adobe Illustrator إلى واجهة HTML وTailwind...
Khadidja H.
مرحبا أنا مهندسة برمجيات أحب تحويل التصاميم الجميلة إلى واجهات تفاعلية وعملية. لقد اطلعت على متطلبات مشروعكم، وأنا متحمسة للعمل على HTML/CSS رسبونسف مطابق لتصمي...
Mohamed H.
مرحبأ أ / خالد جاهز لتنفيذ المشروع بدقة واحتراف، تحويل تصميم Illustrator إلى ودجت HTML/Tailwind متجاوب، مطابق للتصميم، سريع، منظم، دون مكتبات خارجية وبجودة عالي...
Mostafa S.
السلام عليكم استاذ خالد انا مصطفى MEAN Stack Developer درست بكليه Computers and Artificial Intelligence وانهيت تدريب MEAN stack من وزارة الاتصالات NTI ولدي خبره...
Alaa E.
مرحبا أ.خالد ، أنا ألاء، مطورة Front-End متخصصة في HTML وCSS، ولدي خبرة في تصميم مواقع متجاوبة وجذابة لجميع الأجهزة. البورتفوليو الخاص بي مبني بالكامل بالطريقة ...
Taha A.
أنا طه، مطور واجهات front-end بخبرة أكثر من 10 سنوات في تنفيذ وتحويل التصميمات إلى واجهات تفاعلية احترافية. اطلعت على تفاصيل المشروع وفاهم المطلوب تماما تحويل ت...
Mohammed K.
مرحبا أ. خالد، بإمكاني تحويل تصميمك الحالي إلى موقع حي متكامل وفق المتطلبات المذكورة، مع اقتراح بعض التحسينات التقنية لضمان أفضل أداء وتجربة استخدام. ملاحظاتي و...
Alaa S.
السلام عليكم أستاذ خالد، أعرفك بنفسي: أنا علاء صابر، مهندس برمجيات و Full Stack Developer متخصص في تصميم وتطوير واجهات الويب، ولدي خبرة واسعة في تنفيذ المشاريع ...
Yassa K.
السلام عليكم استاذ خالد مع حضرتك يسي كمال مهندس برمجيات ومطور مواقع ويب اطلعت علي مشروع حضرتك بعناية وانا علي اتم الاستعداد للتنفيذ لدي خبرة كبيرة في html , css...
Mohamed A.
مرحبا انا محمد مطور وجهات أمامية frontend لدى خبرة جيده في html css js bootstrab tailwind react ولدي سابقه أعمال قمت باستخدام فيها هذه المهارات باحترافية عاليه ...
Lubna O.
هلا ومرحبا , معاكم لبنى مبرمجة واجهات امامية html,css, javascript لدي الخبرة في تحويل التصميم لكود تفاعلي ومتجاوب مع جميع قياسات شاشات الاجهزة من ايفون وايباد و...
Muhammad A.
مرحبا أستاذ خالد، اطلعت جيدا على تفاصيل مشروعك، ويسرني التقديم لتنفيذه بدقة واحترافية. لدي خبرة قوية في HTML، CSS، Tailwind CSS، وواجهة المستخدم المتجاوبة (Resp...
Mohamed A.
مرحبا أ.خالد اطلعت على تفاصيل مشروعك الخاصة بتحويل تصميم Adobe Illustrator إلى واجهة HTML / Tailwind CSS، وسيسعدني تنفيذ العمل لك باحترافية عالية وبدقة مطابقة ل...
Ahmed H.
أنا أحمد حمدي، Frontend Developer متخصص في,React,Next, JavaScript , Typescript HTML، CSS، وTailwind CSS، ولدي خبرة في تحويل تصاميم Illustrator وFigma إلى واجهات...
Mohamed A.
السلام عليكم ورحمة الله وبركاته، - سيتم تسليم الموقع في يومان إلى ثلاثة أيام - أنا محمد، لدي خبرة في هذا المجال تحديدا، وهو تحويل تصاميم Adobe Illustrator إلى و...
مجتبى م.
سأقوم بتحويل تصميمك من Adobe Illustrator إلى واجهة HTML Tailwind CSS متجاوبة تماما مع الشاشات المختلفة (موبايل، تابلت، وكمبيوتر). سألتزم بالتفاصيل البصرية للتصم...
Ashraf S.
السلام عليكم استاذ خالد اخبارك حضرتك ايه اتمنى تكون بخير معاك اشرف مصمم ومطور واجهات اماميه ومواقع e-commerce وfull stack developer و يمكننى تنفيذ ما تريده -شكل...
انطون ج.
السلام عليكم مع حضرتك بشمهندس انطون مطور واجهات أمامية (Front-End Developer) متخصص في تحويل تصميمات Adobe Illustrator إلى واجهات HTML/CSS متجاوبة واحترافية باست...
Mustafa S.
سلام عليكم، اسمي مصطفى, مطور واجهات أمامية (Frontend) متخصص في React / HTML / Tailwind CSS، وعندي خبرة في تحويل تصاميم من برامج مثل Adobe Illustrator إلى واجهات...
Asmaa M.
I am ready and willing to take on your project. I can complete it within the deadline you prefer and according to all the specifications you require. You can co...
مصطفى ن.
السلام عليكم استاذ خالد، شكرا لكم على تقديم معلومات تفصيليه عن المشروع لقد اطلعت على التفاصيل بدقة وأنا على ثقة تامة بقدرتي على تنفيذ هذا المشروع وفقا لجميع الم...