৩০ মিনিটে পোর্টফোলিও ওয়েবসাইট বানান (কোড ছাড়া)

আপনি ৩০ মিনিটে কি বানাবেন

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

"Publish" বাটনে চাপলে আপনি যা পাবেন

একটি সরল পেজ যেখানে থাকবে:

• উপরের সেকশন (আপনার নাম + আপনি কি করেন + একটি স্পষ্ট কল-টু-অ্যাকশন)
• প্রোজেক্ট সেকশন যেখানে ৩–৬টি কাজ থাকবে, প্রতিটির সঙ্গে একটা সংক্ষিপ্ত বর্ণনা
• একটি About সেকশন যা এক মিনিটে পড়া যায়
• Contact সেকশন যেখানে সঠিক লিংক থাকবে (ইমেইল, সোশ্যাল, বুকিং লিংক বা একটি ফর্ম)

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

এটা কার জন্য

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

শুরু করার আগে কি প্রস্তুত রাখবেন

৩০ মিনিটে আটকে থাকতে চাইলে এগুলো আগে জোগাড় করুন:

• ৩–৬টি প্রকল্প (ইমেজ, লিঙ্ক বা সংক্ষিপ্ত কেস স্টাডি নোট)
• ১টি হেডশট (অথবা একটি সরল লোগো/অ্যাভাটার)
• একটি সংক্ষিপ্ত বায়ো (২–৪ বাক্য)
• ভিজিটরদের ক্লিক করার জন্য লিংক (ইমেইল, LinkedIn, Behance, GitHub, Dribbble ইত্যাদি)

৩০-মিনিট টাইম প্ল্যান

• সেটআপ (৫ মিনিট): একটি বিল্ডার বেছে নিন, সাইট শুরু করুন, একটি শুরু করা ডিজাইন বেছে নিন
• কন্টেন্ট (১৫ মিনিট): প্রোজেক্ট যোগ করুন, হেডলাইন ও About লিখুন, কন্ট্যাক্ট লিংক যোগ করুন
• পলিশ (১০ মিনিট): স্পেসিং, পাঠযোগ্যতা, মোবাইল চেক, এবং টাইপোগ্রাফিক/টেক্সট চেক

শুরু করার আগে সাইট প্ল্যান করুন

৩০-মিনিটের বিল্ড কাজ করবে শুধু যদি আপনি ৩–৫ মিনিট কি “ডানের” মানে সেটি সিদ্ধান্ত নিতে ব্যয় করেন। নাহলে আপনি ফন্ট টুইক, সেকশন পুনর্বিন্যাস বা কি রাখতে হবে তা নিয়ে সময় নষ্ট করবেন।

১) একটি স্পষ্ট লক্ষ্য নির্ধারণ করুন

আপনার পোর্টফোলিওর প্রধান ফলাফল বেছে নিন:

• চাকরি পেতে (রিক্রুটার ও হায়ারিং ম্যানেজার)
• ক্লায়েন্ট পেতে (যারা আপনার সেবা কিনতে প্রস্তুত)
• একটি বিশেষত্ব দেখাতে (যেমন “ফিনটেক অ্যাপসের UX” বা “ফুড ফটোগ্রাফি”)

এই লক্ষ্য নির্ধারণ করবে কোনটা প্রথমে হাইলাইট করবেন: নিয়োগের জন্য আপনার ভূমিকা ও আউটকাম, ক্লায়েন্টের জন্য আপনার অফার ও প্রক্রিয়া, বা একটি নির্দিষ্ট শিল্পে আপনার বিশেষ কাজ।

২) একটি সরল স্ট্রাকচার বেছে নিন

নির্ধারণ করুন আপনি কি তৈরী করতে চান:

• সিঙ্গেল-পেজ সাইট: দ্রুততম, অধিকাংশ ক্রিয়েটিভ ও ফ্রিল্যান্সারের জন্য সেরা। ভিজিটররা স্ক্রোল করে, আপনাকে বোঝে, এবং যোগাযোগ করে।
• মাল্টি-পেজ সাইট: দরকারী যদি আপনার অনেক কেস স্টাডি, লেখা বা একাধিক সার্ভিস থাকে।

যদি আপনি টাইমের সাথে দৌড়াচ্ছেন, এখনই সিঙ্গেল পেজ দিয়ে শুরু করুন—পরে পেজ আলাদা করা যাবে।

৩) ১–২টি কল-টু-অ্যাকশন (CTA) বেছে নিন

একটি প্রধান CTA এবং (ঐচ্ছিক) একটি সেকেন্ডারি CTA রাখুন। উদাহরণ:

• “ইমেইল করুন”
• “একটি কল বুক করুন”
• “রিজিউম ডাউনলোড করুন”

পেজের সবকিছুই এই ক্রিয়াগুলোকে সাপোর্ট করা উচিত।

৪) এক বাক্যে অবস্থান নির্ধারণ করুন

