कॉन्सेप्टकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं

RACKLIGHT: एक 3D वेयरहाउस ऑपरेटिंग सिस्टम, जिसे क्लिक करके चलाया जा सकता है — एक कॉन्सेप्ट

RACKLIGHT, Norvane DC-02 के लिए एक वेयरहाउस मैनेजमेंट सिस्टम है — एक थर्ड-पार्टी लॉजिस्टिक्स गोदाम, जो असल में मौजूद नहीं है। VITON¹³ ने इसे एक कॉन्सेप्ट के रूप में बनाया, यह दिखाने के लिए कि जब गोदाम ख़ुद इंटरफ़ेस बन जाए तो ऑपरेशंस प्रोडक्ट कैसा दिखता है: 1,656 बिन लोकेशन लाइव 3D पैलेट के रूप में, किसी भी बिन तक कैमरा ले जाने वाली सर्च, पिक-पाथ ऑप्टिमाइज़र, पुटअवे नियम के साथ इनबाउंड स्कैन, और स्टॉक के लिए डेमो AI — जो ब्राउज़र में चलने वाले नियम और आँकड़े हैं, और यह साफ़ लिखा भी है।

कॉन्सेप्ट प्रोडक्ट · WMS · 3D · अंग्रेज़ी और रूसी · 2026

प्रोजेक्ट खोलें

RACKLIGHT का कवर: नारंगी रोशनी वाले रैक आइकन के बगल में बड़े सफ़ेद अक्षरों में नाम, पंक्ति “Every pallet, in plain sight.” और तीन संख्याएँ (1,656 बिन लोकेशन, 400 SKU, −32% पिक रूट), उनके नीचे ब्राउज़र फ़्रेम में 3D गोदाम का डैशबोर्ड, और बगल में फ़ोन पर खुला पिक-पाथ ऑप्टिमाइज़र।

बिन लोकेशन, लाइव 3D पैलेट के रूप में, स्टॉक या पिक-फ़्रीक्वेंसी के हिसाब से रंगी हुई: 1,656
काल्पनिक SKU, हर एक के साथ 90 दिन की माँग और 28 दिन का पूर्वानुमान: 400
ऑर्डर शीट की तुलना में पिक रूट की माध्यिका लंबाई, 1,140 बनाए गए ऑर्डर (लोकेशन के हिसाब से छँटी शीट से लगभग −9%): −32%
gzip में पहली स्क्रिप्ट; three.js सीन (154 KB) इंटरफ़ेस के बाद लोड होता है: 10 KB

काम

VITON¹³ कॉन्सेप्ट प्रोडक्ट बनाता है ताकि उन क्षेत्रों में भी अपनी रेंज दिखा सके जहाँ अभी दिखाने लायक़ कोई क्लाइंट प्रोजेक्ट नहीं है। RACKLIGHT ऑपरेशंस वाला कॉन्सेप्ट है: Norvane DC-02 के लिए एक WMS — एक गढ़ा हुआ थर्ड-पार्टी लॉजिस्टिक्स गोदाम, जिसमें 400 प्रोडक्ट, रोज़ 38 आउटबाउंड ऑर्डर, पाँच इनबाउंड और पाँच आउटबाउंड डॉक डोर और एक कोल्ड रूम है। कंपनी, उसके ग्राहक, कैरियर, सप्लायर और हर संख्या काल्पनिक है, और डेमो यह बात स्क्रीन पर लगे एक स्थायी बैज में कहता है।

ब्रीफ़ हमने ख़ुद तय किया। वेयरहाउस सॉफ़्टवेयर आमतौर पर स्टॉक को कोड की तालिकाओं में दिखाता है, इसलिए इंटरफ़ेस ख़ुद गोदाम होना था — हर पैलेट दिखे, हर कार्रवाई फ़्लोर पर नज़र आए — पर उसे 3D शोपीस बनाए बिना। उसमें ऐसे काम होने थे जिन्हें शिफ़्ट लीड पहचान सके, हर सुझाव के पीछे के आँकड़े दिखें, और वह अंग्रेज़ी और रूसी में, लैपटॉप और फ़ोन दोनों पर चले।

