Lynksen ने Spline से एक जटिल B2B प्लेटफ़ॉर्म की वेबसाइट में कैसे जान डाली

Elecctro बिना स्टाफ़ वाली सेवाओं के लिए सॉफ़्टवेयर सिस्टम बनाता है — जैसे वेंडिंग मशीन, EV चार्जर और कार वॉश ऑटोमेशन। उनका प्रोडक्ट हार्डवेयर से लेकर सॉफ़्टवेयर तक फैला है और बाज़ार के एक ऐसे कोने में है जो ऐतिहासिक रूप से B2B ख़रीदारों से घने स्पेसिफ़िकेशन शीट और तकनीकी डायग्राम के ज़रिए बात करता आया है। उनका मिशन स्मार्ट, कनेक्टेड समाधानों से बिना स्टाफ़ वाली सेवाओं को आधुनिक बनाना है।

Elecctro को एक वेबसाइट चाहिए थी। लेकिन कोई भी वेबसाइट नहीं। ऐसी, जो ख़रीदार का ध्यान इतनी देर बाँधे रखे कि वे असल में क्या करते हैं यह समझा सके, उन्हें दर्जनों मिलती-जुलती कंपनियों से विज़ुअली अलग दिखाए, और विज़िटर्स को जल्दी फ़ैसले तक पहुँचाए।

वेबसाइट अनुभव को फिर से बनाने के लिए लाई गई डिजिटल डिज़ाइन एजेंसी Lynksen की प्रोजेक्ट मैनेजर Tania कहती हैं, "उन्हें बहुत सारी जानकारी पहुँचानी थी। लेकिन वे टेक्नोलॉजी से भरे एक क्षेत्र में अलग भी दिखना चाहते थे।"

जवाब ज़्यादा कंटेंट नहीं था। जवाब था एक बिल्कुल अलग तरह का इंटरैक्टिव इंटरफ़ेस।

एक होमपेज जिसे आप सिर्फ़ पढ़ते नहीं, एक्सप्लोर करते हैं

Lynksen का मूल आइडिया देखने में बहुत सरल था: यूज़र्स को सिस्टम सिर्फ़ शब्दों से समझाने के बजाय उन्हें उसे एक्सप्लोर करने दें।

होमपेज एक इंटरैक्टिव 3D सीन बन गया। Elecctro के पूरे प्रोडक्ट परिवार का एक स्थानिक ओवरव्यू, जिस पर यूज़र्स hover कर सकते थे, क्लिक करते हुए आगे बढ़ सकते थे और अपनी रफ़्तार से घूम सकते थे। सीन का हर एसेट एक ख़ास प्रोडक्ट पेज से जुड़ा है। "यह प्रोडक्ट क्या है?" से "मैं बात करने को तैयार हूँ" तक का रास्ता सिमटकर बस कुछ क्लिक का रह गया।

यूज़र्स होमपेज पर जाकर सब कुछ देख सकते हैं, एक बार क्लिक कर सकते हैं, और Elecctro को ज़रूरी जानकारी देने की ओर बढ़ चुके होते हैं।

यह एक अहम बदलाव था। ज़्यादातर B2B वेबसाइटें होमपेज को विषय-सूची की तरह इस्तेमाल करती हैं। Lynksen ने Elecctro के होमपेज को एक ऐसे माहौल की तरह बनाया जिसमें आप ऊपर से नीचे पढ़ने के बजाय घूमते हैं।

Spline ही क्यों?

विज़न साफ़ था, लेकिन उसे साकार कैसे करें?

पारंपरिक 3D टूल तो सवाल से बाहर थे। अकेले उनका लर्निंग कर्व ही पूरा प्रोजेक्ट खा जाता। इससे भी ज़रूरी, Elecctro की टीम को लॉन्च के बाद साइट संभालने लायक होना था। यानी कोई ब्लैक-बॉक्स पाइपलाइन नहीं, ख़ास आर्टिस्ट पर निर्भरता नहीं, ऐसे टूल नहीं जिनमें बस एक एसेट बदलने के लिए महीनों की ट्रेनिंग चाहिए।

