Figma में B2B डैशबोर्ड का UI/UX डिज़ाइन

हमारा B2B SaaS नियंत्रण पैनल तीन वर्षों का डिज़ाइन ऋण जमा कर चुका है। विभिन्न अनुभाग विभिन्न समय पर विभिन्न लोगों द्वारा बनाए गए थे, जिसके परिणामस्वरूप असंगत दृश्य भाषा, कमजोर सूचना पदानुक्रम, और उपयोगकर्ता अनुभव है जिसके बारे में ग्राहक नियमित रूप से समर्थन में शिकायत करते हैं। हम एक पूर्ण पुन: डिज़ाइन में निवेश करना चाहते हैं जो एक समेकित डिज़ाइन प्रणाली स्थापित करता है और एक ऐसा इंटरफ़ेस बनाता है जो उत्पाद के साथ स्केल करता है — एक ऐसा जिसे डेवलपर्स बिना दृश्य स्थिरता को तोड़े बढ़ा सकते हैं, और ग्राहक बिना प्रशिक्षण के उपयोग कर सकते हैं।

नया डिज़ाइन आधुनिक B2B इंटरफ़ेस जैसे Linear, Vercel, और Stripe द्वारा मार्गदर्शित होना चाहिए: साफ, सूचना-घन, लेकिन कभी भी अव्यवस्थित नहीं, अंधेरे और हल्के मोड के लिए उत्कृष्ट समर्थन के साथ। हमें केवल एक सुंदर चित्र की आवश्यकता नहीं है — हमें एक पूर्ण विकसित डिज़ाइन प्रणाली की आवश्यकता है जिसमें दस्तावेज़ित रंग टोकन, टाइपोग्राफी स्केल, और डेवलपर्स के लिए एक घटक पुस्तकालय हो। एक इंटरैक्टिव Figma प्रोटोटाइप सभी प्रमुख उपयोगकर्ता प्रवाह को कवर करना चाहिए। डेवलपर को हैंडऑफ के लिए एनोटेशन अनिवार्य हैं।

पृष्ठ:
1. डैशबोर्ड अवलोकन — KPI, चार्ट, गतिविधि फ़ीड
2. उपयोगकर्ता प्रबंधन — सूची, भूमिकाएँ, अनुमतियों की मैट्रिक्स
3. विश्लेषण — ट्रैफ़िक, रूपांतरण फ़नल, तुलनात्मक दृश्य
4. बिलिंग और सदस्यताएँ — योजनाएँ, भुगतान इतिहास, उन्नयन
5. सेटिंग्स — प्रोफ़ाइल, सूचनाएँ, एकीकरण, API कुंजी
6. ऑनबोर्डिंग — प्रगति संकेतक के साथ तीन-चरण सेटअप विज़ार्ड

डिज़ाइन आवश्यकताएँ: हल्का और अंधेरा मोड, डेस्कटॉप-प्रथम टैबलेट अनुकूलन के साथ, डिज़ाइन प्रणाली, इंटरैक्टिव प्रोटोटाइप, एनोटेशन के साथ हैंडऑफ।