# Fully Booked - মোবাইল অ্যাপ এবং অ্যাডমিন প্যানেলের জন্য UI/UX ডিজাইন

Company: Fully Booked
Service: অতিরিক্ত সেবা
Period: 2023-04 - 2025-06
Tech: UI/UX Design
Canonical: https://webanion.com/bn/portfolio/fully-booked-ui-ux-design-for-mobile-app-and-admin-panel

Fully Booked-এর প্রতিটি স্ক্রিন শুরু হয়েছে একটি স্কেচ হিসেবে, যা কোনো কোডের খরচ হওয়ার আগেই প্রতিষ্ঠাতা অনুমোদন করেছেন, আর প্রতিটিই কোনো অপারেটর বা গ্রাহকের একটি সমস্যার উত্তর। অপারেটরের হোম স্ক্রিন হয়ে উঠেছে আয়ের একটি মেনু, Get Covered তার হাতে আঁকা প্রবাহের ক্রম বজায় রেখেছে, কোট ও বাতিলের চিঠি এসেছে প্রতিষ্ঠাতার নিজের ভাষা থেকে, আর অ্যাডমিন পাঁচটি ওয়্যারফ্রেম করা ট্যাব থেকে বেড়ে হয়ে উঠেছে নেটওয়ার্কের কন্ট্রোল রুম। MVP-র স্ক্রিনগুলো ডিজাইন করেছিলেন Webanion-এর আরেকজন ডিজাইনার; ২, ৩ ও ৪ নম্বর ধাপ আমি নিজে Figma-তে রিডিজাইন করেছি, এই প্রবাহগুলোকে ভিত্তি করে।

## পুরো গল্পটা

প্রতিটি স্ক্রিন আগে একটি ব্যবসায়িক সমস্যার উত্তর দেয়, আর তৈরিতে এক পয়সা খরচ হওয়ার আগেই তা কাগজে আঁকা হয়েছিল।

### কোডের আগে স্কেচ

<p>Fully Booked তৈরি হয়েছে ধাপে ধাপে, একজন প্রতিষ্ঠাতার বাজেটে, তাই কোডের এক লাইন লেখার আগেই প্রতিটি প্রবাহ স্কেচ করে সম্মতি নেওয়া হয়েছিল। প্রতিষ্ঠাতা কাগজেই পুরো একটি ফিচার দেখতে পারতেন, তা নিয়ে তর্ক করতে পারতেন এবং বদলাতে পারতেন, যখন বদলানোর কোনো খরচ ছিল না। কেবল তারপরই স্ক্রিনগুলো ডিজাইন ও ডেভেলপমেন্টে যেত।</p><p>নিচের স্ক্রিনগুলো সেই পথ ধরে স্কেচ থেকে চালু হওয়া ডিজাইন পর্যন্ত এগোয়, আর প্রতিটির অস্তিত্বই এই কারণে যে কোনো অপারেটর বা গ্রাহকের একটি সমস্যা ছিল, যার সমাধান দরকার ছিল। MVP-র স্ক্রিনগুলো এসেছিল Webanion-এর একজন ডিজাইনারের হাত থেকে; ২, ৩ ও ৪ নম্বর ধাপের রিডিজাইন Figma-তে এঁকেছেন Webanion-এর প্রতিষ্ঠাতা নিজে, এই প্রবাহগুলোকে ভিত্তি করেই।</p>

### হোম স্ক্রিন মানেই আয়ের একটি মেনু

<p>২০২৩ সালে আঁকা অপারেটর অ্যাপের প্রথম স্কেচে হোম স্ক্রিনে রাখা হয়েছিল আয় আর একটিমাত্র Refer a Link বাটন। নীতিটা টিকে গেছে। আজ হোম স্ক্রিন দেখায় অপারেটর কত আয় করেছেন এবং আরও আয়ের প্রতিটি উপায়, প্রতিটি এক ট্যাপে: গ্রাহক, রেফার করা ও অ্যাফিলিয়েট জিজ্ঞাসা, বুকিং, কোট, বাতিলকরণ, কন্টাক্ট, Get Covered এবং Earn Commission।</p>

### Get Covered, প্রবাহ থেকে স্ক্রিনে

