# Fully Booked - मोबाइल ऐप और एडमिन पैनल के लिए UI/UX डिज़ाइन

Company: Fully Booked
Service: अतिरिक्त सेवाएँ
Period: 2023-04 - 2025-06
Tech: UI/UX Design
Canonical: https://webanion.com/hi/portfolio/fully-booked-ui-ux-design-for-mobile-app-and-admin-panel

Fully Booked की हर स्क्रीन एक स्केच के रूप में शुरू हुई, जिसे किसी कोड पर पैसा खर्च होने से पहले संस्थापक ने मंज़ूर किया, और हर एक किसी ऑपरेटर या ग्राहक की समस्या का जवाब है। ऑपरेटर की होम स्क्रीन कमाई का एक मेन्यू बन गई, Get Covered ने अपने हाथ से बने फ़्लो का क्रम बनाए रखा, कोट और रद्दीकरण पत्र संस्थापक के अपने शब्दों से आए, और एडमिन पाँच वायरफ़्रेम टैब से बढ़कर नेटवर्क का कंट्रोल रूम बन गया। MVP की स्क्रीन Webanion के एक अन्य डिज़ाइनर ने डिज़ाइन की थीं; चरण 2, 3 और 4 को मैंने खुद Figma में इन्हीं फ़्लो के आधार पर रीडिज़ाइन किया।

## पूरी कहानी

हर स्क्रीन पहले किसी कारोबारी समस्या का जवाब देती है, और उसे बनाने पर कुछ भी खर्च होने से पहले कागज़ पर उतारा गया था।

### कोड से पहले स्केच

<p>Fully Booked को चरणों में, एक संस्थापक के बजट पर बनाया गया, इसलिए कोड की एक भी लाइन से पहले हर फ़्लो का स्केच बनाकर उस पर सहमति ली गई। संस्थापक कागज़ पर पूरा फ़ीचर देख सकते थे, उस पर बहस कर सकते थे और उसे बदल सकते थे, तब जब बदलाव मुफ़्त थे। उसके बाद ही स्क्रीन डिज़ाइन और डेवलपमेंट में जाती थीं।</p><p>नीचे की स्क्रीन उसी रास्ते पर स्केच से लेकर लाइव डिज़ाइन तक चलती हैं, और हर एक इसलिए मौजूद है क्योंकि किसी ऑपरेटर या ग्राहक की एक समस्या थी जिसे हल करना था। MVP की स्क्रीन Webanion के एक डिज़ाइनर ने बनाई थीं; चरण 2, 3 और 4 का रीडिज़ाइन Webanion के संस्थापक ने खुद Figma में, इन्हीं फ़्लो के आधार पर बनाया।</p>

### होम स्क्रीन कमाई का एक मेन्यू है

<p>2023 में बने ऑपरेटर ऐप के पहले स्केच में होम स्क्रीन पर कमाई और एक अकेला 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>