हमने क्या किया

गोदाम 108 × 80 मीटर की एक इमारत है, जिसे three.js में ऑर्थोग्राफ़िक आइसोमेट्रिक कैमरे के साथ बनाया गया है: पिक फ़ेस और बल्क रिज़र्व वाली 12 मुख्य आइल, काँच के कोल्ड रूम में 4 आइल, रिसीविंग, कन्वेयर के साथ पैकिंग सेल, शिपिंग लेन और ट्रकों के साथ 10 डॉक डोर। 1,656 बिन लोकेशन इंस्टेंस्ड पैलेट हैं, जो स्टॉक लेवल के हिसाब से रंगी होती हैं, और हीट मोड में पिक-फ़्रीक्वेंसी के हिसाब से। नौ पिकर और पाँच फ़ोर्कलिफ़्ट आइल ग्राफ़ पर चलते हैं, ट्रक शेड्यूल के मुताबिक़ डॉक पर लगते हैं, और किसी बिन पर होवर करने से उसका SKU, मात्रा और भराव दिखता है।

इस पर चार टूल काम करते हैं। सर्च (⌘K) सभी 400 SKU, ऑर्डर और बिन कोड खोजती है; कैमरा बिन तक उड़ता है, एक रोशनी की किरण उसे चिह्नित करती है, और सबसे पास के पिकर से एक रास्ता खिंचता है। पिक-पाथ ऑप्टिमाइज़र ऑर्डर शीट के क्रम की तुलना nearest neighbour और 2-opt से सबसे छोटी आइल दूरियों पर बने रूट से करता है, फिर एक पिकर को उस पर चलाता है। इनबाउंड स्कैन का पुटअवे नियम वेलोसिटी के हिसाब से जगह चुनता है — तेज़ बिकने वाला माल पैकिंग के सबसे पास, धीमा माल रिज़र्व के ऊपरी स्तरों पर, ठंडा सामान कोल्ड रूम में — और फ़ोर्कलिफ़्ट पैलेट को वहाँ ले जाता है। चौथा टूल इन्वेंटरी इंटेलिजेंस है।

सीन के चारों ओर डैशबोर्ड पैनल हैं (ज़ोन के हिसाब से भराव, आज आया और भेजा गया माल, पिक एक्यूरेसी, अगले कैरियर कट-ऑफ़ से पहले बाक़ी ऑर्डर, लाइव इवेंट फ़ीड और डॉक टाइमलाइन), फ़िल्टर और हर SKU के 90 दिन के स्पार्कलाइन वाली इन्वेंटरी तालिका, स्टेटस और कट-ऑफ़ के हिसाब से ऑर्डर की कतार, और 10 डोर का डॉक गैंट चार्ट। हर बदलाव विज़िटर के ब्राउज़र में सहेजा जाता है, और एक बटन सैंडबॉक्स को रीसेट कर देता है।

यह कैसे काम करता है

इन्वेंटरी इंटेलिजेंस डेमो AI है, और इंटरफ़ेस यही कहता है: ब्राउज़र में चलने वाले नियम और आँकड़े, कोई लैंग्वेज मॉडल नहीं। हर SKU के पास साप्ताहिक मौसमीपन के साथ 90 दिन की बनाई गई माँग है; पूर्वानुमान पिछले आठ हफ़्तों के मौसमी इंडेक्स और डैम्प्ड लीनियर ट्रेंड पर चलता है, z = 1.65 पर सेफ़्टी स्टॉक रीऑर्डर पॉइंट तय करता है, और चार सूचियाँ कम स्टॉक (परचेज़ ऑर्डर दें और एक ट्रक डॉक पर आ जाता है), ज़्यादा स्टॉक, डेड स्टॉक और स्लॉटिंग स्वैप दिखाती हैं, साथ में यह भी कि वे कितने मीटर बचाएँगे। हर कार्रवाई 3D सीन बदलती है: पैलेट आते हैं, खिसकते हैं, क्लियरेंस के लिए बैंगनी हो जाते हैं या चले जाते हैं।

