BuildPro Konstruksi
BuildPro Konstruksi adalah website company profile profesional untuk kontraktor skala menengah hingga besar yang bergerak di bidang konstruksi, infrastruktur, dan properti. Website ini dirancang untuk membangun kredibilitas dan kepercayaan klien pote...
⚙️ Project Details
Tantangan Proyek
Membangun website company profile untuk sektor konstruksi yang tidak hanya informatif tetapi juga mampu membangun kepercayaan dan kredibilitas melalui presentasi visual yang impresif. Tantangannya adalah menggabungkan animasi berat (Three.js, Lenis scroll) dengan performa halaman yang tetap optimal, terutama di perangkat mobile. Juga perlu menyediakan CMS yang lengkap agar admin bisa mengupdate konten secara mandiri tanpa harus menyentuh kode — mulai dari halaman layanan, portofolio proyek, blog, FAQ, galeri, hingga testimoni.
Pendekatan & Solusi
Menggunakan Filament v5 sebagai admin panel yang menyediakan resource management untuk setiap tipe konten (CompanyServiceResource, PostResource, FaqResource, GalleryItemResource, TestimonialResource). Animasi Three.js digunakan secara selektif hanya di hero section, sementara Lenis smooth scroll dan scroll-reveal animations menggunakan Intersection Observer untuk performa yang efisien. Menggunakan Tailwind CSS v4 dengan theme dark-only dan custom color scheme yang mencerminkan identitas brand konstruksi.
Hasil & Dampak Proyek
✅ Website company profile interaktif dengan Three.js 3D visualizations + smooth scroll experience. ✅ Skor Lighthouse >85 untuk performa meskipun menggunakan animasi berat dan Three.js. ✅ Admin panel Filament v5: kelola portofolio proyek, tim, testimonial, dan blog secara mandiri — tanpa perlu developer. ✅ Fitur lengkap: project gallery interaktif, client testimonials, service catalog, contact form dengan auto-reply. ✅ SEO optimized — struktur halaman yang bersih, meta tags, Open Graph, sitemap.xml. 🔗 Live: konstruksi.ganys.me