Darren Cromer
Fully Booked এ ডিরেক্টর
এপ্রিল 24, 2023
ক্লায়েন্ট গল্প
Fully Booked - অল-ইন-ওয়ান স্মার্ট বুকিং সলিউশন
Fully Booked যুক্তরাজ্যের মিনিবাস ও কোচ ভাড়ার একটি বুকিং প্ল্যাটফর্ম, আর তার পেছনে অপারেটরদের কাজ ভাগাভাগির নেটওয়ার্ক। গ্রাহক কাস্টমার ওয়েবসাইটে একবার ট্রিপের বিবরণ দেন এবং সেবা দিতে পারা অপারেটরদের কাছ থেকে রিভিউ ও গাড়ির ছবিসহ সাজানো অফার পান, তারপর একটি ছোট সুরক্ষিত অগ্রিম দিয়ে বুক করেন। যে অপারেটর কোনো কাজ নিতে পারছেন না, তিনি অ্যাপ থেকে গ্রাহককে রেফার করেন এবং নেটওয়ার্কের অন্য কোনো প্রতিষ্ঠান কাজটি করলে একটি অংশ আয় করেন। এই চক্রকে ঘিরে রয়েছে কোটেশন, বাতিলকরণ, Get Covered, পার্টনার কন্টাক্ট, সংরক্ষিত বুকিং, একটি ওয়ালেট, বিজনেস পেজ ও Prebooked উইজেট, সবই একটি ব্যাকএন্ডে এবং একটি অ্যাডমিন কন্ট্রোল রুম থেকে পরিচালিত।
Fully Booked - গ্রুপ ট্রিপের জন্য কাস্টমার বুকিং ওয়েবসাইট
Fully Booked-এর গ্রাহক দিক। যে গ্রাহক সরাসরি সাইটে আসেন, কিংবা কোনো অপারেটরের রেফারেলে, তিনি একটি ফর্ম পূরণ করেন, এলাকার অপারেটরদের কাছ থেকে রিভিউ ও গাড়ির ছবিসহ অফার পান, যোগাযোগের তথ্য প্রকাশ না করেই চ্যাট করেন, আর একটি ছোট অগ্রিম দিয়ে বুক করেন, যা ট্রিপ না হওয়া পর্যন্ত সংরক্ষিত থাকে। প্রতিটি অপারেটরের একটি বিজনেস পেজও আছে, যেখানে গ্রাহক তাদের সরাসরি বুক করতে পারেন এবং পরের ট্রিপের জন্য ফিরে আসতে পারেন।
Fully Booked - বুকিং ও অপারেটরদের জন্য অ্যাডমিন ড্যাশবোর্ড
Fully Booked নেটওয়ার্কের কন্ট্রোল রুম। নতুন অপারেটররা কোট দেওয়ার আগে প্রতিষ্ঠাতা তাদের যাচাই করেন, অফার টেমপ্লেট ও গাড়ির ছবি অনুমোদন করেন, কথোপকথন ও রিভিউ নিয়ন্ত্রণ করেন, এবং প্রতিটি বুকিং, কভার, রেফারেল, পেমেন্ট ও পেআউট খুঁজে বের করেন। ফি, সীমা ও প্রতিটি অপারেটরের অনুমতি সেটিংসের বিষয়, আর ড্যাশবোর্ডটি ডেস্কটপের মতোই ফোনেও চলে।
Fully Booked - শূন্য ডাউনটাইমে সেলফ হোস্টেড কুবারনেটিসে মাইগ্রেশন
Fully Booked চলত ম্যানেজড ক্লাউড অবকাঠামোয়, যার বিল প্রতি মাসে বাড়ত আর পুরো স্ট্যাকের মালিকানা কারও হাতে ছিল না। আমরা পুরো প্ল্যাটফর্মটি সেলফ হোস্টেড কুবারনেটিস ক্লাস্টারে সরিয়ে এনেছি, ব্যবহারকারীদের জন্য এক মিনিটও ডাউনটাইম ছাড়া। কাটওভারে ছিল DNS, ইনগ্রেস, ডেটাবেস এবং রিলিজ পাইপলাইন, এমনভাবে সাজানো যে প্রতিটি স্তর নতুন ক্লাস্টারে প্রমাণিত হওয়ার পরেই ট্রাফিক সরানো হয়েছে। সেই সপ্তাহে অ্যাপ ব্যবহারকারী কেউ টের পাননি কিছু ঘটেছে, আর সেটাই ছিল উদ্দেশ্য। মাসিক বিল হয়ে গেল নিজস্ব হার্ডওয়্যার, এবং এখন সেই ক্লাস্টারই প্ল্যাটফর্মের সাপ্তাহিক রিলিজ বহন করে।
Fully Booked - Docker এবং DigitalOcean এবং Cloudflare সহ ডিপ্লয়মেন্ট
Fully Booked চালু হয়েছিল Cloudflare-এর পেছনে একটি DigitalOcean ড্রপলেটে পাঁচটি Docker সার্ভিস হিসেবে, যাতে খুব ছোট একটি টিমও ডিপোজিট রাখা একটি মার্কেটপ্লেস চালাতে পারে। একটি রিপোজিটরি থেকে প্রতিটি ইমেজ তৈরি হতো, একটি compose ফাইল ও একটি Makefile রিলিজকে নামিয়ে আনত pull, build আর up-এ, সার্টিফিকেট ও সিকিউরিটি হেডার সামলাত একটি Caddy প্রক্সি, আর প্রতিটি কোট ও ইনভয়েসের PDF সার্ভারে রেন্ডার করত Playwright। সার্ভিসগুলো শুরু থেকেই আলাদা হওয়ায় পরে কোনো রিবিল্ড ছাড়াই সেগুলো একটি সেলফ-হোস্টেড Kubernetes ক্লাস্টারে সরে গেছে।
Fully Booked - অ্যাপ স্টোর এবং প্লে স্টোর ডিপ্লয়মেন্ট
Fully Booked অপারেটর অ্যাপ App Store ও Google Play-তে পৌঁছেছে এবং রিভিউ পার করে চলেছে, যাতে যুক্তরাজ্যের মিনিবাস অপারেটররা ফোন থেকেই নিজেদের ব্যবসা চালাতে পারেন। লিস্টিংগুলো প্রতিটি স্ক্রিনশটে একটি করে সুবিধা দিয়ে ব্যবসার যুক্তি তুলে ধরে, কমপ্লায়েন্স প্রোডাক্টের ভেতরেই তৈরি, অ্যাপের ভেতরে অ্যাকাউন্ট মুছে ফেলা এবং অ্যাপ যা সংগ্রহ করে তার সঙ্গে মিলিয়ে প্রাইভেসি ঘোষণাসহ, লিংক সরাসরি অ্যাপ খোলে, আর রিলিজগুলো ধাপে ধাপে ছাড়া হয় যাতে কোনো আপডেট কোনো অপারেটরের কাজের দিন নষ্ট না করে।
Fully Booked - সিমলেস বুকিংয়ের জন্য প্রিবুকড উইজেট
Prebooked হলো npm-এ প্রকাশিত একটি এমবেড করা যায় এমন বুকিং উইজেট, যা Fully Booked-এর জিজ্ঞাসা ফর্ম, মেসেঞ্জার ও কোটের প্রবাহ যেকোনো অপারেটরের ওয়েবসাইটে বসিয়ে দেয়, WordPress ও Elementor থেকে শুরু করে React ও সাধারণ HTML পর্যন্ত। জিজ্ঞাসাগুলো অপারেটরের অ্যাপে সরাসরি গ্রাহক হিসেবে আসে, আর একটি ছোট ফি প্রযোজ্য হয় কেবল ট্রিপ বুক হলেই।
Fully Booked - প্রচারমূলক এবং টিউটোরিয়াল ভিডিও প্রোডাকশন
একটি প্রোমোশনাল ভিডিও, যা যুক্তরাজ্যের একজন মিনিবাস অপারেটরকে Fully Booked-এর সুবিধাগুলো তাদের গুরুত্বের ক্রমে দেখায়, স্টক ফুটেজ নয়, আসল অ্যাপ দিয়ে তৈরি। এটি শুরু হয় অপারেটরের নিজের সমস্যা দিয়ে, প্রতিটি সুবিধাকে একটি আসল স্ক্রিনে একটি করে মুহূর্ত দেয়, আর কয়েকটি দৈর্ঘ্যে কাটা হয়েছে, সোশ্যাল ফিডের কয়েক সেকেন্ডের হুক থেকে ল্যান্ডিং পেজ ও স্টোর লিস্টিংয়ের পূর্ণ সংস্করণ পর্যন্ত।
Fully Booked - Photoshop সহ ভিজ্যুয়াল অ্যাসেট ডিজাইন
স্টোরের স্ক্রিনশট, একটি ফিচার গ্রাফিক, একটি অ্যাপ আইকন ও ইমেইলের আর্ট, আসল স্ক্রিন থেকে Photoshop-এ তৈরি, যাতে একটি নতুন প্ল্যাটফর্মও অপারেটরদের চোখে প্রতিষ্ঠিত দেখায়। স্ক্রিনশটগুলো Apple ও Google-এর চাওয়া প্রতিটি সাইজে পাঁচটি সোয়াইপে পুরো কথাটা বলে, প্রতিটি ইমেইল খোলে ব্র্যান্ডের রঙে নিজস্ব একটি ইলাস্ট্রেশন দিয়ে, আর আইকন ও স্প্ল্যাশ স্ক্রিনে থাকে দুটি হাত মেলানোর লোগো।
Fully Booked - মোবাইল অ্যাপ এবং অ্যাডমিন প্যানেলের জন্য UI/UX ডিজাইন
Fully Booked-এর প্রতিটি স্ক্রিন শুরু হয়েছে একটি স্কেচ হিসেবে, যা কোনো কোডের খরচ হওয়ার আগেই প্রতিষ্ঠাতা অনুমোদন করেছেন, আর প্রতিটিই কোনো অপারেটর বা গ্রাহকের একটি সমস্যার উত্তর। অপারেটরের হোম স্ক্রিন হয়ে উঠেছে আয়ের একটি মেনু, Get Covered তার হাতে আঁকা প্রবাহের ক্রম বজায় রেখেছে, কোট ও বাতিলের চিঠি এসেছে প্রতিষ্ঠাতার নিজের ভাষা থেকে, আর অ্যাডমিন পাঁচটি ওয়্যারফ্রেম করা ট্যাব থেকে বেড়ে হয়ে উঠেছে নেটওয়ার্কের কন্ট্রোল রুম। MVP-র স্ক্রিনগুলো ডিজাইন করেছিলেন Webanion-এর আরেকজন ডিজাইনার; ২, ৩ ও ৪ নম্বর ধাপ আমি নিজে Figma-তে রিডিজাইন করেছি, এই প্রবাহগুলোকে ভিত্তি করে।
Fully Booked - ওয়েব এবং মোবাইলের জন্য ইন্টারেক্টিভ ফিগমা প্রোটোটাইপ
Fully Booked-এর প্রতিটি ধাপ একটি ক্লিকযোগ্য Figma প্রোটোটাইপ হিসেবে সংযুক্ত করা হয়েছিল, যাতে প্রতিষ্ঠাতা সেটি তৈরির জন্য টাকা দেওয়ার আগেই চালিয়ে দেখতে, প্রশ্ন করতে ও অনুমোদন দিতে পারেন। অ্যাপ, গ্রাহক ওয়েবসাইট ও অ্যাডমিনের জন্য তিনটি ফাইল একই স্টাইল ও কম্পোনেন্ট ভাগ করে নেয়, আর অপারেটরদের পাঠানো ডকুমেন্টগুলো প্রোটোটাইপ করা হয়েছে সেই ট্যাপসহ যা সেগুলো পাঠায়। ডেভেলপাররা অনুমানের বদলে তৈরি ফ্রেম থেকে কাজ করেছেন, আর প্রতিটি ধাপ তার পরিধির মধ্যেই থেকেছে। MVP ডিজাইন করেছিলেন Webanion-এর আরেকজন ডিজাইনার; ২, ৩ ও ৪ নম্বর ধাপের রিডিজাইন আমার নিজের।
Fully Booked - Canva সহ মার্কেটিং এবং প্রচারমূলক ডিজাইন
ছয়টি বিজ্ঞাপন, প্রতিটি যুক্তরাজ্যের মিনিবাস ও কোচ অপারেটরদের কাছে Fully Booked-এর একটি করে সুবিধা বিক্রি করে, অ্যাপের আসল স্ক্রিন দিয়ে Canva-তে তৈরি। জিজ্ঞাসাকে বুকিংয়ে বদলানো, অপারেটরের নিজের ওয়েবসাইটে একটি বুকিং হাব, কয়েক সেকেন্ডে কোট, সব বুকিং এক জায়গায়, বিশ্বস্ত পার্টনারদের কাছ থেকে কভার, আর শুধু বুকিং প্রতি খরচ: প্রতিটি বিজ্ঞাপনে একটি প্রতিশ্রুতি, একই চেহারা, আর এমন কম্পোনেন্ট যাতে পরের বিজ্ঞাপন বানাতে লাগে কয়েক মিনিট। একই ভিজ্যুয়াল পরে প্রোমোশনাল ভিডিওরও ভিত্তি হয়েছে।











