কাজ পাইয়ে দেয় এমন পোর্টফোলিও ওয়েবসাইট কীভাবে বানাবেন

কাজ পাইয়ে দেয় এমন একটি পোর্টফোলিও ওয়েবসাইট বানাতে আপনার লক্ষ্য দর্শকদের জন্য সেরা চার থেকে আটটি প্রজেক্ট বাছুন, প্রতিটিকে একটি ছোট গল্প হিসেবে উপস্থাপন করুন — সমস্যা, আপনি কী করেছেন, ফলাফল — এবং প্রতিটি পেজ থেকে আপনার সাথে যোগাযোগ সহজ করুন। এটি দ্রুত রাখুন, বিশেষ করে যদি ছবি-নির্ভর হয়, আর আপনার নামের একটি ডোমেইনে রাখুন। টুলের চেয়ে নির্বাচন ও লেখার গুরুত্ব বেশি।

আগে ভাবুন কে দেখছে

পোর্টফোলিও হলো একটি সেলস পেজ, যেখানে আপনার কাজটিই পণ্য। লেআউট বাছার আগে ঠিক করুন কারা আপনাকে নিয়োগ দিতে চায় এবং তাদের কী দেখতে হবে:

আপনি যদি দুটি খুব ভিন্ন দর্শকের সেবা করেন — ধরুন প্রোডাক্ট ডিজাইনের চাকরি ও ফ্রিল্যান্স ইলাস্ট্রেশন — আলাদা বিভাগ বা এমনকি আলাদা সাইটের কথা ভাবুন, যাতে কাউকে খুঁজতে না হয়।

কী অন্তর্ভুক্ত করবেন

কাজ

কম কিন্তু ভালো প্রজেক্ট বাছুন। যা আবার করে দিতে নিয়োগ পেতে চান না তা সরিয়ে দিন। আপনার সবচেয়ে শক্তিশালী ও প্রাসঙ্গিক কাজটি প্রথমে রাখুন; অনেক দর্শক প্রথম সারির পর আর স্ক্রল করেন না।

ডিজাইনার ও ডেভেলপারদের জন্য সেরা প্রজেক্টগুলো কেস স্টাডি হয়ে ওঠে। একটি কার্যকর কাঠামো:

1. সমস্যা — পরিস্থিতি ও কার কী ক্ষতি হয়েছিল তা এক-দুই বাক্যে।
2. আপনার ভূমিকা — আপনি কী করেছেন, এবং অন্যরা কী করেছে। নির্দিষ্ট থাকুন; ইন্টারভিউয়ে অতিরঞ্জন সহজে ধরা পড়ে।
3. প্রক্রিয়া — কয়েকটি মূল সিদ্ধান্ত, স্কেচ, ওয়্যারফ্রেম বা কোডের অংশসহ।
4. ফলাফল — কী প্রকাশ পেয়েছে, এবং আপনি সৎভাবে যে ফলাফল বলতে পারেন। সংখ্যা শেয়ার করতে না পারলে পরিবর্তনটি গুণগতভাবে বর্ণনা করুন।

ফটোগ্রাফার ও ইলাস্ট্রেটরদের জন্য ছবিগুলোই বেশিরভাগ কাজ করে। সেগুলো স্পষ্ট সেটে ভাগ করুন (বিয়ে, প্রোডাক্ট, সম্পাদকীয়), ক্যাপশন ছোট রাখুন, এবং গ্রিডকে শ্বাস নিতে দিন।

অ্যাবাউট ও যোগাযোগ

অ্যাবাউট বিভাগে বলুন আপনি কে, কী করেন, কাদের জন্য করেন, এবং কোথায় আছেন বা রিমোটে কাজ করেন কিনা। একটি আসল ছবি সাহায্য করে। প্রতিটি পেজ থেকে যোগাযোগের উপায় যেন স্পষ্ট হয়: একটি ছোট ফর্ম, একটি ইমেইল ঠিকানা, বা একটি কল বুক করার লিংক। বুকিং নিলে কীভাবে তা বলুন।

ঐচ্ছিক পেজ