सब कुछ प्रोसीजरल है: कोई 3D मॉडल, इमेज टेक्सचर या बाहरी रिक्वेस्ट नहीं। शेल सादे JavaScript में है, esbuild से बंडल होता है और सबसे पहले दिखता है; three.js सीन एक अलग चंक है जो उसके बाद लोड होता है। पैलेट इंस्टेंस्ड मेश हैं, जिनमें एक ही बदला हुआ मटीरियल कार्टन की सीवन, धुँधलापन, हीट ग्लो और इंट्रो की लाइट्स-ऑन झलक सँभालता है; परछाइयाँ सिर्फ़ स्टॉक बदलने पर दोबारा बनती हैं, फ़्रेम धीमे हों तो पिक्सेल रेशियो घट जाता है, और छिपे टैब में रेंडरिंग रुक जाती है। फ़ोन पर हल्का सीन मिलता है, कम एजेंट, KPI पट्टी, नीचे से खुलने वाले पैनल और टैब बार के साथ।

आज क्या मौजूद है

अभी tarasovvitalii.com/demos/racklight/ पर एक काम करता कॉन्सेप्ट मौजूद है: चार व्यू, चार टूल और अंग्रेज़ी व रूसी दोनों में लगभग 230 इंटरफ़ेस स्ट्रिंग। 28 सितंबर 2026 को हमने प्रोडक्शन बिल्ड मापा: पहली स्क्रिप्ट gzip में 10 KB है (बूट को दोबारा बनाने के बाद), three.js सीन gzip में 154 KB, और पूरा बिल्ड 1.0 MB, जिसमें कोई इमेज, मॉडल या टेक्सचर फ़ाइल नहीं है। Apple M5 वाले MacBook Air पर headless Chrome में, Retina स्केल पर 1600 × 1000 में, सीन डिफ़ॉल्ट 60 Hz फ़्रेम क्लॉक पर छह स्थितियों में 55–60 fps पर टिका रहा, और सीमा हटाने पर 160–200 fps, यानी लगभग 5–6 ms प्रति फ़्रेम, रेंडर किए।

हमने डेमो का अपना रूटिंग कोड उन 1,140 ऑर्डर पर भी चलाया जो वह 30 दिनों में बनाता है। ऑप्टिमाइज़ किया गया रूट ऑर्डर शीट को लाइन-दर-लाइन चलने से माध्यिका में 32% छोटा था, और स्क्रीनशॉट वाला ऑर्डर 409 मीटर से घटकर 211 मीटर हो जाता है। सिर्फ़ लोकेशन कोड से छँटी शीट की तुलना में माध्यिका फ़ायदा लगभग 9% है — उस गोदाम के लिए यही ज़्यादा ईमानदार तुलना है जो पहले से अपनी पिक लिस्ट छाँटता है।

यह क्या साबित नहीं करता

RACKLIGHT एक कॉन्सेप्ट है जिसे VITON¹³ ने अपनी रेंज दिखाने के लिए बनाया, किसी क्लाइंट के ऑर्डर पर बना प्रोडक्ट नहीं। Norvane DC-02, उसके ग्राहक, कैरियर, सप्लायर, प्रोडक्ट और हर संख्या काल्पनिक है और ब्राउज़र में बनती है: इसके पीछे न उपयोगकर्ता हैं, न क्लाइंट, न गोदाम, न आमदनी, और यह किसी असली ऑपरेशन में अपनाए जाने या बचत के बारे में कुछ साबित नहीं करता। डेमो AI विज़िटर के डिवाइस पर चलने वाले नियम और आँकड़े हैं, कोई ट्रेन किया गया मॉडल नहीं, और उसने कभी असली माँग नहीं देखी।

