कॉन्सेप्टकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं
ROKO: एक व्यंग्यात्मक लॉन्च साइट, जिसकी कहानी एक रियल-टाइम 3D पत्थर सुनाता है
ROKO एक काल्पनिक प्रोडक्ट है: नदी का एक कंकड़, जिसे AI डिवाइस की तरह लॉन्च किया गया है, “Powered by AI*”, और फ़ुटनोट में लिखा है “Ancient Igneous”। VITON13 ने अपनी रेंज दिखाने के लिए इसकी लॉन्च साइट कॉन्सेप्ट के तौर पर बनाई: एक रियल-टाइम 3D पत्थर पूरी स्क्रॉल कहानी को आगे बढ़ाता है, डेस्क पर ऊपर से दिखते फ़्लैट-ले से लेकर पेंडेंट, थर्मल कैमरे और पत्थरों की मीनार तक, और आख़िरी स्क्रीन मज़ाक को स्टूडियो की पेशकश में बदल देती है।
प्रोजेक्ट खोलें
- स्क्रॉल सेक्शन, और एक ही रियल-टाइम 3D पत्थर इन सबसे गुज़रता है
- 12
- फ़ोटो और फ़िल्में, पत्थर के हमारे अपने रेंडर को रेफ़रेंस बनाकर जेनरेट की गईं (11 फ़ोटो, 3 फ़िल्में)
- 14
- डाउनलोड किए गए 3D मॉडल या स्टॉक फ़ोटो: पत्थर और प्रॉप्स कोड से बनते हैं
- 0
- gzip में मुख्य स्क्रिप्ट (बिना कंप्रेशन 0.71 MB), three.js सहित
- 0.19 MB
काम
AI हार्डवेयर की लॉन्च साइटें अपने आप में एक शैली बन चुकी हैं: एक चमकदार चीज़, स्क्रॉल पर चलती कहानी, बड़े-बड़े वादे। VITON13 कॉन्सेप्ट साइटें बनाता है ताकि उन शैलियों में भी अपनी रेंज दिखा सके जहाँ अभी दिखाने लायक़ कोई क्लाइंट प्रोजेक्ट नहीं है, और ROKO वह साइट है जिसमें मज़ाक है। प्रोडक्ट नदी का एक कंकड़ है, जिसे AI डिवाइस की तरह लॉन्च किया गया है; “Powered by AI*” के फ़ुटनोट में लिखा है “Ancient Igneous”।
हमने ख़ुद को जो ब्रीफ़ दिया, वह था जानबूझकर बेकार बनाए गए प्रोडक्ट को फ़्लैगशिप लॉन्च जैसा महसूस कराना: प्रीमियम मटीरियल, असली इंटरैक्शन और ऐसे मज़ाक जो AI की ख़बरों पर नज़र रखने वालों को तुरंत समझ आएँ। ढाँचा और लॉजिक Lusion की oryzo.ai की तर्ज़ पर हैं, जहाँ एक 3D ऑब्जेक्ट पूरे पेज को आगे बढ़ाता है; प्रोडक्ट, टेक्स्ट, 3D और हर इमेज हमारी अपनी है।
हमने क्या किया
12 सेक्शन वाला एक अंग्रेज़ी पेज: अखरोट की लकड़ी की डेस्क पर ऊपर से दिखता फ़्लैट-ले हीरो, AI सेक्शन, वियरेबल सेक्शन, फ़ीचर्स, “under-rock encryption”, मैक्रो मैग्निफ़ाइंग ग्लास, सस्टेनेबिलिटी, रिव्यू, सोशल स्ट्रिप, पाँच रंगों में तीन प्रोडक्ट टियर, “open weights” और फ़ुटर। सेक्शन के बीच वही पत्थर डेस्क से उठता है, पेंडेंट बनकर लटकता है, हवा में उड़ते काग़ज़ों को दबाए रखता है, वर्डमार्क के O अक्षरों में आ बैठता है और पत्थरों की मीनार में जुड़ जाता है।
हर सेक्शन में करने को कुछ है। एक चैट, जिसमें ROKO 4.5 अरब साल तक सोचता है और जवाब देता है “…”; एक प्रॉम्प्ट, जो लाइव पत्थर पर धूप का चश्मा, पार्टी हैट, गुगली आँखें, बो टाई या ताज लगा देता है; थर्मल मॉडल के लिए तापमान के बटन; पोलराइज़्ड रोशनी वाला मैग्निफ़ाइंग ग्लास; रियल टाइम में चलने वाली 24 सेकंड की फ़िल्म; सिंथेसाइज़ की गई आवाज़; और “open weights” का असली .obj डाउनलोड। आख़िरी स्क्रीन पाठक से कहती है: अगर कोई स्टूडियो एक पत्थर बेच सकता है, तो सोचिए कि वह किसी ब्रांड के लिए क्या कर सकता है।
यह कैसे काम करता है
पत्थर कोड से बनता है। सीड वाला नॉइज़ अंडे जैसे एलिप्सॉइड को घिसकर आकार देता है, पाँच सीड मॉर्फ़ टार्गेट के रूप में सहेजे जाते हैं, और पैच किया हुआ फ़िज़िकल मटीरियल उसमें चित्तियाँ, सफ़ेद क्वार्ट्ज़ की नस, बारीक उभार, आइसोथर्म वाला थर्मल “ironbow” मोड और इंद्रधनुषी AI किनारा जोड़ता है। एक सीन डायरेक्टर हर सेक्शन को एक पोज़ देता है — पत्थर, प्रॉप्स, रोशनी और बैकग्राउंड — और स्क्रॉल की एक स्क्रीन के दौरान एक सेक्शन के अंत को अगले सेक्शन की शुरुआत में घोल देता है, ताकि हीरो से फ़ुटर तक कंकड़ एक ही चीज़ बना रहे।
डेस्क, तकनीकी ड्रॉइंग, प्रॉप्स और नौ प्रोडक्ट शॉट उसी सीन से रेंडर किए गए हैं। लोगों वाली तस्वीरें और छह-छह सेकंड की तीन फ़िल्में CometAPI के ज़रिए जेनरेट की गईं (स्थिर तस्वीरों के लिए Nano Banana Pro, वीडियो के लिए Veo 3.1 fast), और प्रोडक्ट रेफ़रेंस के तौर पर कंकड़ का हमारा अपना रेंडर इस्तेमाल हुआ, इसलिए हर फ़ोटो में यही पत्थर है। फ़ोटो, फ़िल्में और फ़ॉन्ट तभी लोड होते हैं जब विज़िटर उन तक पहुँचता है; पेज पर noindex, nofollow लगा है।
आज क्या मौजूद है
साइट tarasovvitalii.com/demos/roko/ पर लाइव है: एक पेज, जिसमें 12 सेक्शन, 20 इमेज और 3 फ़िल्में हैं, और जिसे 28 सितंबर 2026 को बनाया गया। मुख्य स्क्रिप्ट three.js सहित 0.71 MB की है, gzip में 0.19 MB; पूरा बिल्ड 6.6 MB का है, जिसमें 2.9 MB फ़िल्में हैं जो तभी लोड होती हैं जब विज़िटर उन तक पहुँचता है। उसी दिन हमने headless Chrome में 1440 × 900 पर और 390 px चौड़ी फ़ोन स्क्रीन पर हर इंटरैक्शन क्लिक करके देखा, और कंसोल साफ़ रहा।
उसी दिन लाइव पते पर Lighthouse ने मोबाइल पर परफ़ॉर्मेंस 43 और डेस्कटॉप पर 64 दिया (तीन रन की माध्यिका), और बेहतरीन तरीक़े 100 व सुलभता 92 रहे; लोड होते समय पेज 0.55 MB ट्रांसफ़र करता है, और फ़ोटो व फ़िल्में विज़िटर के स्क्रॉल करने के साथ आती हैं। फ़ोन पर स्कोर को शुरुआत में मेन थ्रेड के लंबे टास्क (कुल ब्लॉकिंग टाइम 3.6 सेकंड) और देर से होने वाला सबसे बड़ा पेंट — हीरो का टेक्स्ट, 4.2 सेकंड पर — नीचे खींचते हैं।
यह क्या साबित नहीं करता
ROKO एक कॉन्सेप्ट है जिसे VITON13 ने अपनी रेंज दिखाने के लिए बनाया, किसी क्लाइंट के ऑर्डर पर नहीं। प्रोडक्ट, उसके रिव्यू, प्रेस और क़ीमतें व्यंग्य हैं: कुछ भी बिक्री के लिए नहीं है, और साइट का कोई क्लाइंट, अपना डोमेन, उपयोगकर्ता, ट्रैफ़िक या पूछताछ नहीं है। फ़ोटो और फ़िल्मों में दिखने वाले लोग जेनरेट किए गए हैं, असली ग्राहक नहीं, और टेक्स्ट सिर्फ़ अंग्रेज़ी में है।
फ़्रेम रेट एक ही मशीन पर headless Chrome में नमूने के तौर पर जाँचा गया (AI सेक्शन में लगभग 100 fps, वियरेबल स्ट्रिप में 58 fps), अलग-अलग डिवाइस पर मापा नहीं गया, और यह पुराने फ़ोन के बारे में कुछ नहीं बताता। Lighthouse लोडिंग मापता है, 3D सीन कितनी सहजता से चलती है यह नहीं। डेमो को जानबूझकर सर्च से बाहर रखा गया है, इसलिए उसके पास दिखाने को कोई सर्च नतीजे नहीं हैं।




