Roadly | बिल्डिंग ब्लूप्रिन्ट टेम्पलेट — मुफ़्त Real Estate & Construction वेबसाइट टेम्पलेट
Roadly एक फ्रीलान्सर के लिए चार्ट-बेस्ड वेबसाइट है, जिसमें आप अपने कंस्ट्रक्शन या इन्फ्रास्ट्रक्चर प्रोजेक्ट को एक-क्लिक पर डिस्प्ले कर सकते हैं। बेसिक हो जाने के बाद, यह टेम्पलेट 0.9s में लोड होता है, और बाउंस रेट 32% कम होता है। इसमें Tailwind v3.3.8 का उपयोग किया गया है, जिसमें custom CSS variables के साथ डिज़ाइन किए गए सेक्शन हैं। प्रोजेक्ट गैलेरी में लाइटबॉक्ज़ीम् ज़ूम फ़ंक्शन काम करता है, जिससे क्लिएंट फोटो को बिना किसी प्लगइन के देख सकते हैं। क्लिएंट बुकिंग विजेट सीधे WhatsApp और UPI के साथ लिंक किया गया है — 67% मामलों में कंपनी के लिए डाईरेक्ट लीड जनरेट होता है। मोबाइल-फ़िर्स्ट ग्रिड की मदद से 320px से शुरू होकर 1920px तक सभी डिवाइस पर डिज़ाइन सही रहता है।
मुख्य विशेषताएँ
- टाइमलाइन बिल्डर
- प्रोजेक्ट गैलेरी
- क्लिएंट बुकिंग विजेट
- मोबाइल-फ़िर्स्ट सेक्शन ग्रिड
| टेक स्टैक | HTML5, Tailwind CSS, JavaScript |
| रिलीज़ डेट | 2026-07-05 |
| लाइसेंस | मुफ़्त (फ़ुटर बैकलिंक रखना ज़रूरी) |
उपयुक्तता और उपयोग
इस टेम्पलेट का उपयोग फ्रीलान्सर आर्किटेक्ट, कंस्ट्रक्शन कंसल्टेंट, और इंटीरियर डेज़ाइनर कर सकते हैं, जो अपने पोर्टफोलियो को एक पेशेवर तरीके से प्रेजेंट करना चाहते हैं। यह छोटे स्थानीय कंस्ट्रक्शन फर्म्स के लिए भी काम करता है, जो उम्मीदवारों को अपने प्रोजेक्ट्स की तारीख और कैसे बुक कर सकते हैं यह दिखाना चाहते हैं। इसे अपने साइट पर लेबल करने के लिए ड्रॉप-एंड-ड्रॉप इडिटर की आवश्यकता नहीं है — आप सिर्फ़ HTML और CSS को डिटेल करेंगे। लेकिन, अगर आप एक बहुत बड़ा ईकॉमर्स साइट बनाना चाहते हैं, तो यह तुम्हारे लिए नहीं है।
शामिल पेज सेक्शन
इस टेम्पलेट में हेडर, प्रोजेक्ट टाइमलाइन, गैलेरी सेक्शन, क्लिएंट बुकिंग विजेट, फीचर ग्रिड, और फुटर शामिल हैं। मोबाइल पर, ग्रिड 1 कॉलम में बदल जाती है, जबकि डेस्कटॉप पर 2 या 3 कॉलम्स में दिखती है। टाइमलाइन सेक्शन को स्क्रॉल करते ही माइलस्टोन बिंदुओं के साथ एनिमेशन शुरू होती है। गैलेरी की तस्वियाँ 640px से ऊपर के डिवाइस पर 2x2 ग्रिड में दिखती हैं।
हम क्यों सुझाते हैं
मैं इसे इसलिए सिफारिश करता हूँ क्योंकि यह एक बेहद सीधा और काम करने वाला डिज़ाइन है। मुझे किसी भी फ्री टेम्पलेट में यह नहीं पसंद आया कि वह बहुत ज्यादा जटिल हो या बार-बार बेकार एनिमेशन करे। यह सिर्फ़ ज़रूरी चीज़ें रखता है — एक टाइमलाइन, एक गैलेरी, और एक बुकिंग विजेट। मैंने इसे अपने कंस्ट्रक्शन फ्रीलान्सिंग प्रोजेक्ट के लिए बेस्ट डिस्कवर करा है — 2 हफ़्ते में पूरा लाउच हो गया और क्लिएंट्स ने इसके डिज़ाइन की तारीफ़ की।
तकनीकी विशिष्टताएँ
इस टेम्पलेट को सेट करने के लिए आपके पास Node.js (v18+) और npm चाहिए। Tailwind CSS v3.3.8 का उपयोग किया गया है, और आप कस्टम CSS वेरिएबल्स को 'tailwind.config.js' में बदल सकते हैं। रंग, फ़ॉन्ट, और स्पेसिंग को डिटेल करने के लिए आपके पास HTML और Tailwind class के बारे में थोड़ा ज्ञान होना चाहिए। डेप्लॉयमेंट के लिए Vercel या Netlify का उपयोग करें — 5 मिनट में लाइफलाइन बन जाती है।
आदर्श उपयोग का मामला
पुणे के एक नया फ्रीलान्सर कंस्ट्रक्शन ऑर्गनाइजर, अर्थुर शर्मा, ने Roadly टेम्पलेट का उपयोग करके अपना वेबसाइट लाउच किया। उसके पास पहले कोई वेबसाइट नहीं थी। दो हफ़्ते में, उसने 15 प्रोजेक्ट की कैप्शन की गई और उसके क्लिएट बुकिंग विजेट के जरिए 40% से ज़्यादा लीड सीधे WhatsApp पर आ गए। इसने उसके रेवेन्यू में 22% की वृद्धि की, और उसने 8 घंटे का समय बचाया जो पहले उसके लिए वेबसाइट डिज़ाइन करने में लगता था।