Lynksen ने Spline को परखा और एक अलग रास्ता देखा:

• एक ही माहौल में बनाएँ और सुधारें।
• इंटरैक्शन का प्रोटोटाइप सीधे टूल में बनाएँ।
• जटिल हैंडऑफ़ की कड़ी के बिना प्रोडक्शन के लिए तैयार एसेट्स शिप करें।

लगभग शून्य अनुभव से हम एक ही कोशिश में पूरा प्रोजेक्ट डिलीवर करने तक पहुँच गए।

यह सिर्फ़ टूल की वजह से संभव नहीं हुआ। इसमें कम्युनिटी का हाथ था। कोड की एक भी लाइन लिखने से पहले Lynksen टीम ने Spline की कम्युनिटी लाइब्रेरी में समय बिताया: रीमिक्स एक्सप्लोर किए, समझा कि दूसरे डिज़ाइनरों ने इंटरैक्शन कैसे बनाए, और ऐसी तकनीकें पहचानीं जिन्हें वे इस क्लाइंट प्रोजेक्ट के लिए ढाल सकते थे।

Spline कम्युनिटी जैसी जगह का होना, जहाँ अलग-अलग प्रोजेक्ट हैं और रीमिक्स करके देखा जा सकता है कि लोगों ने अलग-अलग इंटरैक्शन कैसे बनाए, सीखने के लिहाज़ से हमारे लिए बहुत मददगार रहा।

Elecctro के लिए एक और पहलू था: लंबे समय तक चलना।

वे ऐसा समाधान चाहते थे जिसे लॉन्च के बाद उनकी टीम सच में अपना सके।

कोई ऑब्जेक्ट जोड़ने, कोई अलग इंटरैक्शन बनाने और हमारे सौंपने के बाद प्रोजेक्ट संभालने के लिए आपको बहुत तकनीकी होने की ज़रूरत नहीं है। यह हमारे लिए एक बहुत अहम फ़ायदा था।

अनुभव बनाना

Lynksen की प्रक्रिया बिना किसी मोशन के शुरू हुई।

स्टैटिक वायरफ़्रेम। सपाट UI लेआउट। एक भी एनिमेशन जोड़ने से पहले जानकारी का एक साफ़ क्रम तय किया गया। ढाँचा मज़बूत होने के बाद ही टीम ने परतें जोड़नी शुरू कीं।

Tania कहती हैं, "हम हमेशा स्टैटिक से शुरू करते हैं, और फिर परत-दर-परत एनिमेशन जोड़ते हैं। हम वायरफ़्रेम और स्केच में मुख्य स्टेट तय करते हैं, और इम्प्लीमेंटेशन के दौरान कैमरा मूवमेंट में बदलाव करते हैं, एनिमेशन के साथ प्रयोग करते हैं, और पक्का करते हैं कि सब कुछ उम्मीद के मुताबिक़ जुड़ जाए।"

इस अनुशासन ने प्रोजेक्ट को अपनी ही महत्वाकांक्षा के बोझ तले ढहने से बचाया। टीम ने एक सरल डिज़ाइन सिद्धांत पर टिके रहना चुना: मोशन कहानी का साथ देता है।

व्यवहार में इसका मतलब था:

• 3D एसेट्स पर हल्के hover स्टेट और माइक्रो-इंटरैक्शन
• स्क्रॉल पर आधारित रिवील, जो ध्यान माँगे बिना उसे दिशा दें
• कैमरा ट्रांज़िशन, जो यूज़र्स को चकाचौंध करने के बजाय रास्ता दिखाएँ
• खुली रचनात्मकता सिर्फ़ कम अहम पलों (फ़ुटर, 404 पेज) के लिए, जहाँ छोटे-छोटे सरप्राइज़ ध्यान भटकाने के बजाय ख़ुशी देते हैं

404 पेज टीम का पसंदीदा बन गया। पूरी तरह Spline में बना यह पेज यूज़र्स को इधर-उधर क्लिक करके छिपे हुए 3D एसेट्स खोजने देता है। एक छोटा-सा ईस्टर एग, जिसे ज़्यादातर विज़िटर कभी नहीं खोज पाएँगे, लेकिन जिसे बनाने में Lynksen टीम को साफ़ तौर पर बहुत मज़ा आया।

