Landing page Merdeka

Situs marketing untuk CRM yang dipakai tim pemasangan rumah tinggal.

Studi kasus · Product designer dan front-end · 1 September 2026 · 1 menit baca

The Merdeka landing page scrolling from the hero to the department tabs, switching to Permits and Inspection, then into the work-in-context section

Merdeka adalah CRM untuk tim yang memasang panel surya, atap, HVAC, dan sistem rumah lainnya. Satu pekerjaan melewati banyak tangan: sales, desain, perizinan, instalasi, inspeksi. Merdeka menyimpan semuanya di satu project record. Ini konsep redesain untuk landing page-nya.

Masalahnya

Semua CRM bilang semuanya ada di satu tempat. Halaman ini harus menunjukkannya: proyek yang sama berpindah antar departemen. Dan karena produknya masih berubah, halamannya nggak boleh menjanjikan yang belum ada.

Yang saya kerjakan

  • Copy duluan. Setiap klaim di halaman punya bukti di sebuah tabel. Tanpa angka karangan, testimoni, atau logo. Kalimat pendek, pakai kata-kata yang memang dipakai orang di lapangan.
  • Halaman dibangun di sekitar satu record. Hero dengan layar produk, tab untuk tiap departemen, contoh AI yang berpijak pada record, scroll yang di-pin di sekitar aplikasi mobile, dan sembilan tahap proyek panel surya.
  • Animasi bukan keharusan. Animasi scroll pakai GSAP, tapi semuanya punya versi reduced motion, dan nggak ada isi yang cuma muncul lewat animasi.
  • Setiap section dicek. Screenshot desktop dan mobile berdampingan, masalah diurutkan lalu diperbaiki.

Dibangun dengan Next.js, Tailwind CSS, dan GSAP, sebagai situs statis di Vercel.