Relasi Consulting: Situs Profil Platform Kesehatan Mental

Ringkasan

Relasi Consulting adalah platform kesehatan mental Indonesia yang menghubungkan orang dengan konselor profesional. Brief-nya terdengar sederhana: situs profil. Tapi produk ini membawa tanggung jawab yang sensitif: pengunjung datang mencari pertolongan, dan antarmukanya sendiri harus terasa tenang, kredibel, dan aman.

Peran

Saya menangani proyek ini dari ujung ke ujung pada poros desain-ke-kode: menerjemahkan brand menjadi sistem UI di Figma, lalu mengimplementasikannya sebagai situs produksi dengan Next.js dan Tailwind CSS.

Arah desain

• Tenang lebih dulu, pintar belakangan. Whitespace lega, suhu warna yang lembut, dan motion yang tertahan. Situs tidak boleh bersaing dengan kondisi pikiran pengunjungnya.
• Sinyal kepercayaan lebih dulu. Kredensial konselor, penjelasan layanan yang jelas, dan jalur registrasi yang transparan dipromosikan di atas konten dekoratif.
• Fleksibilitas konten. Copy dan listing program dikelola tim melalui Cockpit sebagai headless CMS ringan, sehingga pembaruan konten tidak memerlukan deployment.

Sorotan implementasi

• Build berbasis komponen di Next.js dengan kumpulan primitif kecil yang terdokumentasi, distyling dengan Tailwind CSS.
• Layout responsif diverifikasi lintas kelas perangkat umum, dengan anggaran performa tetap tipis agar situs tetap cepat di jaringan mobile Indonesia.
• Alur registrasi dipecah menjadi langkah-langkah yang mudah dicerna untuk menurunkan friksi pengguna yang mungkin sudah merasa cemas untuk memulai.

Hasil

Situs yang ter-shipping memberi Relasi rumah digital yang profesional dan dapat diandalkan: profil yang menjelaskan layanan, memperkenalkan konselor, dan mengarahkan pengunjung ke alur registrasi, dan semuanya bisa dirawat tim non-teknis melalui CMS.