ফিগমায় ডিজাইন, নিজেই কোড ও ডিপ্লয়: পোর্টফোলিও সাইট বানিয়ে শেখার গল্প শোনালেন ডিজাইনার জেহাদ

আমাদের প্রতিবেদক

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

ফিগমা থেকে লাইভ সাইট

পোস্টে জেহাদ নিজের কাজের ধাপগুলো তুলে ধরেছেন। তাঁর ভাষায়, প্রোডাক্ট ডিজাইনার হিসেবে ডিজাইনটা তিনি নিজেই করেছেন ফিগমায়। এরপর React, Vite আর অ্যানিমেশন লাইব্রেরি GSAP দিয়ে সেই ডিজাইনকে কাজ করা ওয়েবসাইটে রূপ দিয়েছেন। শেষে Git দিয়ে নিজেই কোড পুশ করে হোস্টিং প্রতিষ্ঠান Hostinger-এ সাইটটি ডিপ্লয় করেছেন। সাইটটি এখন alhelaljehad.site ঠিকানায় চালু আছে।

পোস্টটা দিতে কেন দেরি হলো, সেটাও খোলাখুলি বলেছেন তিনি, “পারফেক্ট করার অপেক্ষায় থাকতে থাকতে পোস্ট করাই হচ্ছিল না! অবশেষে, আমার পোর্টফোলিও লাইভ!”

‘প্রতিটা ধাপেই নতুন কিছু শিখেছি’

পুরো প্রক্রিয়াটিকে শেখার অভিজ্ঞতা হিসেবে দেখছেন জেহাদ। পোস্টে তিনি লিখেছেন, “ডিজাইন থেকে কোড লেখা, ডিবাগ করা, ডিপ্লয় করা প্রতিটা ধাপেই নতুন কিছু শিখেছি। এখনো শিখছি…”

তাঁর উপলব্ধি, “শুধু ডিজাইন করেই থেমে না থেকে নিজের ডিজাইনকে বাস্তবে তৈরি করতে পারার অভিজ্ঞতাটা অন্যরকম।” পোস্টের শেষে তিনি সাইটটি নিয়ে অন্যদের মতামতও চেয়েছেন। হ্যাশট্যাগে রেখেছেন #DesignEngineering ও #BuildInPublic, অর্থাৎ ডিজাইন ও প্রকৌশল মিলিয়ে কাজ করা এবং প্রকাশ্যে শেখার ধারা।

পোর্টফোলিওতে কী আছে

সাইটে জেহাদ নিজেকে লিড প্রোডাক্ট ডিজাইনার ও ‘মাল্টিডিসিপ্লিনারি ডিজাইনার’ হিসেবে পরিচয় দিয়েছেন। সেখানে লেখা আছে, ব্র্যান্ডিং, ইউআই/ইউএক্স, ডিজিটাল প্রোডাক্ট, মার্কেটিং ডিজাইন, মোশন ও কনটেন্ট মিলিয়ে তাঁর অভিজ্ঞতা ছয় বছরের বেশি। সেবার তালিকায় আছে ব্র্যান্ড আইডেন্টিটি, ওয়েবসাইট, সাস ও মোবাইল অ্যাপ ডিজাইন, ডিজাইন সিস্টেম, মার্কেটিং কনটেন্ট এবং এআই দিয়ে তৈরি ডিজাইনের রিভিউ।

কেস স্টাডি হিসেবে রাখা হয়েছে রুফিং সেবার প্ল্যাটফর্ম Roof Guard, বিলিং ব্যবস্থাপনার ওয়েব অ্যাপ Billance এবং পানি পানের অভ্যাস গড়ার অ্যাপ Drinky। শেষটিকে তিনি ব্যক্তিগত প্রকল্প হিসেবে উল্লেখ করেছেন। প্রকল্পগুলোর বিস্তারিত তাঁর Behance প্রোফাইলেও আছে।

তাঁর পাবলিক লিংকডইন প্রোফাইল অনুযায়ী, জেহাদ সাস, এন্টারপ্রাইজ সফটওয়্যার ও ইআরপি নিয়ে কাজ করেছেন। চলতি বছরের জুন থেকে তিনি StudyNet Pty Ltd-এ লিড ইউএক্স/ইউআই ডিজাইনার হিসেবে কাজ করছেন। এর আগে আয়ারল্যান্ডভিত্তিক Churchfield Home Services-এ ইউআই/ইউএক্স ডিজাইনার ছিলেন বলে তাঁর Behance ও অন্যান্য পেশাদার প্রোফাইলে উল্লেখ আছে।

ডিজাইনারের হাতে কোড

ডিজাইন ও কোডের মাঝের দূরত্ব এখন কমছে। React-এর মতো ফ্রেমওয়ার্ক, Vite-এর মতো দ্রুত বিল্ড টুল আর এআই সহায়ক টুলের কারণে অনেক ডিজাইনার নিজের কাজ নিজেই অনলাইনে আনছেন। জেহাদের হ্যাশট্যাগেও #aitools আছে। তবে কোড লেখায় এআই কতটা ব্যবহার করেছেন, পোস্টে তা আলাদা করে বলেননি।

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