Redesign Microsite Klinik – Klinik Pintar

Case Study: Redesign Microsite Neurocare – Klinik Pintar (Responsive)

Key Takeaway

Desain yang terlihat “aman” dan template justru berbahaya untuk layanan kesehatan.
UX yang baik bukan hanya soal estetika, tapi tentang bagaimana informasi sensitif disampaikan dengan jelas, empatik, dan meyakinkan.

 

Project Overview

Klinik Pintar memiliki berbagai layanan kesehatan berbasis klinik, salah satunya Neurocare.
Microsite Neurocare berfungsi sebagai halaman edukasi sekaligus konversi untuk pengguna yang ingin memahami layanan kesehatan saraf secara menyeluruh.

Namun, sebelum dilakukan redesign, microsite ini memiliki performa user engagement yang rendah.

Background Problem

Sebelum redesign, microsite Neurocare menghadapi beberapa masalah utama:

  • Bounce rate tinggi → banyak user keluar tanpa membaca konten lebih lanjut

  • Informasi penting tidak terserap karena user tidak scroll hingga bawah

  • Tampilan terlalu template dan generik, sehingga:

    • Tidak membangun kepercayaan

    • Tidak terasa seperti layanan medis yang serius & profesional

  • Hierarki informasi tidak jelas, membuat user cepat lelah saat membaca

Masalah ini berdampak langsung pada minimnya interaksi user terhadap layanan Neurocare.

 

Goal & Objective

Tujuan utama dari redesign ini adalah:

  1. Menurunkan bounce rate

  2. Meningkatkan time spent & scroll depth

  3. Membuat tampilan lebih profesional & kredibel

  4. Menyajikan informasi medis yang kompleks menjadi mudah dipahami

  5. Mendorong user untuk engage hingga akhir halaman

My Role

Sebagai UI/UX Designer, saya berperan dalam:

  • UX Research sederhana berbasis behavior (bounce & reading pattern)

  • Information Architecture

  • UI Redesign (Visual, Layout, Hierarki)

  • UX Writing & microcopy (headline, section flow)

  • Optimasi readability & flow konten

Key Problems Identified

Beberapa temuan utama dari audit UX:

  • Header terlalu “flat” → tidak memberi alasan user untuk scroll

  • Konten berbentuk blok panjang → melelahkan secara visual

  • Tidak ada visual cue untuk memandu alur membaca

  • Tone desain terasa seperti template website, bukan layanan kesehatan spesialis

Design Solution

Solusi yang saya terapkan dalam redesign:

1. Struktur Konten Lebih Bertahap

  • Konten dipecah menjadi section yang lebih pendek

  • Menggunakan prinsip progressive disclosure

  • User tidak “dihajar” semua informasi di awal

2. Visual Hierarchy yang Lebih Kuat

  • Headline yang lebih jelas & informatif

  • Penekanan visual pada informasi krusial

  • Spacing dan layout membantu mata untuk “bernapas”

3. Desain yang Lebih Human & Trustworthy

  • Mengurangi kesan template

  • Warna, tipografi, dan layout dibuat lebih “medical & premium”

  • Memberi kesan profesional tanpa terasa kaku

4. Meningkatkan Readability

  • Ukuran teks lebih nyaman

  • Line length & whitespace diperbaiki

  • Flow membaca terasa natural dari atas ke bawah

Result & Impact

✅ User engagement meningkat 20% setelah redesign
✅ Bounce rate menurun signifikan
✅ User lebih banyak melakukan scroll hingga bagian bawah
✅ Informasi layanan Neurocare lebih mudah dipahami
✅ Website terasa lebih kredibel & profesional

Redesign ini berhasil mengubah halaman yang sebelumnya hanya “dilihat sekilas” menjadi halaman yang benar-benar dibaca dan dieksplorasi oleh user.

Portfolio Lainnya