11 أغسطس 2025·8 دقيقة
كيفية بناء موقع محفظة في 30 دقيقة (بدون كود)
أنشئ موقع محفظة نظيفًا في حوالي 30 دقيقة—بدون برمجة. اتبع قائمة مبسطة: اختر قالبًا، أضف الأعمال، ربط نطاق مخصص، وانشر.
أنشئ موقع محفظة نظيفًا في حوالي 30 دقيقة—بدون برمجة. اتبع قائمة مبسطة: اختر قالبًا، أضف الأعمال، ربط نطاق مخصص، وانشر.
بنهاية هذا الإنشاء السريع، سيكون لديك موقع محفظة نظيف من صفحة واحدة يقوم بثلاثة أدوار جيدة: يعرض أعمالك، يشرح من أنت، ويجعل التواصل معك سهلًا.
صفحة بسيطة تحتوي على:
هذا متعمد أن يكون الحد الأدنى. صفحة محفظة واحدة أسرع في الإنشاء، أسهل في التحديث، وغالبًا ما تحقق تحويلات أفضل من موقع متعدد الصفحات عندما يراجع شخص أعمالك بسرعة.
يناسب هذا الأسلوب المستقلين، الطلاب، المبدعين، والباحثين عن عمل الذين يحتاجون لشيء احترافي بسرعة—خاصةً إذا كنت تتقدم لوظائف أو تعرض خدمات لعملاء أو تشارك أعمالك عبر منصات التواصل.
للبقاء ضمن 30 دقيقة، جمع ما يلي أولًا:
بناء خلال 30 دقيقة ينجح فقط إذا قضيت 3–5 دقائق في تحديد شكل "المكتمل". وإلا ستقضي الوقت في تعديل الخطوط، إعادة ترتيب الأقسام، وإعادة التفكير فيما تضيف.
اختر النتيجة الأساسية لمحفظتك:
هذا الهدف يحدد ما تبرزه أولًا: دورك ونتائجك للتوظيف، عرضك وعملك للعملاء، أو أعمالك المتخصصة للتخصص.
قرّر ما إذا كنت تبني:
إذا كنت تتسابق مع الوقت، ابدأ بصفحة واحدة الآن—يمكنك تقسيمها صفحات لاحقًا.
اختر CTA أساسي واحد و(اختياريًا) CTA ثانوي واحد. أمثلة:
يجب أن تدعم كل عناصر الصفحة هذه الإجراءات.
قبل أن تلمس قالبًا، صِغ سطرًا بسيطًا:
أساعد [من] في [ماذا]، حتى يتمكنوا من [النتيجة].
مثال: "أساعد شركات SaaS في تصميم مسارات الانخراط التي تقلل التسرب وتحسن التفعيل."\n احتفظ بهذه الجملة مرئية أثناء البناء—إنها مرشِّح لما تضيفه وما تقصيه.
المنشئ يحدد مدى سهولة أن تشعر هذه المشروع "30 دقيقة". اختر شيئًا يسمح بالنشر دون القتال مع القوائم.
إذا أردت نتيجة أكثر تخصيصًا دون دورة تطوير تقليدية، فـ Koder.ai خيار آخر: منصة تولّد تطبيقات React حقيقية بناءً على وصفك في الدردشة (مع Go + PostgreSQL متاحين لاحقًا إذا أردت ميزات خلفية). يمكنك تصدير الشيفرة، النشر/الاستضافة، ربط نطاق مخصص، واستخدام لقطات/استرجاع—مناسب إذا أردت شيئًا مرنًا لكن سريعًا.
ابدأ بهذه الأمور الضرورية:
كثير من الأدوات تبدو رخيصة حتى تصل إلى جدار الدفع. تفحص:\n
إذا كانت الأسعار مهمة، قارن المستويات على /pricing واختر الخطة الدنيا التي تدعم نطاقًا مخصصًا والميزات أعلاه. يمكنك الترقية لاحقًا عندما تتوسع محفظتك.
القالب الجيد يجب أن يبدو كنقطة بداية مفيدة—ليس كلغز عليك حله قبل أن تنشر. عند استهداف بناء خلال 30 دقيقة، القالب الخطأ هو أسرع طريقة لإضاعة الوقت.
اختر قالبًا مصممًا لعرض الأعمال: قسم رأس واضح، شبكة للمشاريع، قسم "من أنا" قصير، وقسم اتصال واضح. إذا بدأت من قالب صفحة أعمال أو حدث، ستقضي وقتك في الحذف وإعادة الترتيب بدلًا من النشر.
قدّم الأولوية للطباعة النظيفة، التباعد القوي، والمساحات البيضاء. التأثيرات المتحركة الفاخرة، التنقل غير التقليدي، وتأثيرات التمرير "الإبداعية" قد تبدو رائعة في العرض، لكنها غالبًا ما تجعل المحتوى أصعب في المسح وأصعب في التعديل.
محفظتك هي المنتج. يجب أن يخرج القالب عن طريقك.
قبل الالتزام، تأكد أن القالب يمكنه استيعاب الأساسيات دون حيل:
إذا لم يتضمن القالب هذه العناصر بشكل طبيعي، فستضطر لفرضها—وهنا يبدأ الإحباط مع المنشئ.
افتح معاينة الجوال وامسح للبحث عن ثلاثة أشياء:\n
إذا كان العرض على الجوال فوضويًا الآن، فلن يتحسن سحريًا لاحقًا. اختر قالبًا أبسط واستمر—يمكنك دائمًا تحسين الشكل بعد نشر المحفظة.
محفظتك لا تحتاج إلى دليل علامة كامل لتبدو احترافية. ما تحتاجه هو بعض الاختيارات المتسقة بحيث يبدو كل عنصر منتميًا.
إذا كان لديك شعار، ارفعه واستخدمه في الرأس والتذييل فقط. إذا لم يكن لديك، يعمل كلمة علامة نظيفة (اسمك بخط جيد) بشكل مثالي—خاصة للمستقلين والمبدعين.
اختر لون تمييز واحد ستستخدمه للروابط، الأزرار، وبعض اللمسات الصغيرة (ليس لكتل نصية كبيرة). طريقة بسيطة للاختيار: اسحب لونًا من أفضل صورة مشروع لديك.
قصر نفسك على خط واحد للعناوين وآخر للنص. العديد من القوالب تبدو "فوضوية" لأنها تمزج أنماطًا كثيرة من الطباعة.
اجعلها قابلة للقراءة:\n
إذا لم تكن متأكدًا، التزم بإعدادات القالب الافتراضية وغير فقط لون التمييز.
الاتساق هو ما يجعل موقعًا بلا كود يبدو مخصصًا.
إعدادات سريعة لتوحيد المظهر:\n
هذا أهم من التأثيرات الفاخرة، ويجعل القوالب تبدو مصقولة بدلًا من "قالبية".
قم بمسح سريع مدته 10 ثوانٍ: هل يمكنك قراءة النص بسهولة على كل خلفية؟
محفظة متوافقة مع الجوال هي غالبًا المكان الذي تظهر فيه مشاكل التباين أولًا، لذا عاين على الجوال قبل المتابعة.
لا تحتاج إلى خريطة موقع معقدة لإطلاق محفظة جيدة بلا كود. صفحة واحدة واضحة غالبًا ما تكفي—خاصة عندما هدفك بناء المحفظة في 30 دقيقة.
استخدم سريانًا بسيطًا من الأعلى إلى الأسفل. هذه الأقسام تغطي ما يبحث عنه معظم الزوار في أقل من دقيقة:
إذا بدأ القالب بكتل إضافية (مدونة، نشرة إخبارية، تسعير، شبكات ميزات طويلة)، احذفها الآن. يمكنك إضافتها لاحقًا.
الهيرو هو قسم "لماذا أهتم؟" استخدم قائمة التحقق الضيقة هذه:\n
اجعله سريع المسح: جمل قصيرة، عناوين واضحة، ومساحة كافية.
أضف شريط تنقل فقط إذا كانت الصفحة طويلة. إذا كانت الصفحة تندرج في بضع تمريرات، تجنب التنقل ودع التخطيط يوجّه الناس طبيعيًا.
استخدم نفس النمط لكل قسم: عنوان، سطر افتتاحي قصير، ثم المحتوى. الاتساق يجعل محفظتك تبدو مقصودة—حتى لو بُنيت بسرعة.
مشاريعك هي جوهر المحفظة. هدفك هو 3–6 قطع قوية تثبت ما تستطيع فعله، بدلًا من ملء الصفحة بكل ما صنعته على الإطلاق.
اختر أعمالًا تتناسب مع نوع الوظائف التي تريدها تاليًا. إذا كنت مصممًا، أعرض التصميم؛ إذا كنت مصورًا، ابدأ بأفضل سلسلة صور لديك؛ إذا كنت عامًا، اختر مزيجًا لا يزال متماسكًا.
فلتر سريع: احذف أي شيء لا يمكنك شرحه بثقة في مقابلة قصيرة. إذا كان المشروع يحتاج إلى تبريرات طويلة ("لم أفعل الكثير فعليًا"), فهو يضعف الموقع كله.
لكل مشروع، أدرج نفس التفاصيل الأساسية حتى يستطيع الزائر المسح بسهولة:\n
اجعلها قصيرة—2–5 جمل قصيرة عادةً كافية.
استخدم 3–6 صور لكل مشروع، أو فيديو قصير إذا كان العمل حركيًا. ضع أقوى صورة أولًا، لأن هذه هي التي ستُنقر.
إن أمكن، أضف صورة "عملية" واحدة (مخطط، رسم أولي، قبل/بعد، ورقة اتصال) لإظهار طريقة تفكيرك—بدون تحويل الصفحة إلى رواية دراسة حالة.
استخدم عناوين واضحة وتسميات (مثل "هوية بصرية"، "إعادة تصميم موقع"، "جلسة تصوير تحريرية"). إذا احتوى المشروع على رابط، اجعله واضحًا وبسيطًا: "عرض الموقع الحي" أو "مشاهدة المونتاج النهائي".
قسم "من أنا" له مهمة واحدة: مساعدة شخص على اتخاذ قرار سريع إن كنت الشخص المناسب للتواصل معه.
استخدم صورة رأس ودود أو رسم توضيحي/أفاتار نظيف. اجعل الخلفية بسيطة والإضاءة طبيعية. الصور المزدحمة، صور الحفلات، والفلاتر الثقيلة تجعل الناس يعملون بجهد أكبر لفهمك.
استهدف 4–6 سطور إجمالًا:\n
مثال:
أنا مصمم واجهات مستخدم حر أركز على صفحات هبوط نظيفة مهيأة للتحويل لفرق SaaS. سابقًا، ساعدت شركة تكنولوجيا مالية في إطلاق مسار انخراط جديد وحسّنت التفعيل بنسبة 18%. أبحث عن 1–2 مشاريع عمل حر جديدة هذا الشهر.
اذكر الأدوات التي تستخدمها فعليًا (Figma، Webflow، Notion)، الصناعات التي تعرفها (الصحة، التكنولوجيا المالية، التعليم)، والجوائز/الشهادات فقط إذا كانت دقيقة وذات صلة.
إذا كان مناسبًا لمجالك، أضف سطرًا قصيرًا مع PDF مسمّى بوضوح:
"تحميل السيرة الذاتية (PDF)"
ضعه قرب زر الاتصال حتى يستطيع الزائر قراءة قصتك، الوثوق بك، واتخاذ إجراء في تمريرة واحدة.
محفظة جميلة تعمل فقط إذا استطاع شخص الوصول إليك بسرعة. يجب أن يكون قسم الاتصال واضحًا وقصيرًا وخالٍ من العوائق—بدون بحث، بدون تخمين.
استهدف خيارين، ثلاثة كحد أقصى:\n
إذا أضفت أكثر من ذلك، يتردد الناس. اجعلها بسيطة و(إذا كان لديك شريط تنقل) ضع التسمية "اتصل".
جملة واحدة يمكن أن تقلل المراسلات وتستقطب استفسارات أفضل. مثال:
"متاح لمشاريع تصميم علامة تجارية بدءًا من الشهر القادم. زمن الاستجابة النموذجي: خلال 1–2 يومي عمل."
قل ذلك فقط إذا كان صحيحًا. إذا لم تكن متاحًا للعمل، اذكر ما الذي تفتحه (تعاونات، وظائف بدوام كامل، محادثات).
رابط الحجز مفيد للعمل القائم على الخدمة، لكن أضفه فقط إذا كنت قادرًا على تحديثه ومرتاح لأن يحجز الناس دون مراسلة أولى. إذا كان جدولك يتغير كثيرًا، التزم بالبريد + النموذج.
إذا كنت تعمل مع عملاء، أضف ملاحظة سريعة مثل "مقيم في برلين (CET)" أو "أعمل عالمياً (UTC-5)". يساعد ذلك الناس على اقتراح مواعيد ويعطي انطباعًا احترافيًا—خصوصًا للعمل عن بُعد.
كرر رابط الاتصال في التذييل أيضًا. الناس يمررون، يقررون، وينقرون من هناك.
يمكن أن تمتلك محفظة جميلة وتفقد الناس إذا كانت مربكة على الهاتف أو تستغرق وقتًا طويلًا للتحميل. اقضِ بضع دقائق هنا وسيبدو موقعك مصقولًا—بدون إضافة صفحات.
معظم الزوار سيشاهدون محفظتك على هاتف. افتح معاينة الجوال في المنشئ وامسح سريعًا من أعلى لأسفل.
عاين على أحجام شاشة متعددة (جوال، تابلت، سطح مكتب) وابحث عن:\n
الإصلاحات عادة بسيطة: قلّل الحشو، اضبط المسافات المتسقة، أو حوّل الكتل متعددة الأعمدة إلى عمود واحد على الجوال.
المواقع السريعة تبدو أكثر احترافية. المسببات الأكبر للبطء هي الصور كبيرة الحجم والوسائط الخلفية.
قم بضغط الصور الكبيرة (خاصة لقطات المشاريع). كقاعدة عامة، صور المحفظة نادرًا ما تحتاج أن تتجاوز ~2000 بكسل عرضًا. إذا كان لدى منشئك خيار "تحسين"، فعّله.
تجنب مقاطع الفيديو الخلفية الضخمة. إذا رغبت بالحركة فعلاً، حلقة خفيفة أو مقطع مضمن صغير يكفي—يجب أن يكون عملك هو محور الاهتمام، ليس الرأس.
انقر كل زر ورابط—بما في ذلك أيقونات التواصل، بطاقات المشاريع، وزر البريد/الاتصال.
تأكد من:\n
قبل النشر، مر بسرعة على الجودة:\n
عندما تكون محفظتك صديقة للجوال، سريعة التحميل، وخالية من الأخطاء الصغيرة، تبدو أكثر مصداقية—حتى لو شيدتها في أقل من 30 دقيقة.
النطاق المخصص يجعل محفظتك تبدو مكتملة—ومن الأسهل مشاركته في السير الذاتية، توقيع البريد، والملفات الشخصية الاجتماعية. النشر عادة زر واحد. ربط النطاق يستغرق بضع دقائق إضافية لكنه مباشر.
اجعله بسيطًا ومهنيًا:\n
إذا كان اسمك الكامل مأخوذًا، جرّب تعديلات صغيرة قابلة للقراءة (الحرف الأوسط، "studio"، أو مهنتك). تجنّب الشرطات والعبارات الطويلة—الناس يخطئون في كتابتها.
معظم المنشئات ترشدك عبر خطوات الإعداد.
اربط النطاق من إعدادات المنشئ واتبع تعليمات DNS بعناية.
عادةً ستنسخ سجل/سجلين DNS (غالبًا A record و/أو CNAME) إلى مسجّل النطاق (مكان شراء النطاق). تحقّق من الإملاء، علامات الترقيم، وما إذا كان السجل يستهدف نطاق الجذر (yourname.com) أم "www".
بعد تغييرات DNS، امنحها بعض الوقت. بعض النطاقات تتصل خلال دقائق؛ وأخرى تستغرق ساعات. بعد أن تُحلّ، افتح موقعك على كل من yourname.com وwww.yourname.com (إذا كنت تستخدم كلاهما) وتحقق من تحميله دون تحذيرات أمان.
أخيرًا، اضبط الإصدار المفضل (عادة غير www أو www) كنطاق رئيسي حتى تشارك دائمًا رابطًا واحدًا نظيفًا.
يبدو السيو تقنيًا، لكن الأساسيات لموقع محفظة بلا كود هي في الغالب حقول بسيطة وصياغة واضحة. اقض بضع دقائق هنا وستجعل موقعك أسهل للفهم—للبشر ومحركات البحث.
في إعدادات السيو داخل المنشئ، ابحث عن حقول Page Title وMeta Description (غالبًا تحت "SEO" أو "إعدادات الصفحة" أو "معاينة البحث").
اجعل عنوان الصفحة محددًا وقابلاً للقراءة. صيغة قوية هي:
اسمك — الدور | محفظة
مثال: Jordan Lee — Product Designer | Portfolio
للوصف التعريفي، اكتب جملة قصيرة تشرح ماذا تفعل وماذا سيجده الزائر.
مثال: "مصمم منتجات متخصص في تطبيقات الجوال وأنظمة التصميم. عرض مشاريع مختارة، العملية، وتفاصيل الاتصال."
الصفحة الرئيسية يجب أن تحتوي على H1 واحد واضح في الأعلى—عادة اسمك ووظيفتك. هذا يساعد الزوار على فهم ما تفعله فورًا.
أمثلة H1 جيدة:\n
ثم استخدم عناوين وصفية للأقسام مثل "أعمال مختارة"، "من أنا"، و"اتصل". تجنّب تسميات مبهمة مثل "مرحبًا" أو "الأشياء التي صنعتها". العناوين الواضحة تجعل محفظتك أسهل للمسح والفهرسة.
مواقع المحفظة غنية بالصور، لذا أضف نصًا بديلاً حيث يهم: صور مصغرة للمشاريع، صور الهيرو، وأي صورة تنقل نتيجة.
يجب أن يصف النص البديلي ما يحتاج الشخص إلى معرفته، لا كل بكسل. أمثلة:\n
يحسّن هذا الوصول ويعطي محركات البحث سياقًا إضافيًا.
بعض منشئي المحافظ يتيحون ربط أدوات البحث أو توليد خريطة موقع تلقائيًا. إن كانت منصتك تدعم ذلك، قدّم موقعك هناك.
إن لم تفعل، لا تؤخّر الإطلاق: انشر، ثم شارك الرابط مباشرة في الأماكن التي تجذب انتباهًا بالفعل—الملف الشخصي في LinkedIn، بيو إنستاغرام، وأي دليل أو مجتمع نشط فيه.
قبل أن تشارك محفظتك، قم بمرور سريع لضمان أن كل شيء يعمل ويبدو احترافيًا. موقع نظيف ووظيفي أفضل من موقع لامع بروابط معطلة.
استخدم تحليلات أساسية لقياس الزيارات، نقرات المشاريع، وتقديمات الاتصال. بعد أسبوع، حدّد المشروع الذي يحصل على أكثر النقرات وأعد كتابة أي عناوين مشاريع لا تجذب اهتمامًا.
نعم. غالبًا ما تكون المحفظة ذات الصفحة الواحدة أفضل للقرارات السريعة لأنها سهلة المسح.
استهدف تدفقًا نظيفًا: الرأس → الأعمال → من أنا → اتصل. يمكنك دائمًا تقسيم المشاريع إلى صفحات حالة دراسة منفصلة لاحقًا بعد نشر الموقع.
اجعلها بسيطة حتى تتمكن من الانتهاء:
إذا لم يكن لديك 3 مشاريع، انشر بعمل/عملين قويين وأضف المزيد لاحقًا.
اختر هدفًا أساسيًا واحدًا ودعه يوجّه اختياراتك:
عندما لا تكون متأكدًا مما تدرجه، ضمّن فقط ما يدعم هذا الهدف.
اختر الأداة التي تُقلّل الاحتكاك:
قبل الالتزام، افحص وجود جدران دفع حول النطاق المخصص، النماذج، التخزين/النطاق الترددي، التحليلات، وإزالة العلامة التجارية (تُذكر غالبًا على /pricing).
اختر قالبًا يحتوي بالفعل على الأقسام التي تحتاجها (رأس، شبكة مشاريع، من أنا، اتصل). ثم اطلع على معاينة الجوال قبل التخصيص.
تجنّب القوالب التي تعتمد على تأثيرات متحركة ثقيلة، تنقل غير مألوف، أو تخطيطات معقدة—ستضيع وقتك في إصلاح الاستجابة والقراءة.
قُم بتقييد “علامتك” إلى اختيارات متسقة قليلة:
التناسق يقرأ كـ"مخصص" حتى لو استخدمت قالبًا.
استخدم صيغة متكررة حتى يسهل على القارئ المسح:
احتفظ بها مختصرة (2–5 جمل قصيرة) وابدأ بأقوى مرئي لديك.
استخدم بنية بسيطة تجيب على سؤال «هل يجب أن أتواصل معه؟» بسرعة:
حافظ عليها دون دقيقة قراءة، وضع خطوة واضحة تالية بالقرب منها (زر البريد/الاتصال، اختياريًا "تحميل السيرة الذاتية (PDF)").
قدّم خيارين (ثلاثة كحد أقصى):
أضف سطر توقعات قصير (زمن الرد، التوفر) واذكر موقعك/منطقتك الزمنية إذا كنت تعمل عن بُعد. كرر رابط الاتصال في التذييل ليكون سهل الوصول بعد التمرير.
قم بهذه الفحوصات السريعة:
بعد النشر، شارك الرابط على LinkedIn، توقيع بريدك، والملفات الشخصية الاجتماعية، ثم راقب أي المشاريع تحصل على نقرات وعدّل الصفحة الرئيسية وفقًا لذلك.