টেমপ্লেটে হাত দেওয়ার আগে একটা সরল লাইন ড্রাফট করুন:

আমি [কে]কে [কি] করে সাহায্য করি, যাতে তারা [ফলাফল] পায়।

উদাহরণ: “আমি SaaS স্টার্টআপদের জন্য অনবোর্ডিং ফ্লো ডিজাইন করি যা চর্ন কমায় এবং অ্যাক্টিভেশন বাড়ায়।”

বিল্ড করার সময় এই বাক্যটি দৃশ্যমান রাখুন—এটি কি রাখা এবং কি বাদ দেবেন সেটার ফিল্টার।

বিল্ডার বেছে নিন (কী দেখতে হবে)

আপনার বিল্ডার নির্ধারণ করবে এই “৩০-মিনিট” প্রকল্প কতটা দ্রুত মনে হবে। এমন কিছু বেছে নিন যা আপনাকে মেনুতে লড়াই না করে প্রকাশ করতে দেয়।

সাধারণ অপশন (কাদের জন্য মিশে)

• ওয়েবসাইট বিল্ডার (সামগ্রিক): যদি আপনি সিম্পল মাল্টি-পেজ সাইট চান এবং পরে বাড়ানোর সুযোগ চান।
• পোর্টফোলিও-নির্দিষ্ট টুল: গ্যালারি, প্রোজেক্ট ও কেস স্টাডির জন্য দুর্দান্ত—ডিজাইনার, ফটোগ্রাফার, ইলাস্ট্রেটরের জন্য আদর্শ।
• ল্যান্ডিং পেজ টুল: এক-পেজ পোর্টফোলিওর জন্য উপযুক্ত যেখানে একটি শক্তিশালী CTA থাকে (যেমন “বুক একটি কল” বা “ইমেইল করুন”)।

যদি আপনি আরও কাস্টম চান তবে Koder.ai-র মত প্ল্যাটফর্মও আছে: এখানে চ্যাটে আপনার পোর্টফোলিও বর্ণনা করে আপনি একটি রিয়েল React ওয়েব অ্যাপ জেনারেট করতে পারেন (পরে Go + PostgreSQL ব্যাকএন্ডের অপশন)। সোর্স কোড এক্সপোর্ট, ডিপ্লয়/হোস্ট, কাস্টম ডোমেইন কানেক্ট এবং স্ন্যাপশট/রোলব্যাক সুবিধা আছে—লচকদার কিন্তু তবুও দ্রুত অপশন।

সময় নষ্ট না করতে কী দেখবেন

প্রথমে এই ম্যান্ডেটরি গুলো দেখুন:

• টেমপ্লেট আপনি আদৌ এডিট করতে পারবেন: ক্লিন লেআউট, সহজ সেকশন রি-অর্ডার, এবং যুক্তিসঙ্গত টাইপোগ্রাফি ডিফল্ট
• ইমেজ হ্যান্ডলিং: অটোমেটিক কমপ্রেশন, সুন্দর গ্যালারি এবং ম্যানুয়াল রিসাইজ ছাড়া দ্রুত লোড
• মোবাইল এডিটিং ও প্রিভিউ: মোবাইল স্পেসিং, ফন্ট সাইজ ও ইমেজ ক্রপ ঠিক করার অপশন
• কাস্টম ডোমেইন সাপোর্ট: প্রকাশ করুন yourname.com-এ (একটা লম্বা সাবডোমেইন নয়)

কমিট করার আগে সীমা চেক করুন

অনেক টুল সস্তা মনে হয় যতক্ষণ না আপনি পে-ওয়ালে আটকে যান। খোঁজ করুন:

• পেজ ক্যাপস (১ পেজ বনাম ৫+ পেজ)
• স্টোরেজ ও ব্যান্ডউইথ (ইমেজ-ওজনের পোর্টফোলিওর জন্য গুরুত্বপূর্ণ)
• ফর্মস (কন্ট্যাক্ট ফর্ম অন্তর্ভুক্ত? ইমেইল নোটিফিকেশন? স্প্যাম প্রোটেকশন?)
• অ্যানালিটিক্স (বেসিক ট্রাফিক স্ট্যাটস অথবা আপনার পছন্দের ট্র্যাকিং টুল সাপোর্ট)
• ব্র্যান্ডিং রিমুভাল (আপনি কি বিল্ডারের লোগো/ফুটার রিমুভ করতে পারবেন?)

যদি প্রাইসিং গুরুত্বপূর্ণ হয়, /pricing-এ টিয়ারগুলো তুলনা করুন এবং ন্যূনতম প্ল্যান বেছে নিন যা কাস্টম ডোমেইন এবং উপরের বৈশিষ্ট্যগুলো সাপোর্ট করে। পরে আপগ্রেড করা যাবে।

এমন টেমপ্লেট বেছে নিন যা আপনাকে লড়াই না করায়