यहाँ कुछ भी किसी असली WMS, ERP, बारकोड स्कैनर या डॉक सिस्टम से नहीं जुड़ा; गोदाम का नक्शा ड्रॉइंग से इम्पोर्ट नहीं, कोड में लिखा है, और रूटिंग भीड़, ट्रॉली और बैच पिकिंग को नहीं गिनती। फ़्रेम रेट एक ही मशीन पर, headless Chrome में, एक ही दिन मापे गए, और नीचे की Lighthouse समीक्षा 28 सितंबर 2026 को लाइव पते पर मापी गई, असली डिवाइस पर नहीं बल्कि सिम्युलेटेड फ़ोन के साथ। डेमो जान-बूझकर सर्च से बाहर रखा गया है।

वेब स्टूडियो का पोर्टफोलियो कैसे जाँचें

प्रोडक्ट ढूँढना: कैमरा बिन A03-01-A तक पहुँच गया है, जहाँ रोशनी की एक किरण सिरेमिक मग के पैलेट को चिह्नित करती है, सात मीटर दूर पिकर 1 से एक लाल रास्ता आता है, और साइड पैनल में स्टॉक, रीऑर्डर पॉइंट, कवर के दिन और 28 दिन के पूर्वानुमान के साथ 90 दिन की माँग का चार्ट है। — सर्च और लोकेट: बिन तक उड़ान, उसे रोशन करना, सबसे पास के पिकर का रूट। कॉन्सेप्ट डेमो की स्क्रीन, सितंबर 2026।

इनबाउंड स्कैन: डोर D01 पर खड़े ट्रक के एक पैलेट का लेबल स्कैन हो चुका है, फ़ोर्कलिफ़्ट पैलेट को नारंगी रास्ते पर रिसीविंग से पिक फ़ेस की ओर ले जा रहा है, और पैनल पुटअवे नियम समझाता है: तेज़ बिकने वाला माल A03-04-A में जाता है, पैकिंग से 15 मीटर दूर। — इनबाउंड स्कैन: पुटअवे नियम जगह चुनता है और फ़ोर्कलिफ़्ट पैलेट वहाँ ले जाता है। कॉन्सेप्ट डेमो की स्क्रीन, सितंबर 2026।

हीट मोड में इन्वेंटरी इंटेलिजेंस: रैक पिक-फ़्रीक्वेंसी के हिसाब से बैंगनी से हल्के पीले तक चमकते हैं, आइल के बीच फ़ोर्कलिफ़्ट चलते हैं, और “Demo AI = rules + statistics in your browser” लिखे पैनल में स्लॉटिंग स्वैप की सूची है, साथ में यह कि हर एक रोज़ कितना चलना बचाएगा। — स्टॉक के लिए डेमो AI: पिक हीट मैप पर स्लॉटिंग स्वैप। कॉन्सेप्ट डेमो की स्क्रीन, सितंबर 2026।

काले बैकग्राउंड पर 390 px चौड़ाई वाली फ़ोन की चार स्क्रीन: अंग्रेज़ी में गोदाम का ओवरव्यू और पिक-पाथ ऑप्टिमाइज़र, फिर रूसी में इन्वेंटरी इंटेलिजेंस और डॉक शेड्यूल। — 390 px फ़ोन पर गोदाम, पिक रूट, इंटेलिजेंस और डॉक, अंग्रेज़ी और रूसी में। कॉन्सेप्ट डेमो की स्क्रीन, सितंबर 2026।

SEO समीक्षा

