SwiftLink Web Template rilis: desain situs 11 halaman untuk klien logistik di Singapura, tanpa framework

Dibuat atas permintaan klien perusahaan transportasi dan logistik di Singapura, template ini hadir dengan kalkulator harga instan, wizard penawaran 5 langkah, pelacakan kiriman, dan halaman legal PDPA. Semuanya cukup dengan HTML, CSS, dan JavaScript biasa.

20 Agustus 2026 — khincc merilis SwiftLink Web Template, template desain website yang dikerjakan untuk klien nyata: sebuah perusahaan di Singapura yang melayani pengiriman barang, sewa kendaraan korporat, transfer antar titik, dan pergudangan. Demi menjaga kontrak, nama dan data perusahaan asli disamarkan menjadi merek fiktif SwiftLink. Hasilnya 11 halaman dengan alat interaktif, build sederhana, serta SEO dan halaman legal yang siap untuk peluncuran.

Latar belakang proyek

Klien butuh situs yang bisa langsung menghasilkan prospek. Calon pelanggan mereka ingin tahu kira-kira berapa biayanya, kendaraan apa yang cocok, dan bagaimana melacak kirimannya. Desain ini menjawab ketiganya di halaman depan, tanpa memaksa tim klien memakai CMS atau framework yang berat.

Prinsipnya sederhana:

• HTML, CSS, dan JavaScript murni. Tanpa framework, tanpa npm, tanpa dependensi saat runtime.
• Satu skrip build kecil (Python 3.8+, hanya pustaka standar) yang menambahkan header, footer, tag SEO, dan ikon bersama ke setiap halaman.
• Jalan di hosting statis apa saja: Netlify, Vercel, GitHub Pages, Cloudflare Pages, cPanel/Apache, atau Nginx.

Isi 11 halaman

• Beranda: konsol estimasi harga dan pelacakan di hero, layanan, bento "kenapa kami", peta cakupan interaktif, alur pemesanan, akun bisnis, testimoni, dan FAQ yang bisa dicari.
• Layanan: empat blok layanan dengan sub-navigasi lengket, panduan armada yang bisa difilter, vehicle matcher, dan tabel tarif serta add-on lengkap.
• Minta penawaran: wizard 5 langkah dengan ringkasan harga langsung. Hasilnya bisa dikirim lewat email, WhatsApp, atau form endpoint, dan pelanggan mendapat nomor referensi.
• Lacak kiriman: status, progres rute, timeline, info sopir/kendaraan, bukti terima, dan tautan yang bisa dibagikan.
• Tentang, Galeri, Kontak, Karier: cerita perusahaan dan kredensial, galeri berfilter dengan penampil layar penuh (keyboard dan swipe), formulir kontak yang menyesuaikan topik, serta lowongan dengan one-click apply.
• Kebijakan Privasi (PDPA), Syarat Layanan, dan 404: templat legal dengan daftar isi lengket, plus halaman "tidak ditemukan" yang tetap jalan di URL bertingkat.

Semua data bisnis di satu file

Harga, kendaraan, wilayah, biaya tambahan, hari libur nasional Singapura, jam operasional, endpoint formulir, hingga data pelacakan demo disimpan di assets/js/config.js. Mengubah tarif atau menambah kendaraan tidak perlu menyentuh HTML dan tidak perlu build ulang.

Siap SEO, analitik, dan formulir yang aman

• URL kanonis, kartu Open Graph/Twitter, JSON-LD schema.org, gambar berbagi sosial, ikon aplikasi, dan web manifest.
• Hook Google Analytics 4 opsional untuk event prospek, klik kontak, dan pelacakan.
• Formulir dengan kotak persetujuan PDPA, perangkap spam honeypot, kirim di latar belakang ke Formspree dan sejenisnya, dengan cadangan email dan WhatsApp.
• Foto WebP lewat <picture>, tema terang/gelap, bilah aksi cepat di ponsel, dan perbaikan aksesibilitas.

Identitas klien disamarkan, struktur tetap utuh

Nama perusahaan, harga, testimoni, data pelacakan, lowongan, dan foto di versi publik ini sudah diganti dengan data contoh, sehingga tidak ada informasi klien yang terbuka. Struktur halaman, alat interaktif, dan alur kerjanya sama dengan yang dikerjakan untuk klien. README juga menyertakan panduan memakai ulang template untuk perusahaan lain dan pre-launch checklist yang mendaftar semua hal yang perlu diganti.

Repo: github.com/khincc00/swiftlink_web_template