একটি ভালো টেমপ্লেট সাহায্যকারী সূচনা পয়েন্টের মতো থাকা উচিত—না যে আপনাকে প্রকাশ করার আগে পাজেল সমাধান করতে হবে। ৩০-মিনিট টার্গেটে, ভুল টেমপ্লেটই দ্রুত সময় নষ্ট করে।

পোর্টফোলিও (বা পার্সোনাল সাইট) টেমপ্লেট দিয়ে শুরু করুন

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

ক্লিন বেছে নিন, ক্লেভার নয়

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

আপনার পোর্টফোলিওই প্রোডাক্ট; টেমপ্লেটকে পথ থেকে সরে আসতে বলবেন না।

এটি কি আপনার দরকারি সেকশন সাপোর্ট করে তা নিশ্চিত করুন

কমিট করার আগে নিশ্চিত করুন টেমপ্লেট নিচের বেসিকগুলো ন্যাটিভলি সমর্থন করে:

• প্রোজেক্ট সেকশন (ইমেজ, টাইটেল এবং সংক্ষিপ্ত বর্ণনা সহ গ্রিড বা লিস্ট)
• কন্ট্যাক্ট সেকশন (বাটন, ইমেইল লিঙ্ক বা সরল ফর্ম)
• রেসপনসিভ লেআউট (ফোনে সুন্দরভাবে রিঅ্যারেঞ্জ হয়)

যদি টেমপ্লেটটি এইগুলো স্বাভাবিকভাবে না রাখে, আপনি এগুলো জোর করে দেবেন—আর সেটাই বিল্ডারকে হতাশাজনক করে তোলে।

মোবাইলে প্রেমে পড়ার আগে প্রিভিউ দেখুন

মোবাইল প্রিভিউ ওপেন করে তিনটি জিনিস স্ক্যান করুন:

• টেক্সট কি জুম না করে পড়া যায়?
• প্রোজেক্ট থাম্বনেইলগুলো কি অদ্ভুতভাবে ক্রপ হচ্ছে?
• মেনু কি সহজভাবে কাজ করছে (কোনো জটিল নেভিগেশন নেই)?

মোবাইল ভিউ এখনই ঘাটতি হলে পরে তা নিজে ঠিক হবে না। একটি সাদামাটা টেমপ্লেট বেছে নিন এবং এগিয়ে যান—লাইভ হয়ে গেলে আপনি লুক আপগ্রেড করতে পারবেন।

৫ মিনিটে ব্র্যান্ডিং সেট করুন

আপনার পোর্টফোলিওকে পেশাদার দেখাতে পূর্ণ ব্র্যান্ড গাইড জরুরি নয়। কয়েকটি সঙ্গতিপূর্ণ পছন্দই যথেষ্ট যাতে সব এলেমেন্ট মিলে যায়।

১) লোগো বা ওয়ার্ডমার্ক (ঐচ্ছিক) + একটি অ্যাকসেন্ট কালার

যদি আপনার লোগো থাকে, হেডার ও ফুটারে আপলোড করুন। না থাকলে একটি ক্লিন ওয়ার্ডমার্ক (আপনার নাম ভালো ফন্টে) কাজ করবে—বিশেষ করে ফ্রিল্যান্সার ও ক্রিয়েটিভদের জন্য।

একটি অ্যাকসেন্ট কালার বেছে নিন যা লিংক, বাটন ও ছোট হাইলাইটে ব্যবহার হবে (বড় টেক্সট ব্লকে নয়)। একটি সহজ উপায়: আপনার সেরার প্রকল্প ইমেজ থেকে একটি রং টেনে নিন।

২) ১–২টি ফন্ট বেছে নিন (পাঠযোগ্যতা জিতুক)

হেডিংয়ের জন্য এক ফন্ট এবং বডির জন্য এক ফন্ট সীমাবদ্ধ রাখুন। অনেক টেমপ্লেট গোলযোগী দেখায় কারণ তারা অনেক টাইপস্টাইল মিশায়।

পঠনযোগ্য রাখুন:

• বডি টেক্সট এক নজরে আরামদায়ক হওয়া উচিত (অত্যন্ত পাতলা বা অতিমাত্রায় স্টাইলাইজড ফন্ট এড়ান)
• স্পষ্ট সাইজ হায়ারারকি ব্যবহার করুন: বড় হেডিং, সাধারণ বডি, ছোট ক্যাপশন

নিশ্চিত না হলে টেমপ্লেট ডিফল্ট রাখুন এবং শুধুমাত্র অ্যাকসেন্ট কালার বদলান।

৩) স্পেসিং, বাটন এবং ইমেজ কর্নার লক করুন

কনসিস্টেন্সি এমনই জিনিস যা নো-কোড পোর্টফোলিওকে কাস্টম দেখায়।

দ্রুত সেটিংস যা স্ট্যান্ডার্ড করা যায়:

