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.
No preview
Comments (0)
No comments yet. Be the first!
Sign in to leave a comment
Project Tasks
27 planning tasks
#1
Generate system requirement document
1m 23s0.2 cr used
Done
#2
Generate personas & user flows
0m 9s0.2 cr used
Done
#7
Create flow for Calon Pelanggan (Prospective Client)
0m 8sCredits in parent
Done
#8
Create flow for Tim Perusahaan Kontraktor (Penerima Lead)
0m 8sCredits in parent
Done
#9
Beranda
3m 56sCredits in subtasks
Paused
#19
Beranda / Site Header
1.6 cr needed
Paused
#20
Beranda / Hero Calculator
1.6 cr needed
Paused
#21
Beranda / Trust Stats
1.6 cr needed
Paused
#22
Beranda / Layanan
1.6 cr needed
Paused
#23
Beranda / Portofolio
1.6 cr needed
Paused
#24
Beranda / Proses Kerja
1.6 cr needed
Paused
#25
Beranda / Testimoni
1.6 cr needed
Paused
#26
Beranda / Faq
1.6 cr needed
Paused
#27
Beranda / Cta Akhir
1.6 cr needed
Paused
#29
Beranda / Whats App Float
1.6 cr needed
Paused
#28
Beranda / Site Footer
1.6 cr needed
Paused
#10
Bangun Rumah
Credits in subtasks
Paused
#11
Renovasi Rumah
Credits in subtasks
Paused
#12
Portofolio
Credits in subtasks
Paused
#13
Layanan
Credits in subtasks
Paused
#14
Testimoni
Credits in subtasks
Paused
#15
Artikel
Credits in subtasks
Paused
#16
Tentang Kami
Credits in subtasks
Paused
#17
Kontak
Credits in subtasks
Paused
#18
Halaman Terima Kasih
Credits in subtasks
Paused
#5
Architecture
0.2 cr needed
Paused
#6
Workspace task plan
0.2 cr needed
Paused
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!