• সেবা ও রেট — ফ্রিল্যান্সারদের জন্য উপযোগী, যদি আপনি অমিল থাকা অনুসন্ধান ছাঁকতে চান।
• সিভি বা রেজিউমে — চাকরি-প্রার্থীদের জন্য উপযোগী; একটি ডাউনলোডযোগ্য PDF ও পেজের ভেতরের সংস্করণ সাধারণ।
• লেখা বা নোট — শুধু তখনই মূল্যবান যদি আপনি নিয়মিত হালনাগাদ রাখেন। বহু বছর আগের একটি পরিত্যক্ত ব্লগ কোনো ব্লগ না থাকার চেয়ে ক্ষতি করে।
• প্রশংসাপত্র — শুধু সত্যিকারের, অনুমতিসহ।

সিদ্ধান্ত ও ট্রেড-অফ

স্ট্যাটিক সাইট, নাকি অ্যাপ? বেশিরভাগ পোর্টফোলিও সরল, কনটেন্ট-কেন্দ্রিক সাইট এবং ডেটাবেসের দরকার নেই। কারণ থাকলেই একটি যোগ করুন: অনুসন্ধান সংরক্ষণ করে এমন একটি যোগাযোগ ফর্ম, অ্যাডমিন পেজ থেকে ঘন ঘন হালনাগাদ করা একটি গ্যালারি, বা ক্লায়েন্ট প্রুফিং যেখানে মানুষ ছবি বাছে।

ছবি কোথায় থাকবে। বড় ছবিই ধীর পোর্টফোলিওর প্রধান কারণ। আপলোডের আগে আকার বদলান ও কম্প্রেস করুন, আধুনিক ফরম্যাট দিন, এবং দর্শক স্ক্রল করার সাথে সাথে ছবি লেজি-লোড করুন। বড় বা প্রায়ই বদলানো গ্যালারির জন্য ছবি সাইটের কোডে বান্ডল না করে সঠিক ফাইল স্টোরেজে রাখুন।

কীভাবে হালনাগাদ করবেন। এ বিষয়ে সৎ থাকুন। প্রতি মাসে কাজ যোগ করলে আপনার একটি সহজ উপায় দরকার — একটি সরল অ্যাডমিন পেজ, একটি CMS, অথবা একটি বিল্ডার যা সম্পাদনা করতে আপনি স্বচ্ছন্দ। বছরে দুবার হালনাগাদ করলে সরাসরি সাইট সম্পাদনা করাই ঠিক আছে।

সার্চে দৃশ্যমানতা। আপনার নাম ও পেশা এবং শহর দিয়ে কেউ খুঁজে পেতে চাইলে পেজে আসল লেখা, সঠিক হেডিং, প্রতিটি পেজের আলাদা শিরোনাম ও বিবরণ, এবং ছবিতে বর্ণনামূলক অল্ট টেক্সট লাগবে। দেখুন AI দিয়ে বানানো ওয়েবসাইটের SEO।

AI বিল্ডারের জন্য প্রথম প্রম্পট

একটি ভালো প্রম্পট দর্শক, পেজ, কাজ ও স্টাইলের নাম দেয়:

Lena Park-এর জন্য একটি পোর্টফোলিও ওয়েবসাইট বানাও, তিনি SaaS কোম্পানিতে সিনিয়র ইন-হাউস পদ খুঁজছেন এমন একজন প্রোডাক্ট ডিজাইনার। পেজ: হোম, একটি সংক্ষিপ্ত পরিচিতি ও ৫টি কেস স্টাডির গ্রিডসহ; একটি কেস স্টাডি পেজ টেমপ্লেট, যেখানে সমস্যা, আমার ভূমিকা, প্রক্রিয়া (ছবির গ্যালারিসহ) ও ফলাফলের বিভাগ থাকবে; অ্যাবাউট, যেখানে ছবি, সংক্ষিপ্ত বায়ো ও সিভি ডাউনলোড থাকবে; এবং কন্টাক্ট, যেখানে একটি সরল ফর্ম (নাম, ইমেইল, বার্তা) থাকবে, যা একটি ডেটাবেসে সংরক্ষণ করবে এবং একটি ধন্যবাদ বার্তা দেখাবে। স্টাইল: শান্ত ও মিনিমাল, প্রচুর সাদা জায়গা, একটি অ্যাকসেন্ট রঙ, বড় ও পড়ার উপযোগী টাইপ। ফোনে ভালো কাজ করে। একে একটি একটি করে বদলানো যায় এমন স্পষ্টভাবে চিহ্নিত প্লেসহোল্ডার প্রজেক্ট রাখো।