28 सितंबर 2026 को, स्टार्टअप को दोबारा बनाने के बाद, लाइव पते पर मापा गया। Lighthouse (हर डिवाइस पर पाँच रन, माध्यिका, 3–9 के लोड एवरेज वाले MacBook पर) ने मोबाइल पर परफ़ॉर्मेंस 86 (LCP 3.3 सेकंड, 0 ms ब्लॉकिंग, 0.45 MB) और डेस्कटॉप पर 99 (LCP 0.5 सेकंड) दिया, सुलभता 91 और 92, और दोनों पर बेहतरीन तरीक़े 100; हमारी जाँच में डेमो 0 CSP उल्लंघन और कंसोल में 0 त्रुटियों के साथ लोड हुआ। पहली, लोकल जाँच ने, बदलाव से पहले भारी लोड वाली मशीन पर, 37 और 69 दिए थे। SEO 63 है, क्योंकि डेमो पर noindex, nofollow लगा है: सर्च के लिए पोर्टफ़ोलियो पर उसका केस पेज है।

28 सितंबर 2026 को जाँचा गया: 5 पेज Chrome में वैसे ही रेंडर किए गए जैसे सर्च क्रॉलर उन्हें देखता है, और होम पेज पर Lighthouse 13 चलाया गया।

Lighthouse, होम पेज

परफ़ॉर्मेंस: मोबाइल86डेस्कटॉप99
सुलभता: मोबाइल91डेस्कटॉप92
बेहतरीन तरीके: मोबाइल100डेस्कटॉप100
SEO: मोबाइल63डेस्कटॉप63

पेज और तकनीकी SEO जाँच

हर पेज का अलग शीर्षकनहीं है2/5
30–65 अक्षरों का शीर्षकनहीं है1/5
70–170 अक्षरों का मेटा विवरणनहीं है0/5
हर पेज पर एक H1आंशिक4/5
पेज की भाषा घोषितठीकen
मोबाइल लेआउट, बिना साइड स्क्रॉलठीक390 px
alt टेक्स्ट वाली तस्वीरेंठीक0 img
टूटे आंतरिक लिंकठीक0
कैनोनिकल URLनहीं है0/5
Open Graph: शीर्षक और तस्वीरनहीं है0/5
संरचित डेटा (JSON-LD)नहीं है0/5
sitemap.xml और robots.txtआंशिक1/2

5 दस्तावेज़ जाँचे गए — एक ही पते के 4 व्यू और उसका 404 पेज — headless Chrome में 390 px पर। मौजूद: घोषित भाषा (en, और स्विच के बाद ru), 390 px पर कोई साइडवेज़ स्क्रॉल नहीं, और 7 लक्ष्यों में 0 टूटे लिंक; alt देने लायक़ कोई <img> नहीं है, क्योंकि गोदाम WebGL में है और आइकन SVG हैं। आंशिक: इन्वेंटरी, ऑर्डर और डॉक व्यू और 404 पेज पर एक-एक H1 है, 3D गोदाम व्यू पर कोई नहीं। नहीं है: 4 व्यू 77 अक्षरों का एक ही title और 218 अक्षरों का एक ही विवरण साझा करते हैं, और canonical, Open Graph इमेज और JSON-LD नहीं हैं। robots.txt डोमेन के रूट पर है; डेमो जान-बूझकर sitemap.xml से बाहर है।

पहली जाँच में कमज़ोर कड़ी परफ़ॉर्मेंस थी, और वजह पता थी: ब्लॉकिंग का लगभग सारा समय 3D सीन को एक ही बार में बनाने में जाता था। हमने स्टार्टअप को दोबारा बनाया, ताकि हर क़दम ब्राउज़र को बारी दे, शेडर असिंक्रोनस तरीक़े से कंपाइल हों और पहला फ़्रेम थोड़े-थोड़े ऑब्जेक्ट करके बने; चार गुना धीमे किए गए CPU वाली हमारी अपनी जाँच में ब्लॉकिंग समय लगभग 1.3 सेकंड से घटकर लगभग 20 ms रह गया, और लाइव पता अब मोबाइल पर बिना ब्लॉकिंग समय के 86 पाता है। अगला क़दम: टूल बटन पर छोटे काउंटर का कंट्रास्ट बढ़ाना और “काल्पनिक प्रोडक्ट” बैज के लिंक को बड़ा करना, जिनकी वजह से सुलभता के 8–9 अंक कटते हैं; हर व्यू को अपना title और विवरण देना।

