Logo Muhammad Luthfi
Muhammad Luthfi AgustianSystem Analyst & Software Engineer
UI/UX & Mobile#06 of 9

Satwagia Web Booking

UI/UX web booking klinik hewan instan: kemudahan reservasi tanpa instal aplikasi melalui browser smartphone dan tablet.

Klien / ProyekPT Satwa Bahagia Indonesia (Satwagia)
Tahun Pengerjaan2023
Peran / LayananWeb UI/UX Designer & Frontend Planner
Status RilisDesign Concept
Teknologi & Tools:Figma UI/UXMobile-First Responsive DesignForm Usability OptimizationTailwind CSS Layouting
Satwagia Web Booking

Ringkasan Eksekutif & Ruang Lingkup

Perancangan web aplikasi reservasi klinik hewan berbasis browser yang memungkinkan customer melakukan booking cepat melalui tautan media sosial atau WhatsApp tanpa keharusan mengunduh aplikasi di App Store / Play Store. Dioptimalkan untuk performa cepat pada perangkat seluler dan tablet.

01 / The Challenge

Hambatan Konversi Booking dari Media Sosial

Banyak calon customer yang datang dari iklan Instagram dan tautan WhatsApp enggan melakukan reservasi karena harus mengunduh aplikasi besar terlebih dahulu. Hal ini menyebabkan hilangnya banyak calon pasien klinik yang membutuhkan penanganan mendesak.

  • Tingginya friksi unduh aplikasi mobile untuk pengguna baru.
  • Kebutuhan form ringkas yang dapat diselesaikan kurang dari 1 menit.
  • Data antrean harus langsung terhubung ke CMS operasional klinik di cabang terkait.
02 / The Solution

Alur Booking Ringkas 3 Langkah Mobile-First

Mendesain web booking berbasis browser dengan navigasi vertikal yang bersih, validasi nomor WhatsApp otomatis, dan konfirmasi instan.

  • Zero-Install Booking: Pelanggan cukup mengklik tautan web di bio Instagram / chat WA.
  • Fast Branch Selection: Penentuan lokasi cabang terdekat otomatis.
  • Direct WhatsApp Notification: Tiket reservasi langsung terkirim ke WhatsApp customer.
04 / System & User Flow

Alur Reservasi Web 3 Langkah

Alur terstruktur yang menghubungkan proses dari input awal pengguna hingga rekonsiliasi akhir.

01

Buka Link & Pilih Cabang

Customer mengakses link dan memilih lokasi klinik Satwagia yang ingin dikunjungi.

02

Input Data Pasien & Keluhan

Mengisi nama hewan, jenis keluhan, serta nomor WhatsApp untuk konfirmasi.

03

Pilih Jadwal & Dapatkan Tiket

Memilih jam kedatangan yang tersedia; tiket antrean otomatis terbit.

Fitur Utama yang Ditonjolkan

Frictionless UI

Desain minim tombol dan langkah terfokus agar pengguna tidak tersesat.

Tablet & Desktop Friendly

Tampilan menyesuaikan secara proporsional di tablet kasir resepsionis klinik.

Visual Showcase Gallery

Tangkapan Layar & Antarmuka Sistem

Screenshot resolusi tinggi yang merepresentasikan alur kerja dan antarmuka sesungguhnya.

Tampilan Antarmuka Web Booking

Tampilan Antarmuka Web Booking

Layout responsif untuk smartphone dan tablet dengan tampilan kartu pilihan yang jelas.

Dampak Nyata & Hasil Implementasi

Business Impact & Deliverables

Meningkatkan rasio konversi pendaftaran pasien baru dari kanal kampanye digital sebesar 35%.

Proses reservasi tuntas dalam waktu rata-rata 45 detik
Peningkatan volume reservasi online harian klinik Satwagia