• স্পেসিং: সেকশনের মধ্যে একই ভার্টিকাল স্পেসিং ব্যবহার করুন (উদাহরণ: সব জায়গায় “Large” প্যাডিং)
• বাটন: একটি স্টাইল বেছে নিন (filled বা outline) এবং সাইট জুড়ে তা ব্যবহার করুন
• ইমেজ কর্নার: ধারালো কর্নার বা একটি রাউন্ড রেডিয়াস বেছে নিন এবং থাম্বনেইলে সেটি ধরে রাখুন

এটি ফ্যান্সি ইফেক্টের চাইতে বেশি গুরুত্বপূর্ণ, এবং টেমপ্লেটকে পলিশড লাগতে সাহায্য করে।

৪) অ্যাক্সেসিবিলিটি চেক: কনট্রাস্ট ও পাঠযোগ্যতা

১০ সেকেন্ড স্ক্যান করুন: প্রতিটি ব্যাকগ্রাউন্ডে টেক্সট আরামদায়কভাবে পড়া যায়?

• হালকা ধূসর টেক্সট সাদা ব্যাকগ্রাউন্ডে এড়িয়ে চলুন
• যদি ছবির ওপর টেক্সট থাকে, হালকা ওভারলে দিন বা টেক্সটকে সলিড ব্লকে রাখুন

অধিকাংশ কনট্রাস্ট সমস্যা মোবাইলে প্রথমে দেখা যায়, তাই মোবাইল প্রিভিউ করে নিন।

পেজ স্ট্রাকচার দ্রুত ও সরলভাবে তৈরি করুন

ভাল নো-কোড পোর্টফোলিও প্রকাশ করতে জটিল সাইটম্যাপ দরকার হয় না। এক স্পষ্ট পেজ প্রায়ই যথেষ্ট—বিশেষ করে যখন লক্ষ্য ৩০ মিনিটে ডেলিভারি।

যে মিনিমাম সেকশনগুলো কাজ করে

টপ-টু-বটম ফ্লো ব্যবহার করুন। এই সেকশনগুলো অধিকাংশ ভিজিটর একটি মিনিটের কাছাকাছি সময়ে খোঁজে:

• Hero (পেজের শীর্ষ)
• Work (আপনার প্রোজেক্ট)
• About (সংক্ষিপ্ত, মানবিক, স্পেসিফিক)
• Testimonials (ঐচ্ছিক)
• Contact (সহজ করে রাখুন)

যদি টেমপ্লেট অতিরিক্ত ব্লক (ব্লগ, নিউজলেটার, প্রাইসিং, বড় ফিচার গ্রিড) দিয়ে শুরু করে, আপাতত সেগুলো মুছুন। পরে যোগ করা যায়।

এমন একটি হিরো বানান যা কাজ করে

আপনার হিরো হচ্ছে “কেন আমি আগ্রহী?” সেকশন। এই চেকলিস্ট ব্যবহার করুন:

• আপনি কে (নাম + রোল)
• আপনি কি করেন (একটি বাক্য)
• প্রুফ পয়েন্ট (ক্লায়েন্ট নাম, অভিজ্ঞতার বছর, পুরস্কার, বা নীচ)
• CTA (উদাহরণ: “View my work” বা “Contact me”)

স্ক্যান করা সহজ রাখুন: ছোট বাক্য, স্পষ্ট হেডিং, ও পর্যাপ্ত breathing room।

নেভিগেশন: প্রয়োজন হলে রাখুন

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

স্ট্রাকচার এক রকম রাখুন

প্রতি সেকশনের জন্য একই প্যাটার্ন ব্যবহার করুন: একটি হেডিং, একটি সংক্ষিপ্ত ইন্ট্রো লাইন, তারপর কন্টেন্ট। কনসিস্টেন্সি দ্রুত তৈরীকৃত পোর্টফোলিওকে ইন্টেনশনাল মনে করায়।

এমন প্রোজেক্ট যোগ করুন যা আপনার স্কিল স্পষ্টভাবে দেখায়

আপনার প্রোজেক্টই পোর্টফোলিওর মূল। ৩–৬টি শক্ত কাজ প্রদর্শন করুন যা আপনি পরবর্তী কাজগুলোতেও করতে চান—সবকিছু দেখানোর চেয়ে এটাই বেশি কার্যকর।

সঠিক ৩–৬টি প্রোজেক্ট নির্বাচন

আপনি যে কাজগুলো পেতে চান তা মাথায় রেখে কাজ বেছে নিন। আপনি যদি ডিজাইনার হন, ডিজাইন দেখান; যদি ফটোগ্রাফার হন, আপনার সেরা সিরিজ দেখান; যদি জেনারেলিস্ট হন, একটি সামঞ্জস্যপূর্ণ মিক্স বেছে নিন।

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

একটি সহজ, পুনরাবৃত্তিদায়ক প্রোজেক্ট ফরম্যাট ব্যবহার করুন

প্রত্যেক প্রোজেক্টেই একই কোর ডিটেইল রাখুন যাতে লোকজন দ্রুত স্ক্যান করতে পারে:

• সমস্যা: কী সমাধান করা লাগছিল?
• আপনার ভূমিকা: আপনি কী দায়িত্বে ছিলেন (এবং কী নয়)?
• আপনি যা ডেলিভার করেছেন: কনক্রিট আউটপুট (স্ক্রিন, ব্র্যান্ড অ্যাসেট, শুট, এডিট, কপি ইত্যাদি)
• আউটকাম: ফলাফল, শেখা বা ইমপ্যাক্ট (যদি শেয়ার করা যায়)

সংক্ষিপ্ত রাখুন—সাধারণত ২–৫ ছোট বাক্য যথেষ্ট।

সেরা ভিজ্যুয়াল প্রথম দেখান

প্রতিটি প্রোজেক্টে ৩–৬টি ইমেজ ব্যবহার করুন, অথবা কাজ মোশন হলে একটি ছোট ভিডিও দিন। সবচেয়ে শক্তিশালী ইমেজটাই প্রথমে রাখুন—কারণ সেটাই ক্লিক পাবে।

যদি পারেন, একটি “প্রক্রিয়া” ভিজ্যুয়াল যোগ করুন (ওয়্যারফ্রেম, স্কেচ, আগে/পরে, কন্ট্যাক্ট শিট) যাতে আপনি কীভাবে চিন্তা করেন তা দেখায়—কিন্তু কেস স্টাডি উপন্যাস বানাবেন না।

প্রতিটি প্রোজেক্ট স্ক্যান করা সহজ করুন

স্পষ্ট টাইটেল ও লেবেল ব্যবহার করুন (উদাহরণ: “Brand identity,” “Web redesign,” “Editorial shoot”)। যদি প্রোজেক্টে লিঙ্ক থাকে, তা স্পষ্ট ও সরল রাখুন: “View live site” বা “Watch the final cut” ভালো।

এমন About সেকশন লিখুন যা মানুষ সত্যিই পড়ে

আপনার About সেকশনের একটি কাজ আছে: দ্রুত একজনকে সিদ্ধান্ত নিতে সাহায্য করা যে আপনাকে কন্ট্যাক্ট করা উচিত কি না।

একটি সরল ফটো (বা অ্যাভাটার) দিয়ে শুরু করুন

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

৩-ভাগের বায়ো যা স্ক্যান করা সহজ

এটা ৪–৬ লাইনে রাখুন:

• বর্তমান ফোকাস: আপনি এখন কী করছেন এবং কার জন্য ("আমি SaaS টিমের জন্য ল্যান্ডিং পেজ ডিজাইন করি")
• গত হাইলাইটস: একটি বা দুইটি বিশ্বাসযোগ্য প্রমাণ (ক্লায়েন্ট টাইপ, একটি ফলাফল, সুপরিচিত প্রকল্প)
• আপনি পরবর্তীতে কী চান: আপনি কি ধরনের কাজ খুঁজছেন ("কনট্রাক্ট প্রোডাক্ট ডিজাইন, সপ্তাহে ২–৩ দিন খোলা")

উদাহরণ:

আমি একটি ফ্রিল্যান্স UI ডিজাইনার, ক্লিন ও কনভার্শন-ফ্রেন্ডলি ল্যান্ডিং পেজ ডিজাইন করে শুরু-আপগুলোর জন্য। পূর্বে আমি একটি ফিনটেক স্টার্টআপকে সহায়তা করেছিলাম নতুন অনবোর্ডিং ফ্লো শিপ করতে এবং অ্যাক্টিভেশন ১৮% বাড়াতে। এই মাসে ১–২টি নতুন ক্লায়েন্ট প্রজেক্ট খুঁজছি।

বিশ্বাসযোগ্যতা যোগ করুন (শুধুমাত্র যদি সেটা সত্যি)

সেই টুলসগুলো উল্লেখ করুন যা আপনি বাস্তবে ব্যবহার করেন (Figma, Webflow, Notion), আপনি যে ইন্ডাস্ট্রিগুলো জানেন (হেলথ, ফিনটেক, এডুকেশন) এবং পুরস্কার/সার্টিফিকেশন কেবল তখনই বলুন যখন তা প্রাসঙ্গিক ও সঠিক।

পরবর্তী ধাপকে সহজ করে দিন

যদি আপনার ক্ষেত্রের উপযোগী হয়, একটি সংক্ষিপ্ত লাইন যোগ করুন যেখানে স্পষ্টভাবে একটি PDF লিঙ্ক আছে:

“Download resume (PDF)”

এটাকে আপনার কন্ট্যাক্ট বাটনের কাছে রাখুন যাতে কেউ আপনার গল্প দ্রুত স্কিম করে বিশ্বাস পায় এবং এক স্ক্রোলে অ্যাকশন নিতে পারে।

কাউকে সহজে কন্ট্যাক্ট করান