SEO समीक्षा
28 सितंबर 2026 को लाइव पते पर मापा गया। Lighthouse 13.5.0 (हर डिवाइस पर तीन रन, माध्यिका, लगभग 3 के लोड एवरेज वाले MacBook पर) ने मोबाइल पर परफ़ॉर्मेंस 43 (LCP 4.2 सेकंड, TBT 3.6 सेकंड, 0.55 MB) और डेस्कटॉप पर 64 (LCP 0.4 सेकंड) दिया, और दोनों पर बेहतरीन तरीक़े 100 और सुलभता 92 रहे। SEO 66 है, क्योंकि डेमो पर पेज में और सर्वर हेडर में noindex, nofollow लगा है: यह एक कॉन्सेप्ट है, और सर्च के लिए बना पेज पोर्टफ़ोलियो पर इसका केस पेज है।
28 सितंबर 2026 को जाँचा गया: 1 पेज Chrome में वैसे ही रेंडर किए गए जैसे सर्च क्रॉलर उन्हें देखता है, और होम पेज पर Lighthouse 13 चलाया गया।
Lighthouse, होम पेज
- परफ़ॉर्मेंस
- मोबाइल43डेस्कटॉप64
- सुलभता
- मोबाइल92डेस्कटॉप92
- बेहतरीन तरीके
- मोबाइल100डेस्कटॉप100
- SEO
- मोबाइल66डेस्कटॉप66
पेज और तकनीकी SEO जाँच
- हर पेज का अलग शीर्षकठीक1/1
- 30–65 अक्षरों का शीर्षकनहीं है0/1
- 70–170 अक्षरों का मेटा विवरणठीक1/1
- हर पेज पर एक H1ठीक1/1
- पेज की भाषा घोषितठीकen
- मोबाइल लेआउट, बिना साइड स्क्रॉलठीक390 px
- alt टेक्स्ट वाली तस्वीरेंआंशिक12/26
- टूटे आंतरिक लिंकठीक0
- कैनोनिकल URLनहीं है0/1
- Open Graph: शीर्षक और तस्वीरठीक1/1
- संरचित डेटा (JSON-LD)नहीं है0/1
- sitemap.xml और robots.txtआंशिक1/2
एक ही पेज जाँचा गया, headless Chrome में 390 px पर रेंडर करके। मौजूद: title, 120 अक्षरों का डिस्क्रिप्शन, एक H1, घोषित भाषा (en), 390 px पर कोई साइडवेज़ स्क्रॉल नहीं, 8 लिंक गंतव्यों में 0 टूटे लिंक, और पूरे (absolute) पते वाली Open Graph इमेज के साथ og:title। आंशिक: 26 में से 12 इमेज पर alt टेक्स्ट है और बाक़ी 14 ख़ाली alt के साथ सजावटी चिह्नित हैं, और Lighthouse रंगों के कंट्रास्ट, हेडिंग के क्रम और छोटे टैप टार्गेट की ओर ध्यान दिलाता है। नहीं है: title 74 अक्षरों तक खिंचता है, और न canonical URL है, न JSON-LD। robots.txt डोमेन के रूट पर है; डेमो जानबूझकर sitemap.xml से बाहर रखा गया है, जबकि पोर्टफ़ोलियो पर इसका केस चार भाषाओं में उसमें दर्ज है।
अगर ROKO असली लॉन्च होता: पेज को सर्च के लिए खोलना, 30–65 अक्षरों के title, canonical URL और Product व Organization JSON-LD के साथ; जो प्रोडक्ट तस्वीरें अर्थ रखती हैं, उन्हें सजावटी चिह्नित करने के बजाय उनका विवरण लिखना; और Lighthouse की सूची वाले कंट्रास्ट, हेडिंग क्रम और टैप टार्गेट ठीक करना। फ़ोन पर स्कोर को शुरुआत में मेन थ्रेड के लंबे टास्क और 4.2 सेकंड पर होने वाला सबसे बड़ा पेंट नीचे खींचते हैं: हीरो टेक्स्ट दिख जाने के बाद 3D सीन शुरू करना, और फ़िल्म व फ़ोटो स्ट्रिप को तभी लोड करना जब विज़िटर उनके पास पहुँचे, रफ़्तार के लिए अगले क़दम हैं।
यह केस किन सेवाओं को दिखाता है
सेवा पेज पर काम बताएँ; लिखित दायरा, समय-सीमा और क़ीमत एक कार्यदिवस में मिलती है।
ऐसे ही प्रोजेक्ट पर बात करेंऔर केस
सभी केस
कॉन्सेप्टकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं
3D प्रेज़ेंटेशन
कॉन्सेप्ट प्रेज़ेंटेशन · 7 डेक · रूसी · 2026
सात प्रेज़ेंटेशन कॉन्सेप्ट, जो एक लिंक से खुलते हैं: एक स्पॉन्सरशिप पैकेज, एक Series A पिच, एक प्रोडक्ट लॉन्च, एक रिहायशी टावर, एक अंतरिक्ष कंपनी, एक फ़ेस्टिवल और एक क्लिनिक। हर डेक लाइव three.js सीन के ऊपर HTML स्लाइड्स है, और हर स्लाइड कैमरे को उसके अपने शॉट तक उड़ाकर ले जाती है; एक ही इंजन कीबोर्ड और स्वाइप से कंट्रोल, सभी स्लाइड्स का 3D ओवरव्यू और ईमेल के लिए PDF जोड़ता है।
केस पढ़ें →
अपनाहमारा अपना प्रोडक्ट
viton13.com
Next.js 16 · 5 भाषाएँ · 7 डोमेन · 2026
VITON13 की अपनी वेबसाइट: एक ही Next.js ऐप मुख्य डोमेन और सेक्शनों के छह सबडोमेन को अंग्रेज़ी, रूसी, स्पेनिश, फ़्रेंच और हिन्दी में चलाता है। हर रिलीज़ के लाइव होने से पहले एक क्रॉल उसके आंतरिक रूट जाँचता है।
केस पढ़ें →
अपनाहमारा अपना प्रोडक्ट
tarasovvitalii.com
अपनी साइट · 4 भाषाएँ · 21 काम · 2026
VITON13 के संस्थापक विटाली तारासोव (Vitalii Tarasov) की निजी वेबसाइट, जिसे स्टूडियो ने डिज़ाइन करके बनाया और जो 23 सितंबर 2026 से लाइव है। यह अंग्रेज़ी, रूसी, स्पेनिश और चीनी में 21 काम दिखाती है, हर एक पर क्लाइंट, अपना प्रोडक्ट या कॉन्सेप्ट का लेबल है; विज़िटर VITON ID से उन्हें सीधे लिख सकते हैं, और साइट एक शोरील से खुलती है, जिसका हर फ़्रेम कोड से बना है; पूरी फ़िल्म 47.6 सेकंड की है।
केस पढ़ें →