VERIDA: 3D ग्लोब, प्रॉपर्टी टूर और व्यूइंग बुकिंग वाली रियल-एस्टेट साइट का कॉन्सेप्ट

VITON¹³ कॉन्सेप्ट साइटें बनाता है ताकि उन क्षेत्रों में भी अपनी रेंज दिखा सके जहाँ अभी दिखाने लायक़ कोई क्लाइंट प्रोजेक्ट नहीं है। VERIDA उनमें से एक है: सात शहरों — बार्सिलोना, दुबई, न्यूयॉर्क, शंघाई, मॉस्को, सोची और बाली — में काम करने वाली लग्ज़री प्रॉपर्टी की एक अंतरराष्ट्रीय एजेंसी की साइट। एजेंसी, उसके सलाहकार, घर, क़ीमतें और दफ़्तर सब काल्पनिक हैं।

महँगा घर शायद ही कभी एक पेज से ख़रीदा जाता है, इसलिए साइट को एक लंबे फ़ैसले का साथ देना था: अलग-अलग शहरों के घरों की तुलना, उन्हें अंदर से देखना, हर क्षेत्र में प्रवेश की शर्तें, रिटर्न और रेज़िडेंसी समझना, और फ़ोन किए बिना व्यूइंग का अनुरोध करना। और यह सब दो भाषाओं में — अंग्रेज़ी और रूसी।

हर संस्करण में 16 पेज: होम, प्रॉपर्टी कैटलॉग, प्रॉपर्टी, क्षेत्र, तीन चरणों वाला व्यूइंग अनुरोध, अनुरोध भेजा गया, सेव्ड, अकाउंट, सेवाएँ, जर्नल, एजेंसी के बारे में, संपर्क, प्राइवेसी, शर्तें, कुकीज़ और 404। कैटलॉग में 7 शहरों की 16 प्रॉपर्टी हैं, जिन्हें शहर, प्रकार, बेडरूम और क़ीमत से फ़िल्टर और सॉर्ट किया जा सकता है।

प्रॉपर्टी पेज पर मुख्य आँकड़े, लाइटबॉक्स वाली गैलरी, 2800×900 पैनोरमा से बना 3D टूर जिसे खींचकर घुमाया जाता है, स्पेसिफ़िकेशन, नक्शा, मॉर्गेज अनुमान, सलाहकार और मिलते-जुलते घर हैं। क्षेत्रों वाला पेज 7 क्षेत्रों की प्रवेश शर्तें, रिटर्न और रेज़िडेंसी बताता है; 6 सेवाएँ और जर्नल के 4 लेख बाक़ी कंटेंट पूरा करते हैं।

व्यूइंग अनुरोध तीन चरणों में चलता है — फ़ॉर्मैट, तारीख़ और समय, फिर संपर्क — और पुष्टि वाले पेज पर ख़त्म होता है। डेमो अकाउंट में अनुरोध, सेव किए गए घर, दस्तावेज़ और प्रोफ़ाइल हैं। संपर्क पेज पर 5 दफ़्तर दुनिया के नक्शे पर हैं, साथ में पूछताछ फ़ॉर्म। अंग्रेज़ी और रूसी संस्करण पेजों के दो अलग सेट के रूप में बने हैं।

होम पेज एक वीडियो हीरो से खुलता है। 1,250 बिंदुओं वाला canvas ग्लोब शहरों के मार्कर दिखाता है और बगल की शहर-सूची के साथ तालमेल में अपने-आप घूमता है। कार्ड कर्सर के पीछे 3D में झुकते हैं, हेडलाइन लाइन-मास्क से उभरती हैं, फिर स्टिकी स्क्रॉल स्टोरी, टिकर और काउंटर आते हैं, और पेज एक-दूसरे में फ़ेड होते हैं। मुख्य रास्ता प्रॉपर्टी कैटलॉग, प्रॉपर्टी और व्यूइंग अनुरोध है।

साइट सादे HTML, CSS और JavaScript में है, बिना बिल्ड स्टेप के, और मोशन GSAP, ScrollTrigger और Lenis स्मूद स्क्रॉलिंग पर चलता है। हेडर, फ़ुटर और ओवरले एक साझा स्क्रिप्ट से रेंडर होते हैं, इसलिए हर पेज एक जैसा रहता है। अनुरोध, सेव किए गए घर और अकाउंट ब्राउज़र के localStorage में रहते हैं, और कुछ भी कहीं नहीं भेजा जाता। नक्शे Leaflet पर CARTO की गहरी टाइल्स के साथ हैं; लोगो — अंदर चेक के निशान वाली छत — SVG में बना है; फ़ोटो Unsplash की स्टॉक फ़ोटोग्राफ़ी हैं और वीडियो Pexels से, सीधे CDN लिंक से।

अभी दो संस्करणों में एक काम करता कॉन्सेप्ट मौजूद है: हर एक में 16 पेज, 7 शहरों में 16 प्रॉपर्टी, 7 क्षेत्र, 6 सेवाएँ, 5 दफ़्तर और 4 लेख — कैटलॉग से पुष्टि किए गए व्यूइंग अनुरोध तक सब कुछ बिना सर्वर के चलता है। 22 सितंबर 2026 को अंग्रेज़ी संस्करण के 15 पेजों की जाँच में 15 में से 15 पर यूनिक title, हर पेज पर एक H1, 100% इमेज पर alt टेक्स्ट और 0 टूटे आंतरिक लिंक मिले।

Lighthouse ने अंग्रेज़ी होम पेज को मोबाइल और डेस्कटॉप पर SEO 100 दिया, Accessibility मोबाइल पर 95 और डेस्कटॉप पर 98; परफ़ॉर्मेंस डेस्कटॉप पर 94 और मोबाइल पर 69 रहा। मोबाइल स्कोर को वीडियो नीचे खींचता है: फ़ोन पर पेज 16.7 MB का है और LCP 7.4 सेकंड, जबकि डेस्कटॉप पर वज़न 6.8 MB और LCP 1.5 सेकंड है।

VERIDA एक कॉन्सेप्ट है जिसे VITON¹³ ने अपनी रेंज दिखाने के लिए बनाया, किसी क्लाइंट के ऑर्डर पर नहीं। एजेंसी, सलाहकार, प्रॉपर्टी, क़ीमतें और दफ़्तर काल्पनिक हैं। साइट का कोई डोमेन नहीं है, कोई विज़िटर, सर्च ट्रैफ़िक, अनुरोध या सौदा नहीं है, इसलिए यह क्लाइंट लाने के बारे में कुछ साबित नहीं करती। फ़ोटो और वीडियो Unsplash और Pexels की लाइसेंसशुदा स्टॉक फ़ोटोग्राफ़ी और वीडियो हैं।

Lighthouse के आँकड़े एक दिन में अंग्रेज़ी होम पेज का लैब माप हैं, और जाँचें सिर्फ़ अंग्रेज़ी संस्करण को कवर करती हैं। SEO 100 सिर्फ़ बुनियादी बातें कवर करता है: canonical, Open Graph, JSON-LD, sitemap.xml और robots.txt नहीं हैं, और दोनों संस्करण अभी hreflang से एक-दूसरे से जुड़े नहीं हैं। व्यूइंग अनुरोध सिर्फ़ विज़िटर के ब्राउज़र में रहते हैं।