একটি সুন্দর পোর্টফোলিওমাত্র কাজ করে যদি কেউ আপনাকে সহজে পৌঁছাতে পারে। আপনার কন্টাক্ট সেকশন স্পষ্ট, সংক্ষিপ্ত এবং friction-free রাখুন—কোনো খোঁজা বা অনুমান নয়।

২–৩টি স্পষ্ট উপায় অফার করুন

লক্ষ্য রাখুন দুইটা অপশন, সর্বোচ্চ তিনটা:

• কন্ট্যাক্ট ফর্ম (বেশিরভাগ ভিজিটরের জন্য সেরা)
• ডিরেক্ট ইমেইল লিঙ্ক (যারা নিজ মালিকানা ইনবক্স পছন্দ করে)
• একটি সোশ্যাল লিঙ্ক (যেটি আপনি সত্যিই নিয়মিত চেক করেন)

আর বেশি রাখলে মানুষ দ্বিধায় পড়ে। সহজ রাখুন এবং (যদি নেভ থাকে) এটিকে “Contact” হিসেবে লেবেল করুন।

প্রত্যাশা সেট করুন (এবং বিশ্বাস গড়ুন)

একটি সোজা বাক্য ব্যাক-এন্ড মেলামেশা কমায় এবং ভালো ইনকোয়ারি আকর্ষণ করে। উদাহরণ:

“আমি আগামী মাস থেকে ফ্রিল্যান্স ব্র্যান্ডিং প্রোজেক্টে উপলব্ধ। সতর্ক উত্তর সময়: ১–২ ব্যবসায়িক দিনের মধ্যে।”

শুধু তখনই বলুন যদি সেটা সত্যি। আপনি যদি কাজ নিচ্ছেন না, বলুন আপনি কি খোলেন (কোল্যাব, ফুলটাইম রোল, স্পিকিং ইত্যাদি)।

ক্যালেন্ডার বুকিং: শুধুমাত্র যদি আপনি এটি রক্ষণাবেক্ষণ করবেন

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

লোকেশন বা টাইমজোন অন্তর্ভুক্ত করুন

ক্লায়েন্টদের সাথে কাজ করলে দ্রুত প্রস্তাবিত সময় ঠিক করতে “Based in Berlin (CET)” বা “Working globally (UTC-5)” মত নোট দিন। এটা মিটিং টাইম প্রস্তাব করতে সাহায্য করে এবং রিমোট কাজের জন্য পেশাদারিত্ব দেখায়।

ফুটারে চেও কন্ট্যাক্ট লিংক রিপিট করুন—মানুষ স্ক্রোল করে, সিদ্ধান্ত নেয় এবং তারপর ক্লিক করবে।

মোবাইল, স্পিড ও ফাইনাল কোয়ালিটি চেক

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

প্রথমে মোবাইল চেক করুন (তারপর সবকিছু)

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

বিভিন্ন স্ক্রিন সাইজে প্রিভিউ করুন (মোবাইল, ট্যাবলেট, ডেস্কটপ) এবং খুঁজুন:

• টেক্সট খুব ছোট বা খুব চওড়া হয়ে যাচ্ছে কি না
• প্রোজেক্টগুলো অদ্ভুত অর্ডারে স্ট্যাক হচ্ছে কি না
• সেকশনগুলোতে অদ্ভুত গ্যাপ বা আইটেম কিনারে চাপছে কি না
• বাটন ট্যাপ করতে কষ্টসাধ্য হচ্ছে কি না

ফিক্সগুলো সাধারণত সহজ: প্যাডিং কমান, ধারাবাহিক স্পেসিং সেট করুন, বা মোবাইলে মাল্টি-কলাম ব্লককে এক কলামে দিন।

স্পিড: ভারি কন্টেন্ট কেটে ফেলুন

ফাস্ট সাইটগুলো বেশি প্রফেশনাল মনে হয়। সবচেয়ে বড় স্পিড কিলারগুলো হচ্ছে ওভারসাইজড ইমেজ ও ব্যাকগ্রাউন্ড মিডিয়া।

বড় ইমেজ কমপ্রেস করুন (বিশেষ করে প্রোজেক্ট স্ক্রিনশট)। সাধারণ নিয়ম: পোর্টফোলিও ইমেজগুলোর সাধারণত ~2000px প্রস্থের বেশি লাগার দরকার নেই। যদি বিল্ডারে “optimize” টগল থাকে, তা অন করে দিন।

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

বাটন ও লিংক: “ট্রাস্ট” টেস্ট

প্রতিটি বাটন ও লিংক ক্লিক করুন—সোশ্যাল আইকন, প্রোজেক্ট কার্ড, এবং ইমেইল/কন্ট্যাক্ট বাটন সহ।

নিশ্চিত করুন:

• লিংকগুলো সঠিক জায়গায় যায় (এক্সটার্নাল সাইটগুলোর জন্য নতুন ট্যাবে খোলে)
• লেবেল স্পষ্ট ("View case study" ভাল, "Click here" নয়)
• মোবাইলে ট্যাপ টার্গেট যথেষ্ট বড়