यह केस किन सेवाओं को दिखाता है

सेवा पेज पर काम बताएँ; लिखित दायरा, समय-सीमा और क़ीमत एक कार्यदिवस में मिलती है।

ऐसे ही प्रोजेक्ट पर बात करें

और केस

सभी केस

कॉन्सेप्टकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं

HOURLINE

कॉन्सेप्ट प्रोडक्ट · वेब ऐप · अंग्रेज़ी, रूसी · 2026

HOURLINE एक ऑनलाइन बुकिंग प्लेटफ़ॉर्म है, जिसे VITON13 ने कॉन्सेप्ट के तौर पर बनाया और मॉस्को, दुबई और लंदन के तीन प्रीमियम स्टूडियो के एक काल्पनिक नेटवर्क के ज़रिए दिखाया। एक ही डेमो में दोनों पक्ष हैं: वह पेज जहाँ मेहमान कुछ सेकंड में फ़ोन से अपॉइंटमेंट बुक करता है, और वह बैक ऑफ़िस जहाँ स्टूडियो अपना कैलेंडर चलाता है, नो-शो का जोखिम देखता है, ख़ाली समय भरता है और अपने आँकड़े पढ़ता है। सब कुछ ब्राउज़र में, बनाए गए डेटा पर चलता है।

केस पढ़ें

कॉन्सेप्टकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं

SOLVENT

कॉन्सेप्ट प्रोडक्ट · वेब ऐप · अंग्रेज़ी, रूसी · 2026

SOLVENT एक कैश-फ़्लो प्रोडक्ट है, जिसे VITON13 ने कॉन्सेप्ट के रूप में बनाया और Kite & Co. के खातों पर दिखाया है, जो 14 लोगों का एक काल्पनिक डिज़ाइन-और-प्रिंट स्टूडियो है। यह मालिक को बताता है कि खाते में कितना पैसा है, वह कितने महीने चलेगा और अगले 18 महीने कैसे दिखते हैं, और कोई फ़ैसला लेने से पहले उसे आज़माने देता है: आठ लीवर पूर्वानुमान को तुरंत दोबारा बनाते हैं और एक वॉटरफ़ॉल दिखाता है कि हर लीवर क्या बदलता है। सब कुछ ब्राउज़र में जनरेट किए गए डेटा पर चलता है, और यह वित्तीय सलाह नहीं है।

केस पढ़ें

गहरे नेवी रंग पर Möbius का होम पेज: ब्लैक-एंड-व्हाइट कहानी-कार्डों के मुड़े हुए रिबन के ऊपर बड़े सफ़ेद सेरिफ़ अक्षरों में हेडलाइन “Only further.”, उसके ऊपर पंक्ति “School & Institute · Ages 5 to 25”, बीच में गोल Continue बटन और नीचे चयनकर्ता “I am a visitor” और “Exploring everything”।

कॉन्सेप्टकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं

Möbius School & Institute

कॉन्सेप्ट साइट · three.js · अंग्रेज़ी, रूसी · 2026

Möbius 5 से 25 साल के विद्यार्थियों के लिए एक काल्पनिक स्कूल और इंस्टीट्यूट है, और यह उसकी साइट है, जिसे VITON13 ने स्कूलों, कॉलेजों और विश्वविद्यालयों के लिए कॉन्सेप्ट के तौर पर बनाया। होम पेज पर 40 कहानी-कार्ड three.js में बने असली मोबियस बैंड पर चलते हैं; उसके पीछे “Who we are” फ़िल्म, प्रोग्राम, एडमिशन टूल, कैंपस मैप और My Möbius है, जो छात्रों, अभिभावकों और शिक्षकों के पर्सनल अकाउंट का काम करता डेमो है।

केस पढ़ें