CONCEPTकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं
VITALIANO: रेस्टोरेंट की कॉन्सेप्ट साइट, जहाँ मेहमान ख़ुद अपनी टेबल चुनता है
तीन रेस्टोरेंट वाले एक काल्पनिक इतालवी रेस्टोरेंट ग्रुप के लिए VITON13 का कॉन्सेप्ट। मेहमान फ़्लोर प्लान पर अपनी सटीक टेबल चुनता है, सोमेलिए से डिनर तय करवाता है और बुकिंग के साथ ही पहला कोर्स पहले से ऑर्डर कर देता है।
- पेज, La Carta से बुकिंग की पुष्टि तक
- 14
- मेन्यू में क़ीमत वाले व्यंजन, साथ में 8 वाइन
- 34
- हर रेस्टोरेंट (कुल 3) के फ़्लोर प्लान पर बुक की जा सकने वाली टेबल
- 20
- होम पेज का Lighthouse परफ़ॉर्मेंस, मोबाइल / डेस्कटॉप
- 70 / 93
काम
VITALIANO एक काल्पनिक इतालवी रेस्टोरेंट ग्रुप है, जिसके तीन रेस्टोरेंट हैं: मॉस्को, सेंट पीटर्सबर्ग और सोची, जहाँ 2027 में खुलना तय है। VITON13 ने इसे एक कॉन्सेप्ट के रूप में बनाया, यह दिखाने के लिए कि रेस्टोरेंट की साइट मेन्यू और फ़ोन नंबर से आगे क्या कर सकती है। साइट अंग्रेज़ी में है और व्यंजनों के नाम इतालवी में हैं।
साइट को उन सवालों के जवाब देने थे जो मेहमान डिनर से पहले पूछता है: मेन्यू में क्या है और उसकी क़ीमत कितनी है, उसके साथ क्या पिया जाए, हर रेस्टोरेंट कहाँ है और वह ठीक किस टेबल पर बैठेगा। बुकिंग को फ़ॉर्म भरने जैसा नहीं, बल्कि जगह चुनने जैसा होना था।
हमने क्या किया
14 पेज: होम, La Carta (मेन्यू), Il Sommelier, Il Tavolo (बुकिंग), बुकिंग की पुष्टि, प्राइवेट इवेंट, Le Case (नक़्शे पर रेस्टोरेंट), Chi siamo (हमारे बारे में), करियर, संपर्क, बुकिंग वाला डेमो अकाउंट, लीगल नोटिस, प्राइवेसी और 404 पेज। मेन्यू में क़ीमत के साथ 34 व्यंजन और 8 वाइन हैं; कर्सर सूची पर नीचे चलता है तो व्यंजन की फ़ोटो उसके साथ-साथ चलती है।
Il Tavolo हर रेस्टोरेंट का 20 टेबल वाला फ़्लोर प्लान दिखाता है: खिड़की के पास दो लोगों की टेबल, मुख्य हॉल, साझा लंबी tavolata, लकड़ी वाले ओवन के पास शेफ़ का काउंटर, प्राइवेट रूम और टेरेस। कौन-सी टेबल ख़ाली है, यह रेस्टोरेंट, तारीख़, समय और मेहमानों की संख्या के साथ बदलता है; टेबल पर कर्सर ले जाने से पता चलता है कि उसमें ख़ास क्या है, और “Surprise me” सबसे अच्छी ख़ाली जगह चुन देता है।
Il Sommelier हर व्यंजन और वाइन को चार आयामों वाली स्वाद प्रोफ़ाइल देता है। मेहमान चार स्लाइडर और एक मूड चुनता है, और साइट सबसे मेल खाते antipasto, मेन कोर्स, डेज़र्ट और वाइन के गिलास को जोड़कर क़ीमत वाला मेन्यू बनाती है, हर चीज़ के साथ मेल का प्रतिशत भी। मेन्यू या सोमेलिए में चुने गए व्यंजन प्री-ऑर्डर बन जाते हैं, जो बुकिंग के साथ जाता है और मेहमान के बैठते ही परोसा जाता है।
यह कैसे काम करता है
मुख्य रास्ता है मेन्यू → सोमेलिए → बुकिंग: मेहमान La Carta पढ़ता है, सोमेलिए से डिनर तय करवाता है, उस प्री-ऑर्डर को Il Tavolo तक ले जाता है, टेबल चुनता है और पुष्टि पाता है, जो डेमो अकाउंट में भी दिखती है। मोशन रफ़्तार तय करता है: काउंटर वाला प्रीलोडर, पेजों के बीच ऑलिव रंग के पर्दे जैसे ट्रांज़िशन, लाइन-दर-लाइन खुलती हेडलाइन, पैरालैक्स, ख़ास व्यंजनों की पिन की हुई क्षैतिज गैलरी, हाथ से बना-सा अंडाकार जो ख़ुद खिंचता है, स्क्रॉल के साथ तेज़ होती मार्की पट्टियाँ, मुहर जैसे मैग्नेटिक बटन और अपना कर्सर।
साइट सादे HTML, CSS और JavaScript में है, बिना बिल्ड स्टेप के। हेडर, फ़ुटर और ओवरले एक साझा स्क्रिप्ट से बनते हैं, इसलिए हर पेज पर वे एक जैसे रहते हैं; एनिमेशन और स्क्रॉल GSAP, ScrollTrigger और Lenis संभालते हैं। बुकिंग और अकाउंट डेमो डेटा हैं, जो ब्राउज़र के localStorage में रहते हैं; कुछ भी कहीं नहीं भेजा जाता। फ़ोटो और वीडियो Unsplash और Pexels की लाइसेंस वाली स्टॉक फ़ोटोग्राफ़ी और वीडियो हैं, जो सीधे उनके CDN से लोड होते हैं।
आज क्या मौजूद है
कॉन्सेप्ट 14 काम करने वाले पेजों के रूप में मौजूद है: 34 व्यंजन, 8 वाइन, 3 रेस्टोरेंट और हर फ़्लोर प्लान पर 20 टेबल। Lighthouse ने 22 सितंबर 2026 को होम पेज मापा। मोबाइल पर, डिफ़ॉल्ट थ्रॉटलिंग के साथ: परफ़ॉर्मेंस 70, एक्सेसिबिलिटी 94, बेस्ट प्रैक्टिसेज़ 77 और SEO 100, LCP 5.0 सेकंड, CLS 0.015, और पेज का वज़न 5.4 MB, 31 रिक्वेस्ट में। डेस्कटॉप पर: परफ़ॉर्मेंस 93, एक्सेसिबिलिटी 94, बेस्ट प्रैक्टिसेज़ 77 और SEO 100, LCP 1.0 सेकंड और CLS 0.025।
Chrome में रेंडर किए गए 13 पेजों (404 पेज के बिना) की जाँच में हर पेज पर अलग title और ठीक एक H1 मिला, lang एट्रिब्यूट en है, हर पेज 390 px की स्क्रीन में बिना हॉरिज़ॉन्टल स्क्रॉल के समाता है, 100% इमेज पर alt टेक्स्ट है और टूटे आंतरिक लिंक 0 हैं। canonical, Open Graph और स्ट्रक्चर्ड डेटा 13 में से 0 पेजों पर हैं, और sitemap.xml या robots.txt नहीं है।
यह क्या साबित नहीं करता
VITALIANO एक कॉन्सेप्ट है, जिसे VITON13 ने अपने काम की रेंज दिखाने के लिए बनाया; यह किसी ग्राहक का ऑर्डर किया हुआ प्रोजेक्ट नहीं है। रेस्टोरेंट ग्रुप, उसके तीनों रेस्टोरेंट, लोग, व्यंजन, क़ीमतें और पते काल्पनिक हैं। साइट का कोई डोमेन नहीं है, न विज़िटर, न सर्च ट्रैफ़िक, न बुकिंग: हर बुकिंग और हर प्री-ऑर्डर डेमो डेटा है जो ब्राउज़र में ही रहता है। फ़ोटो और वीडियो Unsplash और Pexels की लाइसेंस वाली स्टॉक फ़ोटोग्राफ़ी और वीडियो हैं।
Lighthouse के स्कोर एक दिन में होम पेज के लैब माप हैं, असली मेहमानों का फ़ील्ड डेटा नहीं, और SEO 100 सिर्फ़ बुनियादी बातें कवर करता है। यह केस नहीं दिखाता कि असली रिज़र्वेशन सिस्टम, किचन या भुगतान के साथ बुकिंग कैसे काम करेगी, और यह साबित नहीं करता कि साइट रेस्टोरेंट में मेहमान लाएगी।
SEO समीक्षा
22 सितंबर 2026 को Lighthouse ने होम पेज को मोबाइल और डेस्कटॉप दोनों पर SEO 100 दिया, परफ़ॉर्मेंस 70 और 93 रहा; Chrome में रेंडर किए गए 13 पेजों की जाँच दिखाती है कि बुनियाद तैयार है, पर लॉन्च से जुड़ा हिस्सा अभी बाक़ी है।
22 सितंबर 2026 को जाँचा गया: 13 पेज Chrome में वैसे ही रेंडर किए गए जैसे सर्च क्रॉलर उन्हें देखता है, और होम पेज पर Lighthouse 13 चलाया गया।
Lighthouse, होम पेज
- परफ़ॉर्मेंस
- मोबाइल70डेस्कटॉप93
- सुलभता
- मोबाइल94डेस्कटॉप94
- बेहतरीन तरीके
- मोबाइल77डेस्कटॉप77
- SEO
- मोबाइल100डेस्कटॉप100
पेज और तकनीकी SEO जाँच
- हर पेज का अलग titleठीक13/13
- 30–65 अक्षरों का titleनहीं है6/13
- 70–170 अक्षरों का meta descriptionआंशिक10/13
- हर पेज पर एक H1ठीक13/13
- पेज की भाषा घोषितठीकen
- मोबाइल लेआउट, बिना साइड स्क्रॉलठीक390 px
- alt टेक्स्ट वाली तस्वीरेंठीक100%
- टूटे आंतरिक लिंकठीक0
- कैनोनिकल URLनहीं है0/13
- Open Graph: शीर्षक और तस्वीरनहीं है0/13
- संरचित डेटा (JSON-LD)नहीं है0/13
- sitemap.xml और robots.txtनहीं है0/2
मौजूद है: 13 में से 13 पेजों पर अलग title और ठीक एक H1, lang=en, हर पेज 390 px स्क्रीन में बिना हॉरिज़ॉन्टल स्क्रॉल के, 100% इमेज पर alt टेक्स्ट और 0 टूटे आंतरिक लिंक। ठीक नहीं: 13 में से सिर्फ़ 6 title 30–65 अक्षरों के हैं; आंशिक: 13 में से 10 description 70–170 अक्षरों के। बेस्ट प्रैक्टिसेज़ मोबाइल और डेस्कटॉप पर 77 है, क्योंकि Pexels का वीडियो CDN थर्ड-पार्टी कुकी सेट करता है।
लॉन्च से पहले: सभी 13 पेजों पर canonical और इमेज के साथ Open Graph (अभी 0/13, फ़ेल); JSON-LD में हर रेस्टोरेंट के लिए Restaurant (address, openingHours, servesCuisine, acceptsReservations), क़ीमतों के साथ Menu और MenuItem, प्राइवेट इवेंट के लिए Event और BreadcrumbList (अभी 0/13, फ़ेल); sitemap.xml और robots.txt (दोनों में से कोई नहीं है); 7 छोटे title और 3 छोटे description लंबे करना; Pexels CDN की जगह अपने सर्वर पर होस्ट किया गया वीडियो। रेस्टोरेंट के लिए सबसे अहम लोकल SEO है: हर रेस्टोरेंट का पता और खुलने का समय बताने वाला अपना इंडेक्स होने लायक़ पेज होना चाहिए, जबकि अभी तीनों एक ही Le Case मैप पेज साझा करते हैं। मोबाइल पर 5.0 सेकंड का LCP भी कम करना है।
यह केस किन सेवाओं को दिखाता है
सेवा पेज पर काम बताएँ; लिखित दायरा, समय-सीमा और क़ीमत एक कार्यदिवस में मिलती है।
ऐसे ही प्रोजेक्ट पर बात करेंऔर केस
सभी केस
CONCEPTकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं
FIFTY
स्टूडियो कॉन्सेप्ट साइट · 7 पेज · अंग्रेज़ी · 2026
लिस्बन और बर्लिन के एक काल्पनिक डिजिटल डिज़ाइन स्टूडियो के लिए VITON13 का कॉन्सेप्ट, इस विचार पर बना कि लोग किसी वेबसाइट के बारे में लगभग पचास मिलीसेकंड में राय बना लेते हैं। यह एक छोटी विज़िटिंग-कार्ड साइट है: लाइव WebGL बैकग्राउंड, वीडियो प्रीव्यू वाली काम की सूची और संपर्क पेज पर ब्रीफ़ बिल्डर।
केस पढ़ें →
CONCEPTकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं
stoa
कॉन्सेप्ट · आर्किटेक्चर फ़र्म · 10 पेज · अंग्रेज़ी · 2026
stoa मॉस्को और दुबई में स्टूडियो वाली एक काल्पनिक आर्किटेक्चर फ़र्म है; VITON13 ने एडिटोरियल पोर्टफ़ोलियो दिखाने के लिए इसकी साइट कॉन्सेप्ट के रूप में बनाई। छोटे अक्षरों वाली अंग्रेज़ी में दस पेज: वीडियो हीरो, फ़िल्टर वाले प्रोजेक्ट, जर्नल, खुली नौकरियाँ और गहरे रंग का संपर्क मैप।
केस पढ़ें →
CONCEPTकॉन्सेप्ट — ग्राहक का ऑर्डर नहीं
WARM UP
कॉन्सेप्ट · रेट्रो टीवी शो · 7 पेज · अंग्रेज़ी · 2026
WARM UP एक काल्पनिक रेट्रो टीवी शो है, जो रचनात्मक कौशल को मांसपेशियों की तरह देखता है और डिज़ाइन की अपनी गाइड को वर्कआउट VHS टेप की तरह पेश करता है। VITON13 ने इसकी सात पेज की साइट कॉन्सेप्ट के रूप में बनाई: VHS बूट स्क्रीन, पाँच चैनल वाला टीवी, 3D टेप कवर और कॉल-इन हॉटलाइन।
केस पढ़ें →