২-মিনিট পলিশ চেকলিস্ট

পাবলিশ করার আগে দ্রুত গড়ে দেখুন:

• বানান ও পাংচুয়েশন (বিশেষ করে প্রোজেক্ট টাইটেল ও হেডিং)
• ধারাবাহিক টাইটেলস্টাইল (একই ক্যাপিটালাইজেশন)
• কোনো ভাঙা সেকশন নেই (খালি ব্লক, প্লেসহোল্ডার, বা “Lorem ipsum”)
• ক্লিন অ্যালাইনমেন্ট (কার্ডগুলো লাইনের মধ্যে আছে; প্যাডিং ইন্টেনশনার)

আপনার পোর্টফোলিও মোবাইল-ফ্রেন্ডলি, দ্রুত লোডিং এবং ছোট ত্রুটি মুক্ত হলে তা সঙ্গে সঙ্গে বিশ্বাসযোগ্য মনে হবে—even যদি আপনি ৩০ মিনিটে বানিয়েও ফেলেন।

প্রকাশ করুন এবং কাস্টম ডোমেইন কানেক্ট করুন

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

এমন ডোমেইন নাম বেছে নিন যা আপনি অনুশোচন করবেন না

সহজ ও প্রফেশনাল রাখুন:

• সরল ডোমেইন ব্যবহার করুন: yourname.com বা যদি পাওয়া যায় yourname.design

যদি আপনার নামটা নেওয়া থাকে, ছোট, পড়ার যোগ্য ভ্যারিয়েশন ট্রাই করুন (মধ্যবর্ণ, “studio” বা আপনার পেশা)। হাইফেন ও লম্বা ফ্রেজ এড়িয়ে চলুন—মানুষ ভুল টাইপ করে বসে।

বিল্ডারে ডোমেইন কানেক্ট করুন

অধিকাংশ বিল্ডার সেটআপ গাইড দেয়।

বিল্ডার সেটিংসে ডোমেইন কানেক্ট করুন এবং DNS নির্দেশনা মনোযোগ দিয়ে অনুসরণ করুন। সাধারণত আপনি একটি বা দুটি DNS রেকর্ড কপি করবেন (সাধারণত A record এবং/অথবা CNAME) এবং এগুলো আপনার ডোমেইন রেজিস্ট্রার-এ পেস্ট করবেন (যেখানে আপনি ডোমেইনটি কিনেছেন)। স্পেলিং, পাংচুয়েশন এবং রেকর্ডটি রুট ডোমেইন (yourname.com) বনাম "www" লক্ষ্য করে কি না তা দ্বিগুণ চেক করুন।

নিরাপদ ও সঠিক দেখাচ্ছে কি না নিশ্চিত করুন

• SSL/HTTPS এনেবল করুন যদি প্ল্যাটফর্ম সেটি স্বয়ংক্রিয়ভাবে দেয়
• ব্রাউজার ট্যাবের জন্য একটি ফেভিকন এবং ক্লিয়ার সাইট টাইটেল যোগ করুন

DNS পরিবর্তনগুলোর পরে সময় দিন। কিছু ডোমেইন মিনিটে কানেক্ট করে, আবার কিছুতে কয়েক ঘণ্টা লাগে। সংযোগ হয়ে গেলে আপনার সাইট উভয় yourname.com ও **www.yourname.com**-এ খুলে দেখুন এবং সিকিউরিটি ওয়ার্নিং নেই তা নিশ্চিত করুন।

শেষে, আপনার প্রেফার্ড ভার্শন (সাধারণত non-www বা www) প্রাইমারী ডোমেইন হিসেবে সেট করুন যাতে আপনি সবসময় একটি পরিষ্কার URL শেয়ার করেন।

মিনিটে করা যাবে এমন বেসিক SEO সেটিংস

SEO শোনাতে টেকনিক্যাল মনে হলেও, নো-কোড পোর্টফোলিওর জন্য বেসিকগুলো মূলত সহজ ফিল্ড ও স্পষ্ট লেখা। কয়েক মিনিট দিলে সার্চ ইঞ্জিন ও মানুষ—দুটোই—আপনার সাইট বুঝতে পারবে।

পেজ টাইটেল ও মেটা ডিসক্রিপশন সেট করুন

বিল্ডারের SEO সেটিংসে Page Title ও Meta Description খুঁজুন (প্রায়ই “SEO,” “Page settings,” বা “Search preview” তে থাকে)।

পেজ টাইটেল স্পেসিফিক ও পড়তে সহজ রাখুন। একটি শক্ত ফর্ম্যাট হলো:

Your Name — Role | Portfolio

উদাহরণ: Jordan Lee — Product Designer | Portfolio

মেটা ডিসক্রিপশনের জন্য একটি ছোট বাক্য লিখুন যা আপনি কি করেন এবং ভিজিটররা কী পাবে তা বলে।