Ross कहते हैं, "एक छोटा-सा ईस्टर एग छिपाना मज़ेदार है। अगर किसी को यह मिल जाए, तो डिज़ाइनर के तौर पर हमें बहुत ख़ुशी होगी।"

वेबसाइट के नेविगेशन मेन्यू में इस्तेमाल हुए 3D आइकन की बारीकी।

नतीजे

नए डिज़ाइन वाली वेबसाइट लॉन्च हुई और आँकड़े तुरंत बदल गए।

एक्टिव यूज़र्स 524% बढ़े और प्रोजेक्ट को 5 अवॉर्ड मिले।

साइट पर 20,000 नए व्यू आए और डिज़ाइन कम्युनिटी का ध्यान इस पर गया।

ये नतीजे उस चीज़ को दर्शाते थे जो टीम ने सोच-समझकर बनाई थी: सिर्फ़ एक अच्छी दिखने वाली वेबसाइट नहीं, बल्कि सच में असरदार। ऐसी, जो स्पष्टता चाहने वाले ख़रीदारों के लिए भी काम करे, और उस क्लाइंट टीम के लिए भी जिसे पूरे समय के डेवलपर के बिना इसे संभालना था।

3D पर विचार कर रही टीमों के लिए

पहली बार वेब पर 3D के बारे में सोच रही टीमों के लिए Tania की सलाह सरल है: पारंपरिक टूल से शुरुआत न करें।

Spline के साथ लर्निंग कर्व संभाला जा सकता है। डिज़ाइन स्किल वाला कोई भी व्यक्ति कुछ ही दिनों में इसमें रम सकता है। हमारी टीम ने इस्तेमाल के पहले ही हफ़्ते में एक ठोस MVP तैयार कर लिया।

Ross इसे इस बड़े बदलाव के रूप में देखते हैं कि टीमें 3D को कैसे अपना सकती हैं: कई जटिल टूल और वर्कफ़्लो को जोड़ने के बजाय, टीमें एक ही माहौल में डिज़ाइन, सुधार और शिप कर सकती हैं — जिससे इंटरैक्टिव 3D शुरू से ही कहीं ज़्यादा सुलभ लगता है।

अगर आप बहुत तकनीकी जानकारी के बिना एक ही माहौल में काम करना चाहते हैं और जो दिख रहा है वही शिप करना चाहते हैं, तो Spline चुनें।

क्लाइंट को इंटरैक्टिव वेब अनुभवों का प्रस्ताव देने वाली डिज़ाइन एजेंसियों के लिए यह प्रोजेक्ट एक दमदार सबूत है: सही टूल के साथ आप एक ही प्रोजेक्ट में शून्य अनुभव से अवॉर्ड जीतने वाली वेबसाइट तक पहुँच सकते हैं।

Spline के साथ शुरुआत करें

Lynksen की तरह, एजेंसियाँ Spline की मदद से अपने क्लाइंट को जटिल प्रोडक्ट ऐसे इंटरैक्टिव अनुभवों के ज़रिए समझाने में मदद कर सकती हैं, जो समझने में आसान, संभालने में आसान और ज़्यादा यादगार हों।

Elecctro के लिए इसका मतलब था एक तकनीकी B2B प्लेटफ़ॉर्म को ऐसी इंटरैक्टिव वेबसाइट में बदलना जिसने प्रोडक्ट को साफ़ समझाया, फ़ैसले तेज़ किए और ब्रांड को भीड़ भरे बाज़ार में अलग दिखने में मदद की।

चाहे आप किसी क्लाइंट के लिए बनाने वाली एजेंसी हों या इन-हाउस टीम, Spline आपको आइडिया से प्रोडक्शन तक तेज़ी से पहुँचने में मदद करता है — बिना जटिल 3D पाइपलाइन या ख़ास तकनीकी स्किल के।

सेल्स टीम से बात करें