bangun-rumah-renovasi

byFauzan Dori

Bertindak sebagai Senior UI/UX Designer, Senior Full Stack Developer, SEO Expert, dan Conversion Rate Optimization Specialist. Buatkan sebuah website profesional untuk perusahaan jasa Bangun Rumah Baru dan Renovasi Rumah dengan desain modern, premium, terpercaya, dan berorientasi pada konversi pelanggan (lead generation). Website harus memiliki kualitas setara perusahaan konstruksi dan interior premium, dengan pengalaman pengguna yang terinspirasi dari Dekoruma, namun memiliki identitas sendiri yang lebih fokus pada jasa pembangunan dan renovasi rumah. Tujuan utama website adalah mendapatkan calon pelanggan sebanyak mungkin melalui formulir estimasi biaya dan konsultasi gratis. ================================================== KONSEP DESAIN ============= Style: * Modern * Premium * Minimalis * Clean Layout * Responsive Mobile First * Fast Loading * SEO Friendly Warna: * Putih sebagai warna utama * Abu-abu muda untuk background section * Biru profesional untuk elemen utama * Oranye atau emas untuk tombol CTA Gunakan: * Animasi halus * Scroll effect modern * Card design premium * Rounded corner modern * Shadow yang elegan * Layout yang rapi dan profesional ================================================== HEADER ====== Sticky Header Menu: * Beranda * Bangun Rumah * Renovasi Rumah * Portofolio * Layanan * Testimoni * Artikel * Tentang Kami * Kontak Tombol CTA: "Konsultasi Gratis" ================================================== HERO SECTION ============ Buat hero section yang sangat menarik dan fokus pada konversi. Background: * Foto atau video rumah modern premium * Overlay gelap agar teks mudah dibaca Headline: "Wujudkan Rumah Impian Anda Bersama Kontraktor Profesional" Subheadline: "Jasa Bangun Rumah Baru dan Renovasi Rumah dengan Harga Transparan, Kualitas Terjamin, dan Garansi Pekerjaan." Tampilkan dua tombol utama yang sangat menonjol: 1. Bangun Rumah Baru 2. Renovasi Rumah Ketika tombol dipilih, kalkulator estimasi akan menyesuaikan jenis proyek yang dipilih. ================================================== KALKULATOR ESTIMASI BIAYA ========================= Tempatkan langsung pada Hero Section dalam bentuk card premium. Judul: "Hitung Estimasi Biaya Proyek Anda" Field yang harus tersedia: * Nama Lengkap * Nomor WhatsApp * Email * Kota / Lokasi Proyek Pilihan Jenis Proyek: ○ Bangun Rumah Baru ○ Renovasi Rumah Jika memilih Bangun Rumah Baru: * Luas Bangunan (m²) Jika memilih Renovasi Rumah: * Luas Area Renovasi (m²) Pilihan Kualitas: * Standard * Premium * Luxury Tombol CTA: "Dapatkan Estimasi Harga" ================================================== FITUR HASIL ESTIMASI ==================== Setelah tombol ditekan: Tampilkan hasil estimasi secara instan. Contoh: Bangun Rumah Standard: Rp 4.500.000/m² Bangun Rumah Premium: Rp 6.000.000/m² Bangun Rumah Luxury: Rp 8.000.000/m² Renovasi Standard: Rp 1.500.000/m² Renovasi Premium: Rp 3.000.000/m² Renovasi Luxury: Rp 5.000.000/m² Hitung total biaya berdasarkan luas bangunan. Tambahkan disclaimer: "Hasil ini merupakan estimasi awal. Survey lokasi diperlukan untuk mendapatkan penawaran resmi." ================================================== FORM LEAD GENERATION ==================== Ketika pengunjung menekan tombol: "Dapatkan Estimasi Harga" Maka sistem harus: 1. Menyimpan data ke database. 2. Mengirim email otomatis ke perusahaan. 3. Mengirim email konfirmasi ke calon pelanggan. 4. Menampilkan halaman terima kasih. ================================================== EMAIL KE PERUSAHAAN =================== Subject: Lead Baru Website Bangun & Renovasi Rumah Isi Email: Nama: Nomor Telepon: Email: Kota: Jenis Proyek: Luas Bangunan: Kualitas: Estimasi Biaya: ================================================== EMAIL KE PELANGGAN ================== Subject: Estimasi Biaya Proyek Anda Isi: Terima kasih telah menggunakan kalkulator estimasi biaya kami. Berikut estimasi biaya proyek Anda. Kami akan segera menghubungi Anda untuk konsultasi gratis dan survey lokasi. ================================================== TRUST SECTION ============= Tampilkan statistik: * 500+ Proyek Selesai * 10+ Tahun Pengalaman * 100+ Tukang Profesional * 100% Garansi Pekerjaan Gunakan counter animation. ================================================== LAYANAN KAMI ============ Buat card layanan: * Bangun Rumah Baru * Renovasi Rumah * Renovasi Dapur * Renovasi Kamar Mandi * Interior Rumah * Desain Arsitektur * Pembangunan Ruko * Pembangunan Kantor ================================================== PORTOFOLIO ========== Tampilkan proyek yang pernah dikerjakan. Setiap proyek memiliki: * Foto Before * Foto After * Luas Bangunan * Lokasi * Durasi Proyek * Nilai Proyek Gunakan filter kategori. ================================================== PROSES KERJA ============ 1. Konsultasi 2. Survey Lokasi 3. Penawaran Harga 4. Desain 5. Persetujuan 6. Pengerjaan 7. Quality Control 8. Serah Terima ================================================== TESTIMONI ========= Slider testimonial profesional. Tampilkan: * Foto Klien * Nama * Lokasi * Rating Bintang * Ulasan ================================================== FAQ === Accordion FAQ modern. ================================================== CTA AKHIR ========= Section besar dengan headline: "Siap Mewujudkan Rumah Impian Anda?" Tombol: * Konsultasi Gratis * Hitung Estimasi Biaya ================================================== FOOTER ====== * Logo * Alamat * Email * WhatsApp * Social Media * Google Maps * Menu Navigasi ================================================== TEKNOLOGI ========= Gunakan: Frontend: * HTML5 * CSS3 * JavaScript Backend: * PHP 8+ * MySQL Email: * SMTP Email Fitur: * Responsive Design * SEO Friendly * Google Analytics Ready * Schema Markup * Lazy Load Images * Form Validation * WhatsApp Floating Button * Fast Loading ================================================== OUTPUT YANG DIHARAPKAN ====================== Buatkan: 1. Sitemap lengkap. 2. Struktur halaman lengkap. 3. Wireframe setiap section. 4. Desain UI modern premium. 5. Struktur database MySQL. 6. Struktur folder project. 7. Source code frontend dan backend. 8. Sistem kalkulator estimasi biaya. 9. Sistem pengiriman email otomatis. 10. Optimasi SEO dan konversi pelanggan. 11. Desain yang terlihat profesional, terpercaya, dan mampu meningkatkan jumlah leads. Gunakan layout hero split-screen seperti website startup premium. Bagian kiri berisi headline, deskripsi, dan 2 tombol utama (Bangun Rumah Baru & Renovasi Rumah). Bagian kanan berisi kartu kalkulator estimasi biaya dengan efek glassmorphism modern. Fokus utama website adalah meningkatkan konversi pengunjung menjadi calon pelanggan melalui kalkulator estimasi biaya yang langsung terlihat tanpa perlu scroll. Desain harus terasa lebih premium daripada Dekoruma dan cocok untuk perusahaan kontraktor kelas menengah hingga premium.