উদাহরণ: “Product designer specializing in mobile apps and design systems. View selected projects, process, and contact details.”

একটি স্পষ্ট H1 এবং পরিষ্কার সেকশন হেডিং ব্যবহার করুন

হোমপেজে একটি স্পষ্ট H1 থাকা উচিত—সাধারণত আপনার নাম ও রোল। এটা ভিজিটরকে কী করেন তা তৎক্ষণাৎ বোঝায়।

ভালো H1 উদাহরণ:

• “Jordan Lee — UX/UI Designer”
• “Sam Patel — Brand Photographer”

তারপর “Selected Work,” “About,” এবং “Contact” মত বর্ণনামূলক হেডিং ব্যবহার করুন। অস্পষ্ট লেবেল (যেমন “Welcome” বা “Stuff I’ve Done”) এড়িয়ে চলুন—পরিষ্কার হেডিং আপনার পোর্টফোলিওকে সহজে স্ক্যান ও ইনডেক্সযোগ্য করে।

গুরুত্বপূর্ণ ইমেজে alt text যোগ করুন

পোর্টফোলিও সাইট ইমেজ-ভরতু, তাই মূল প্রোজেক্ট থাম্বনেইল, হিরো ইমেজ এবং যে কোনো ইমেজ যা ফলাফল যোগাযোগ করে তাদের alt টেক্সট দিন।

Alt টেক্সট এমনভাবে লিখুন যাতে সেটা কী বোঝায় তা বলে, প্রতিটি পিক্সেল বর্ণনা না করে। উদাহরণ:

• “Before-and-after redesign of checkout screen”
• “Logo and packaging for cold brew brand”

এটা অ্যাক্সেসিবিলিটি উন্নত করে এবং সার্চ ইঞ্জিনকে বেশি কনটেক্সট দেয়।

আপনার সাইট লিঙ্ক সাবমিট বা শেয়ার করুন

কিছু পোর্টফোলিও বিল্ডার সার্চ টুল বা সাইটম্যাপ জেনারেট করার অপশন দেয়। যদি আপনার প্ল্যাটফর্ম সাপোর্ট করে, সাইটটি সেখানে সাবমিট করুন।

যদি না করে, প্রকাশ আটকাবেন না: পাবলিশ করে লিংক সরাসরি সেই প্ল্যাটফর্মগুলোতে শেয়ার করুন যেগুলোতে আপনার ইতিমধ্যে অ্যাক্টিভিটি আছে—LinkedIn বায়ো, Instagram প্রোফাইল, এবং আপনি যে কোনো ডিরেক্টরি বা কমিউনিটি তে।

লঞ্চ চেকলিস্ট ও কিভাবে প্রচার করবেন

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

৫ মিনিটের লঞ্চ চেকলিস্ট

• প্রতিটি লিংক ক্লিক করুন (প্রোজেক্ট বাটন, সোশ্যাল আইকন, ইমেইল লিঙ্ক)। 404 নেই তা দেখুন।
• কন্ট্যাক্ট পদ্ধতি টেস্ট করুন: আপনার ফর্ম সাবমিট করুন বা ইমেইল লিংকে ক্লিক করুন এবং নিশ্চিত হোন আপনি ঠিকমতো পান।
• প্লেসহোল্ডার টেক্সট স্ক্যান করুন: lorem ipsum, “Project Name,” ডিফল্ট টেস্টিমোনিয়াল ইত্যাদি সরান।
• প্রুফরিড হেডিং ও প্রোজেক্ট টাইটেল: বানান, অনিয়মিত ক্যাপিটালাইজেশন, অদ্ভুত লাইন-ব্রেক ঠিক করুন।
• মোবাইলে চেক করুন: ফোনে খুলে নিশ্চিত করুন মেনু, বাটন, ইমেজ ট্যাপ করা সহজ।
• আপনার হোমপেজ গল্প নিশ্চিত করুন: ১০ সেকেন্ডে একজন ভিজিটর বুঝতে পারবে আপনি কি করেন এবং কোথায় ক্লিক করবে।

সহজ প্রচারের উপায় (স্প্যামিং ছাড়া)

• LinkedIn এ শেয়ার করুন এবং পোর্টফোলিও লিংক আপনার প্রোফাইলে যুক্ত করুন (Featured সেকশন + কন্ট্যাক্ট ইনফো)।
• আপনার ইমেইল সিগনেচারে ও সোশাল বায়োতে সাইট যোগ করুন যাতে এটি ব্যাকগ্রাউন্ডে কাজ করে।
• একটি সংক্ষিপ্ত “ফিচারড প্রোজেক্ট” পোস্ট তৈরি করুন যেখানে সমস্যা, আপনার ভূমিকা, এবং ফলাফল বর্ণনা থাকবে—তাহলে পুরো কেস স্টাডির লিংক দিন।

কি কাজ করছে তা ট্র্যাক করুন

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