Project Overview
Situs portofolio/produk untuk bisnis Gates N Fences yang menampilkan katalog produk pagar & gerbang serta memfasilitasi request quote secara cepat.
Dampak & Skala Implementasi:
Saya mengimplementasikan halaman produk dengan gallery high-res (responsive srcset), modul request-quote dengan validasi dan honeypot anti-spam, animasi UI ringan untuk meningkatkan engagement, serta optimasi performa (critical CSS, preconnect). Selain itu saya menyiapkan markup SEO dasar (meta tags, structured data) dan memastikan aksesibilitas dasar untuk pengalaman pengguna yang lebih inklusif.
Problem
Perusahaan memiliki portfolio produk namun tidak memiliki website yang menampilkan karya dan memfasilitasi calon klien mengajukan penawaran dengan mudah.
Goal
Membangun website pemasaran yang menampilkan produk, proyek sebelumnya, dan memudahkan calon klien mengajukan request quote.
Solution
Mendesain site map sederhana, halaman katalog & gallery, form request quote dengan validasi, dan optimasi performa serta SEO dasar untuk meningkatkan discoverability.
Tech Stack
- Static HTML/CSS/JS — fokus performa & SEO
- Responsive images & lazy-loading
- Minimal JS for progressive enhancement
Key Features
- Product catalog & gallery
- Request quote form with validation
- Basic SEO & structured metadata
Architecture
Static-first approach untuk performa maksimal; komponen UI ringan dan progressive enhancement agar website tetap usable tanpa JS.