তারপর একবারে সব কনটেন্ট একটি বার্তায় না দিয়ে প্লেসহোল্ডার প্রজেক্টগুলো একটি একটি করে আপনার আসল কাজ দিয়ে বদলান। এতে যাচাই সহজ হয় এবং AI প্রতিটি পেজ ঠিকভাবে বানায়।

প্রম্পটের আরও ধরন জানতে AI অ্যাপ বিল্ডারের জন্য প্রম্পট কীভাবে লিখবেন দেখুন।

বানানোর ধাপ

1. কোনো টুল ছোঁয়ার আগে দর্শক ও প্রজেক্ট ঠিক করুন।
2. প্রতিটি কেস স্টাডির কপি প্রথমে একটি ডকুমেন্টে লিখুন: সমস্যা, ভূমিকা, প্রক্রিয়া, ফলাফল।
3. ছবি প্রস্তুত করুন — ক্রপ, আকার বদলানো ও কম্প্রেস করুন। ফাইলের নাম যুক্তিসংগতভাবে দিন।
4. একটি শুরুর লেআউট বানান বা বাছুন। পোর্টফোলিও টেমপ্লেট ব্রাউজ করা দ্রুত দেখার উপায় কোন স্টাইল আপনার কাজের সাথে যায়।
5. আগে হোম পেজ ও একটি কেস স্টাডি বানান ও ঠিক করুন, তারপর একই প্যাটার্ন পুনরাবৃত্তি করুন।
6. অ্যাবাউট ও যোগাযোগ যোগ করুন। যোগাযোগ ফর্মটি শুরু থেকে শেষ পর্যন্ত পরীক্ষা করুন।
7. ফোনে যাচাই করুন। পোর্টফোলিও প্রায়ই ছোট পর্দায় ভেঙে যায়: ঠাসা গ্রিড, বিশাল ছবি, ছোট ক্যাপশন।
8. SEO-র মৌলিক বিষয় ও একটি শেয়ার ছবি যোগ করুন, যাতে আপনি লিংক পাঠালে ভালো দেখায়।
9. প্রকাশ করুন ও আপনার ডোমেইন সংযুক্ত করুন। দেখুন কীভাবে একটি কাস্টম ডোমেইন সংযুক্ত করবেন।
10. আপনার লক্ষ্য দর্শকদের দুজনকে ত্রিশ সেকেন্ডের জন্য দেখতে বলুন এবং আপনি কী করেন তা বলতে বলুন। তারা না পারলে হোম পেজ ঠিক করুন।

সাধারণ ভুল

• সবকিছু দেখানো। দুর্বল প্রজেক্ট শক্তিশালী প্রজেক্টের প্রভাব কমায়। বাছাই করুন।
• প্রেক্ষাপট ছাড়া ছবি। ডিজাইন ও ডেভেলপমেন্ট কাজে, সমস্যা ও আপনার ভূমিকা ছাড়া একটি স্ক্রিনশট নিয়োগকর্তাকে খুব কমই কিছু বলে।
• ধীর, ভারী পেজ। অকম্প্রেসড পূর্ণ-রেজোলিউশনের ছবি মোবাইল ডেটায় সাইটটিকে ভাঙা মনে করায়।
• চতুর নেভিগেশন। অস্বাভাবিক মেনু ও স্ক্রল ইফেক্ট মজার হতে পারে, কিন্তু দর্শক যদি আপনার কাজ বা ইমেইল খুঁজে না পান তবে নয়।
• লুকানো যোগাযোগের তথ্য। প্রতিটি পেজের হেডার ও ফুটারে একটি যোগাযোগ লিংক রাখুন।
• যে ক্লায়েন্ট কাজ দেখানোর অনুমতি নেই তার কাজ ব্যবহার। চুক্তি ও NDA দেখুন; দরকার হলে প্রজেক্টের নাম গোপন করুন বা বর্ণনা করুন।
• কখনো হালনাগাদ না করা। পুরোনো তারিখের কাজ এবং বহু বছর আগের "সর্বশেষ প্রজেক্ট" ভুল বার্তা দেয়।