<p>Get Covered শুরু হয়েছিল হাতে আঁকা একটি প্রবাহ হিসেবে: ট্রিপের বিবরণ দিন, কে দেখবে তা বেছে নিন, সব প্রতিষ্ঠান, পার্টনার বা প্ল্যাটফর্মের বাইরের কেউ, তারপর সাড়া দেওয়া প্রতিষ্ঠানগুলোর তুলনা করে একটিকে গ্রহণ করুন। চালু হওয়া স্ক্রিনগুলো ঠিক সেই ক্রমই রেখেছে।</p><p>বিপাকে পড়া অপারেটর দেখেন কারা আবেদন করেছেন এবং কত দামে, আর কভার করা অপারেটর একটিও ফোন কল ছাড়াই পান একটি কাজ ও একটি ইনভয়েস।</p>

### কয়েক সেকেন্ডে একটি পেশাদার কোট

<p>অপারেটররা কাজ হারান সেইসব প্রতিষ্ঠানের কাছে, যারা শুধু দ্রুত উত্তর দেয়। Send a Quote প্রবাহটি আঁকা হয়েছিল একটি শর্টকাটসহ: দ্রুত একটি কোট, যাতে লাগে শুধু দাম, অথবা পুরো ট্রিপের জন্য আরও তথ্য যোগ করার পথ। দুটো থেকেই তৈরি হয় ব্র্যান্ডযুক্ত একটি PDF, যার শেষে থাকে গ্রাহকের জন্য আরও কোট তুলনা করার লিংক, ফলে হাতছাড়া হওয়া কোটও নেটওয়ার্কে ফিরে আসে।</p>

### গ্রাহক না হারিয়ে বাতিল করা

<p>গাড়ি বিকল হওয়া মানে আগে ছিল একটি অস্বস্তিকর ফোন কল আর একজন হারানো গ্রাহক। প্রতিষ্ঠাতার নিজের বাতিলের বার্তা থেকে স্কেচ করা বাতিলকরণ প্রবাহটি কারণ জানতে চায় এবং একটি সৌজন্যমূলক চিঠি লেখে, যা গ্রাহককে দ্রুত আরেকটি প্রতিষ্ঠান খুঁজে পেতে নেটওয়ার্কে পাঠিয়ে দেয়।</p><p>গ্রাহকের যত্ন নেওয়া হয়, আর বাতিল করা অপারেটরও নতুন বুকিং থেকে কমিশন আয় করতে পারেন।</p>

### পার্সেলের মতো লিড অনুসরণ

<p>প্রতিষ্ঠাতা জানতে চেয়েছিলেন, অপারেটররা কি একটি শেয়ার করা লিড সেভাবে দেখতে পারেন, যেভাবে তারা পার্সেল ট্র্যাক করেন। উত্তর হলো প্রতিটি রেফারেলে একটি অগ্রগতির টাইমলাইন: লিড পাঠানো হয়েছে, গ্রাহক বিবরণ পূরণ করেছেন, অপারেটররা সাড়া দিয়েছেন, একটি প্রতিষ্ঠান বুক করেছে, আপনার পেমেন্ট হয়ে গেছে। এটি একটি সদিচ্ছার কাজকে এমন কিছুতে পরিণত করে, যার ফল অপারেটর চোখের সামনে দেখতে পান।</p>

### দরজাতেই ভরসা

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

### অ্যাডমিন, ওয়্যারফ্রেম থেকে কন্ট্রোল রুম

<p>অ্যাডমিন ড্যাশবোর্ড শুরু হয়েছিল পাঁচটি ট্যাবের ওয়্যারফ্রেম হিসেবে: ড্যাশবোর্ড, প্রতিষ্ঠান, গ্রাহক, রেফারেল ও লেনদেন। চালু হওয়া ড্যাশবোর্ড সেই কাঠামোই রেখেছে এবং নেটওয়ার্কের সঙ্গে সঙ্গে তার চারপাশে বেড়েছে, যোগ হয়েছে অনুমোদন, ওয়ালেট, কভার, কোটেশন ও মডারেশন, অথচ প্রথম স্ক্রিনের উদ্দেশ্য হারায়নি: আজ প্রতিষ্ঠাতার নজর কোথায় দরকার।</p>