খরচ

একটি ব্যক্তিগত পোর্টফোলিওর চলমান খরচ সাধারণত কম: বার্ষিক নবায়ন হওয়া একটি ডোমেইন নাম, এবং হোস্টিং। অনেক বড় ছবির সাইটে অনেক বড় ফাইল সংরক্ষণ ও পরিবেশন করলে একটু বেশি খরচ হয়। ওয়েবসাইট বিল্ডার প্রায়ই হোস্টিংসহ মাসিক সাবস্ক্রিপশন নেয়; নিজে বানালে সস্তা হতে পারে, তবে রক্ষণাবেক্ষণের দায়িত্ব আপনার। প্রতিটি প্রোভাইডারের সাইটে বর্তমান মূল্য দেখুন, কারণ তা বদলায়।

কখন তৈরি প্রোডাক্টই ভালো বিকল্প

পোর্টফোলিও প্ল্যাটফর্ম ও পোর্টফোলিও থিমসহ ওয়েবসাইট বিল্ডার তখন ভালো যখন আপনি দ্রুত একটি মসৃণ ফল চান, ভিজ্যুয়াল এডিটর পছন্দ করেন, এবং কিছু কাস্টম দরকার নেই। যারা প্রিন্ট বিক্রি বা ক্লায়েন্ট গ্যালারি দেন, তাদের জন্য প্রুফিং ও প্রিন্ট বিক্রি ইতিমধ্যে সামলানো একটি ডেডিকেটেড ফটোগ্রাফি প্ল্যাটফর্ম বেশি উপযোগী হতে পারে। নিজে বানান যখন আপনি একটি স্বতন্ত্র ডিজাইন চান, এমন ফিচার দরকার যা প্ল্যাটফর্ম দেয় না, সরাসরি কোড বা ইন্টারঅ্যাক্টিভ কাজ দেখাতে চান, অথবা সাইটটি পুরোপুরি নিজের মালিকানায় রাখতে চান।

Mythex দিয়ে বানানো

Mythex উপরের প্রম্পটের মতো বর্ণনা থেকে একটি পোর্টফোলিও বানাতে পারে। আপনি এটি ফোনের মাপের ফ্রেমসহ লাইভ প্রিভিউতে দেখেন, চ্যাটে লেআউট ও কপি পরিমার্জন করেন, এবং yourname.mythex.app-এ প্রকাশ করেন। অনুসন্ধান সংরক্ষণ করে এমন একটি যোগাযোগ ফর্ম চাইলে Mythex প্রজেক্টে একটি ডেটাবেস যোগ করে; ছবির গ্যালারির জন্য প্রজেক্টের ফাইল স্টোরেজ ব্যবহার করতে পারে, যাতে ছবি কোডে ঠেসে না যায়। Pro-তে Mythex-এ একটি ডোমেইন কিনতে পারেন, অথবা আগে থেকে মালিক এমন একটি সংযুক্ত করতে পারেন, এবং পরে অন্য কোথাও হোস্ট করতে চাইলে কোড এক্সপোর্ট করতে বা GitHub-এ সিঙ্ক করতে পারেন।

এটি পোর্টফোলিও ব্যবহারের ক্ষেত্র ডক্সে আছে, এবং ফাইল স্টোরেজ ব্যাখ্যা করা আছে। শুরু করতে AI পোর্টফোলিও ওয়েবসাইট বিল্ডার দিয়ে শুরু করতে পারেন, অথবা একটি নির্দিষ্ট স্টাইলের টেমপ্লেট যেমন ডেভেলপার পোর্টফোলিও বা ফটোগ্রাফি পোর্টফোলিও।

প্রশ্নোত্তর