Beno Cars Wash

Beno Cars Wash adalah aplikasi layanan cuci dan detailing mobil yang mewajibkan pengguna untuk melakukan pemesanan terlebih dahulu melalui sistem booking berbasis antrean. Aplikasi ini tidak menerima pesanan mendadak (seperti dalam 1–2 jam ke depan), melainkan menyediakan pilihan waktu layanan berdasarkan jadwal mitra dan kapasitas antrean di lokasi yang dipilih. Semakin tinggi antrean, maka slot waktu akan otomatis tertutup. Sistem ini membantu menjaga kelancaran operasional mitra dan memberikan kepastian waktu layanan kepada pengguna.

Project Type & Role

Pribadi & UI/UX Design

Platform

Application

Project Detail

Timeline: Mar 2023 - Aug 2023

Team: Anggito Budhi Prasojo

Beno car wash Application


Overview

Beno Cars Wash adalah aplikasi layanan cuci dan detailing mobil yang mempermudah pengguna untuk memesan layanan cuci mobil dengan sistem pemesanan berbasis antrean. Pengguna dapat memilih waktu layanan yang sesuai dengan kapasitas antrean di lokasi yang dipilih, tanpa khawatir adanya penundaan atau kerumitan dalam proses pemesanan. Aplikasi ini menghindari pemesanan mendadak dan menawarkan jadwal layanan berdasarkan ketersediaan mitra serta kapasitas lokasi. Dengan sistem ini, semakin tinggi antrean, maka semakin sedikit pilihan waktu yang tersedia, membantu menjaga kelancaran operasional mitra serta memberikan kepastian waktu layanan kepada pengguna.

Aplikasi ini dirancang untuk memberikan pengalaman yang nyaman, efisien, dan transparan, dengan antarmuka yang mudah digunakan dan sistem notifikasi yang memudahkan pengguna dalam memantau status pemesanan mereka. Benefitnya adalah kemudahan fitur untuk memudahkan mencuci kendaraan tanpa harus ke tempat langsung, sehingga hemat waktu dan tenaga.


Problem

Layanan cuci mobil di Indonesia umumnya masih bergantung pada sistem manual yang tidak efisien, membuang waktu, dan seringkali menyulitkan pengguna yang memiliki jadwal padat. Berikut adalah beberapa masalah utama yang dihadapi oleh pengguna dan penyedia layanan:

  1. Datang Langsung ke Lokasi (Walk-in)

    Sebagian besar pelanggan harus datang langsung ke lokasi pencucian tanpa janji temu, yang sering kali membuang waktu mereka, terutama bagi mereka yang memiliki pekerjaan dengan jam sibuk. Meskipun cuci mobil bisa dilakukan tanpa janji temu, pengguna yang datang biasanya langsung mampir ketika sepulang kerja atau saat sibuk harus mengantri atau bahkan menunggu untuk mendapatkan giliran.

  2. Penjadwalan Lewat Telepon

    Beberapa tempat cuci mobil memungkinkan penjadwalan layanan melalui telepon, namun metode ini sering kali kurang praktis karena bergantung pada ketersediaan petugas untuk menerima panggilan, mengonfirmasi jadwal, dan mengatur tempat. Proses ini sering kali menyita waktu dan tidak memberikan kepastian jika ada perubahan mendadak dalam kapasitas atau jadwal.

  3. Sistem Walk-in dengan Ketidakpastian Waktu

    Untuk pengguna yang datang tanpa pemesanan, mereka sering kali tidak tahu berapa lama mereka harus menunggu hingga mobilnya dicuci. Bagi pengguna yang terburu-buru atau memiliki kegiatan lain, ketidakpastian waktu menjadi faktor yang sangat mengganggu.

  4. Pembayaran di Tempat (Kurang Fleksibel)

    Pembayaran masih dilakukan secara langsung di tempat setelah layanan selesai, yang bisa memakan waktu dan mengurangi kenyamanan. Selain itu, pembayaran secara tunai atau menggunakan metode pembayaran terbatas (misalnya kartu kredit atau QR code) seringkali tidak sesuai dengan preferensi sebagian pengguna yang lebih memilih pembayaran digital atau otomatis.

  5. Layanan Antar Jemput yang Terbatas dan Tidak Konsisten

    Beberapa tempat menawarkan layanan antar jemput, tetapi ini masih terbatas dan kadang tidak tersedia, sehingga pelanggan harus datang ke lokasi untuk mendapatkan layanan. Selain itu, proses ini seringkali tidak terorganisir dengan baik dan bisa menyebabkan ketidaknyamanan bagi pengguna yang ingin memaksimalkan waktu mereka.

Dengan hadirnya Beno Cars Wash, masalah-masalah ini bisa diatasi dengan menawarkan sistem pemesanan berbasis antrean yang lebih terstruktur dan transparan, yang memungkinkan pengguna memilih waktu layanan yang tepat, serta menghindari ketidakpastian dan pemborosan waktu. Aplikasi ini menawarkan sistem pemesanan berbasis antrean yang terstruktur dan transparan, memungkinkan pengguna untuk memilih waktu layanan yang sesuai dengan ketersediaan dan kapasitas di lokasi cuci mobil. Pengguna tidak perlu lagi khawatir tentang antrian panjang atau ketidakpastian waktu, karena semuanya sudah terjadwal dengan jelas. Solusi ini juga memberikan kemudahan bagi penyedia layanan untuk mengelola kapasitas dan jadwal, mengurangi risiko overbooking, serta memastikan layanan tetap berjalan lancar dan efisien. Dengan demikian, pengalaman pengguna menjadi lebih nyaman, efisien, dan dapat diandalkan, sementara mitra penyedia layanan juga dapat menjalankan operasional yang lebih terorganisir.

💡 Beno Cars Wash sebagai Solusi

Aplikasi ini dirancang untuk mengatasi berbagai tantangan di atas dengan menyediakan sistem pemesanan berbasis antrean yang terstruktur, transparan, dan real-time.

Pengguna dapat:

  • Memilih waktu layanan sesuai kebutuhan

  • Melihat ketersediaan slot berdasarkan kapasitas lokasi

  • Memantau status pemesanan secara langsung

  • Melakukan pembayaran digital tanpa harus ke tempat

Di sisi mitra penyedia layanan, aplikasi ini membantu:

  • Mengelola kapasitas dan jadwal layanan

  • Menghindari overbooking

  • Meningkatkan kepuasan pelanggan dan efisiensi operasional


Research & Discovery

Pada tahap awal proyek Beno Cars Wash, saya melakukan riset untuk memahami tantangan yang dihadapi oleh pengguna layanan cuci mobil dan penyedia layanan itu sendiri. Riset ini bertujuan untuk mendapatkan wawasan yang mendalam tentang pengalaman pengguna yang ada, serta untuk mengidentifikasi area yang bisa diperbaiki melalui aplikasi.

User Research:

Karena keterbatasan waktu dan sumber daya dalam proyek ini, saya melakukan riset melalui pengamatan langsung terhadap perilaku pengguna layanan cuci mobil di sekitar lingkungan kosan saya. Setiap malam, sekitar pukul 8-10 malam, saya melihat banyak orang yang pulang kerja dan langsung menuju tempat cuci mobil dengan pakaian kantor, seperti kemeja dan jas. Dari pengamatan ini, saya menyimpulkan bahwa sebagian besar pengguna layanan cuci mobil memiliki jadwal padat dan lebih memilih layanan yang efisien dan hemat waktu.

Dari pengamatan tersebut, saya mengidentifikasi beberapa masalah utama yang sering dihadapi oleh pengguna:

  • Keterbatasan waktu: Banyak pengguna yang memiliki jadwal padat dan tidak memiliki waktu untuk menunggu antrian panjang. Mereka lebih memilih layanan yang cepat dan efisien. Pengguna tidak tahu kapan mobil mereka akan selesai dicuci, terutama jika mereka datang tanpa janji temu atau tanpa konfirmasi terlebih dahulu. Hal ini menciptakan rasa tidak nyaman, terutama bagi mereka yang memiliki jadwal yang ketat.
  • Proses pemesanan yang tidak terorganisir: Beberapa tempat cuci mobil di sekitar saya tidak menggunakan sistem yang jelas untuk mengelola antrean. Banyak pengguna datang tanpa pemesanan terlebih dahulu, yang menyebabkan ketidakpastian mengenai waktu kedatangan mereka, serta kemungkinan harus menunggu dalam waktu yang tidak pasti.
  • Keterbatasan kemampuan untuk memilih waktu: Pengguna tidak memiliki opsi untuk memilih waktu layanan yang sesuai dengan kebutuhan mereka. Mereka harus menunggu hingga ada slot waktu yang tersedia, yang bisa memakan waktu lama. Hal ini membuat pengguna merasa tidak nyaman dan tidak dapat memanfaatkan waktu mereka secara efektif.
  • Keterbatasan kemampuan untuk memantau status: Pengguna tidak dapat memantau status layanan mereka secara real-time. Mereka harus menunggu hingga layanan selesai untuk memastikan bahwa mobil mereka telah selesai dicuci. Hal ini membuat pengguna merasa tidak nyaman dan tidak dapat memanfaatkan waktu mereka secara efektif.
  • Pembayaran yang tidak praktis: Sebagian besar tempat cuci mobil masih mengandalkan pembayaran secara tunai, yang bisa memakan waktu dan mengurangi kenyamanan pengguna. Pengguna juga sering merasa kerepotan jika harus membawa uang tunai atau kartu fisik untuk melakukan pembayaran.

Berdasarkan hasil pengamatan ini, saya mulai merancang solusi yang tidak hanya akan mengatasi masalah-masalah tersebut, tetapi juga memberikan kemudahan bagi pengguna untuk memilih waktu layanan sesuai dengan jadwal mereka tanpa perlu khawatir menunggu atau datang tanpa kepastian.

Competitive Analysis:

Saya juga melakukan analisis terhadap beberapa aplikasi cuci mobil yang ada di pasaran untuk memahami pendekatan yang mereka gunakan dan bagaimana aplikasi-aplikasi tersebut mengatasi masalah yang serupa. Saya mencatat beberapa kekurangan, seperti:

  1. CLINK! – Cuci Mobil Keliling
  • Menawarkan home service via aplikasi atau WhatsApp dengan fleksibilitas jadwal berbasis booking.
  • Pengguna dapat memilih slot waktu layanan. Namun tidak disebutkan adanya sistem antrean real-time yang otomatis menutup slot saat penuh.
  • Fitur review & rating tersedia, serta promo dan poin loyalitas.
  1. Hepicar
  • Panggilan layanan cuci mobil dan servis kendaraan via aplikasi.
  • Menonjolkan kenyamanan pemesanan di mana saja kapan saja, namun belum terlihat sistem pemesanan antrean atau slot otomatis.
  1. CuciCar – Aplikasi Booking Cuci & Kasir Otomatis
  • Menyediakan layanan booking cuci mobil secara online melalui aplikasi Android/iOS, umumnya ditujukan untuk pelanggan tetap dan mitra bisnis cuci mobil. Layanan meliputi cuci mobil, cuci motor, dan salon mobil seperti layanan poles dan coating.
  • Menawarkan fitur membership, voucher, e-wallet, dan QR Code untuk kemudahan transaksi—lebih kuat di sisi manajemen dan digitalisasi kasir.
  • Sistem pemesanan berbasis slot tidak menampilkan fitur antrean real-time yang menutup otomatis saat penuh.
  • Lebih berfokus pada integrasi layanan dengan outlet/outlet fisik cucian mobil dibanding layanan home service.
  • Tersedia dashboard bagi mitra/penyedia layanan untuk memonitor transaksi dan data pelanggan.
  1. KliknClean – Layanan Cuci Mobil Panggilan & Cleaning Service
  • Menawarkan layanan cuci mobil & fogging panggilan ke rumah/outlet, mulai hadir dengan 7 layanan di Jakarta, Depok, Bekasi, Kota Tangerang dan Tangerang Selatan.
  • Proses pemesanan dilakukan secara online melalui aplikasi/web: pengguna memilih layanan, jadwal, durasi, dan metode pembayaran lalu konfirmasi order segera atau lewat chat.
  • Pengguna bisa memilih jenis layanan seperti Regular, Drywash, Medium, atau Complete, termasuk vacuum interior, wax, pengering, dan fogging disinfektan.
  • Tersedia fitur status antrian & status layanan yang bisa dipantau oleh pengguna lewat aplikasi—meningkatkan transparansi proses pencucian.
  • Menyediakan berbagai metode pembayaran digital—e-wallet, QR code, virtual account, kartu kredit—sesuai preferensi pengguna modern.

💡 Mengapa Beno Cars Wash Unik?

Jadi mengapa aplikasi ini unik dan berbeda dengan Benchmark diatas, yaitu :

  • Sistem antrean real‑time: Slot tertutup otomatis ketika kapasitas penuh—yang belum banyak diimplementasikan di aplikasi lokal lainnya.
  • Penjadwalan terstruktur: Pengguna memilih slot berdasarkan kapasitas dan jadwal mitra, menghindari ketidakpastian waktu layanan.
  • Notifikasi & tracking status pemesanan: Memberikan transparansi dan kenyamanan pengguna.
  • Pembayaran digital & integrasi: Menyediakan opsi pembayaran modern yang fleksibel.
  • Manajemen operasional mitra lebih efisien: Meminimalkan risiko overbooking dan meningkatkan efisiensi layanan.
Persona Creation:

Dari hasil riset tersebut, saya membuat persona pengguna untuk lebih memahami karakteristik audiens yang akan menggunakan aplikasi ini.

User Persona


🧠 Define

Saya coba untuk menyusun solusi yang harapannya bisa tepat sasaran, saya merangkum temuan dari riset dan observasi ke dalam insight kunci. Proses ini membantu mengidentifikasi kebutuhan utama pengguna serta tantangan yang harus dijawab oleh aplikasi. Bagian ini menjadi dasar bagi proses ideasi dan desain fitur yang relevan dengan konteks pengguna.

Key Insights

Dari hasil observasi dan riset pengguna, saya menemukan bahwa mayoritas pengguna layanan cuci mobil memiliki keterbatasan waktu dan lebih memilih layanan yang efisien serta bisa dijadwalkan. Sistem walk-in tanpa pemesanan yang masih umum digunakan menyebabkan antrean panjang dan ketidakpastian waktu layanan. Pengguna juga tidak nyaman dengan metode pemesanan melalui telepon yang lambat dan tidak transparan. Selain itu, mayoritas pengguna sudah terbiasa dengan teknologi dan pembayaran digital, sehingga mengharapkan pengalaman pemesanan yang modern, cepat, dan terstruktur.

Problem Statement

Pengguna dengan jadwal padat kesulitan mendapatkan layanan cuci mobil yang terjadwal dan efisien karena sistem antrean masih dilakukan secara manual dan tidak transparan, serta pemesanan mendadak seringkali tidak memungkinkan.

How Might We (HMW)

Bagaimana kita dapat menciptakan sistem pemesanan layanan cuci mobil yang memungkinkan pengguna menjadwalkan layanan secara fleksibel, tanpa harus menunggu lama di lokasi, dan memberikan kepastian waktu secara real-time?


💡 Ideation

Setelah merumuskan permasalahan utama dan kebutuhan pengguna di tahap Define, saya melanjutkan ke tahap ideasi untuk mengeksplorasi berbagai kemungkinan solusi. Fokus utama dalam tahap ini adalah merancang sistem pemesanan layanan cuci mobil yang fleksibel, efisien, dan transparan. Tujuannya adalah menciptakan pengalaman pengguna yang tidak hanya nyaman, tetapi juga memberikan kepastian waktu layanan tanpa harus menunggu lama di lokasi.

User Flow

  1. Userflow Login & Signup

Userflow ini menjelaskan alur masuk (login) dan pendaftaran (signup) pengguna dalam sebuah aplikasi. Alurnya dimulai dari user membuka aplikasi dan disajikan dua pilihan utama:

  • Login

    Jika pengguna sudah memiliki akun, mereka akan memilih opsi login. Sistem kemudian meminta kredensial (email/username dan password). Setelah diverifikasi:

    • Jika berhasil, pengguna diarahkan ke halaman utama aplikasi.
    • Jika gagal (misal karena password salah), akan muncul notifikasi error dan pengguna diberi pilihan untuk mencoba kembali atau menggunakan fitur “Lupa Password”.
  • Signup

    Bagi pengguna baru, mereka akan mengisi form pendaftaran seperti nama, email, password, dan konfirmasi password. Setelah form disubmit:

    • Sistem memverifikasi validitas data (contoh: email unik, password memenuhi kriteria).

    • Jika valid, sistem membuat akun dan pengguna langsung diarahkan ke halaman utama.

    • Jika ada error (seperti email sudah digunakan), sistem menampilkan notifikasi kesalahan.

      Userflow Login & Signup

  1. Userflow Car Wash – Booking & Payment

Userflow ini menunjukkan proses alur pemesanan jasa cuci mobil secara online dari awal hingga pembayaran berhasil. Rinciannya sebagai berikut:

Userflow Booking & Payment

Sketch & Wireframe Awal

Setelah user flow ditentukan, langkah selanjutnya adalah menyusun sketsa awal (low-fidelity wireframe) untuk memvisualisasikan struktur halaman dan elemen-elemen utama dari sistem pemesanan layanan cuci mobil. Sketsa ini membantu memahami bagaimana informasi akan disusun secara hierarkis dan bagaimana alur interaksi akan berjalan secara visual.

Dalam tahap ini, saya menggambarkan layout dasar dari halaman seperti:

Userflow Booking & Payment

Eksplorasi Ide Solusi

Dalam fase ini, saya mengeksplorasi berbagai pendekatan solusi yang dapat memecahkan kebutuhan pengguna secara efektif. Beberapa ide yang muncul dan diuji secara konsep antara lain:

  • Jadwal Booking Terintegrasi Kalender: Pengguna dapat memilih tanggal dan waktu dari kalender yang terintegrasi dengan ketersediaan layanan.
  • Notifikasi Real-time: Menginformasikan pengguna terkait status layanan atau perubahan jadwal melalui notifikasi.
  • Pilihan paket berdasarkan jenis mobil & ketersediaan slot: Paket layanan yang secara otomatis menyesuaikan berdasarkan tipe mobil pengguna dan ketersediaan slot waktu.
  • Opsi pembayaran yang fleksibel: Termasuk pembayaran langsung, transfer bank, dan e-wallet.
  • Ringkasan invoice otomatis: Sebelum konfirmasi pembayaran, pengguna disajikan invoice otomatis yang menampilkan detail harga, diskon, dan estimasi waktu layanan.

Prioritization

Dari berbagai ide yang dihasilkan sebelumnya, saya menggunakan pendekatan Moscow Method (Must-have, Should-have, Could-have, Won’t-have yet) untuk memprioritaskan fitur-fitur yang akan diterapkan dalam tahap awal pengembangan.

Prioritas Fitur
Must-have Booking layanan, kalender jadwal, form pemesanan, metode pembayaran
Should-have Invoice otomatis, riwayat pesanan, integrasi notifikasi
Could-have Chat dengan admin, rating layanan, loyalty point
Won’t-have yet Tracking live kendaraan, integrasi multi-lokasi

Hal ini sangatlah penting untuk memastikan fokus pengembangan tetap terarah pada fitur inti yang berdampak langsung terhadap kenyamanan dan efisiensi pengguna dalam memesan layanan cuci mobil.


Prototyping

Setelah menyelesaikan screen design, saya melanjutkan ke tahap pembuatan prototyping menggunakan Figma. Prototype ini memiliki berbagai tujuan contohnya seperti testing the flow & fungsionalitas layar/screens. Penggunaan prototype ini akan sangat membantu tim developer dalam memahami interaksi sistem, navigate, dll.

Prototipe ini juga membantu dalam mengidentifikasi masalah yang mungkin timbul selama penggunaan aplikasi, sehingga dapat segera diperbaiki. Selain itu, prototipe juga dapat digunakan sebagai alat komunikasi yang efektif untuk tim pengembang, desainer, dan stakeholder lainnya. Dengan demikian, tim dapat memiliki gambaran yang lebih jelas tentang sistem yang akan dibangun.

  • Prototype Splash-Screen

    Halaman yang pertama kali dilihat oleh user adalah Splash Screen. Splash Screen merupakan tampilan awal aplikasi yang muncul sesaat setelah aplikasi dijalankan sebelum pengguna masuk ke halaman utama. Halaman ini berfungsi sebagai identitas visual sekaligus memperkuat brand image aplikasi.

    Splash Screen

  • Prototype Halaman Login / Signup

    Jika pengguna sudah melewati halaman Splash Screen, aplikasi akan otomatis mengarahkan pengguna ke halaman Login/Signup. Halaman ini berfungsi sebagai pintu masuk utama bagi pengguna sebelum mengakses layanan pada aplikasi Car Wash Booking. Di sini, pengguna dapat masuk menggunakan akun yang sudah terdaftar atau membuat akun baru untuk mulai menggunakan fitur aplikasi.

    Prototype Halaman Login / Signup

  • Prototype Halaman Informasi Vehicle

    Setelah pengguna berhasil login atau membuat akun, mereka akan diarahkan ke Halaman Vehicle untuk mengisi informasi detail kendaraan yang digunakan dalam layanan.

    Prototype Halaman Login / Signup

    Di halaman ini, pengguna disajikan form dengan beberapa tahapan input:

    1. Vehicle Type. Pengguna memilih jenis kendaraan, seperti Sedan, SUV, MPV, Van, Jeep, atau Pickup.
    2. Vehicle Brand. Setelah tipe dipilih, pengguna langsung diarahkan ke pages berikutnya untuk memilih merek kendaraan (contoh: Toyota, Honda, Mitsubishi, Suzuki, BMW, Wuling, dll).
    3. Vehicle Model. Berikutnya akan diarahkan ke halaman Model. Untuk form seri kendaraan, pengguna harus menginputkan seri kendaraan secara manual (misal: BMW E36). Warna kendaraan, pengguna memilih warna dominan kendaraan dari daftar warna yang tersedia atau jika kendaraan di modif warna dan tidak tersedia bisa menginput secara manual. Nomor Plat, kolom input untuk memasukkan nomor plat kendaraan yang valid sesuai format dari polri.
  • Prototype Home

    Singkatnya jika pengguna sudah melakukan arahan sesuai aplikasi, maka akan masuk ke dashboard utama. Halaman yang pertama kali dilihat oleh pengguna ketika sudah melewati serangkaian arahan sebelumnya. Pada halaman ini pengguna akan melihat informasi layanan cuci mobil yang tersedia, promo atau penawaran spesial, serta menu navigasi utama.

    Prototype Home

    Penjelasan

    1. Nomor 1 - Menu → Berisi navigasi utama aplikasi seperti Services, Booking, Invoice, My Vehicle, Ubah Password, Apps Settings, FAQ’s, Support, Feedback, Logout. Menu tersebut agar memudahkan pengguna bisa berpindah antar halaman.
    2. Nomor 2 - Notifikasi → Memberikan informasi atau pemberitahuan terbaru kepada pengguna, misalnya promo, status booking, atau pengumuman dari pihak layanan.
    3. Nomor 3 - Kolom Pencarian & Tombol Filter → Memungkinkan pengguna mencari layanan secara spesifik berdasarkan kata kunci atau memfilter sesuai kategori seperti harga, lokasi, atau jenis kendaraan.
    4. Nomor 4 - Discount & Promo → Menampilkan penawaran diskon atau promo khusus yang sedang berlangsung, mendorong pengguna untuk memanfaatkan layanan dengan harga lebih terjangkau.
    5. Nomor 5 - Tipe Mobil → Menampilkan kategori kendaraan yang dimiliki atau ingin dilayani pengguna, seperti sedan, SUV, atau pick-up, untuk menyesuaikan harga dan jenis layanan.
    6. Nomor 6 - Packages → Menampilkan pilihan paket layanan seperti Wash, Polishing, Tire Dressing, Car Spray, beserta detail harga dan deskripsi singkat.
    7. Nomor 7 - Specialist → Menampilkan daftar karyawan yang tersedia atau mitra penyedia layanan beserta rating, lokasi, dan spesialisasinya, sehingga pengguna dapat memilih sesuai preferensi.
    8. Nomor 8 - Other Services → Halaman ini akan menampilkan daftar layanan tambahan yang sesuai dengan kategori yang dipilih user dari Packages di dashboard. Contohnya, jika user memilih Wash pada dashboard, maka halaman ini akan memuat daftar layanan Wash lengkap beserta deskripsi, harga, dan detail lainnya. Begitu juga jika memilih Polishing, Tire Dressing, Car Spray, atau See All, maka akan diarahkan ke halaman daftar menu sesuai kategori yang dipilih. See All akan menampilkan seluruh paket layanan secara lengkap.
    9. Nomor 9 - Menu bar → Menu utama aplikasi yang akan selalu muncul dibagian bawah halaman. Berisi empat menu yang ada di aplikasi ini seperti Home : sebagai halaman utama yang akan menampilkan berbagai macam menu menarik. Lalu ada menu Aktivitas/Orderan : melihat status pesanan dan riwayat transaksi. Berikutnya ada Pesan/Message : mengakses percakapan atau chat dengan penyedia layanan car wash. Terakhir Akun/Profile : untuk melihat informasi data diri pengguna.
  • Prototype Halaman Detail Car Wash

    Jika pengguna sudah memilih salah satu Packages dari daftar menu tadi, selanjutnya user akan di arahkan ke halaman detail. Di halaman ini user dapat melihat beberapa informasi seperti “gambar layanan, nama paket & detail kendaraan, harga layanan, deskripsi layanan, specialist yang tersedia siap menangani, kontak layanan, dan tombol book now (untuk melakukan pemesanan layanan).”

    Prototype Halaman Detail Car Wash

  • Prototype Halaman Booking Detail - Booking

    Halaman ini digunakan oleh pengguna untuk melakukan pemesanan layanan Car Wash setelah memilih paket pada halaman sebelumnya. Tujuan utama halaman ini adalah memastikan data pemesanan lengkap dan sesuai, serta memudahkan pengguna untuk mengatur jadwal layanan.

    Prototype Halaman Booking Detail - Booking

    Fitur & Elemen pada Halaman Booking:

    1. Pengaturan Jadwal Booking

      • Tanggal Booking. Pengguna dapat memilih tanggal layanan menggunakan date picker.
      • Waktu Booking. Pilihan jam layanan sesuai slot yang tersedia.
      • Tombol Cari & Pesan Layanan. Mengonfirmasi pilihan paket dan menampilkan opsi yang tersedia berdasarkan filter waktu & tanggal.
    2. Pilihan Paket Berdasarkan Ketersediaan

      Setelah pengguna menentukan tanggal dan waktu, akan muncul daftar paket yang tersedia pada hari tersebut:

      • Classic Washing – Ekonomi (Non-antarjemput).
      • Classic Washing – Kilat (Antarjemput). Setiap paket dilengkapi dengan tombol Pesan Sekarang untuk melanjutkan ke konfirmasi akhir.
    3. Data Pemesan

      Jika sudah melakukan booking, selanjutnya akan diarahkan ke form pemesanan. Ini berisi informasi identitas pelanggan yang akan digunakan untuk keperluan pemesananan dan komunikasi:

      • Title. Pilihan sapaan (misalnya Tuan/Nyonya) sesuai preferensi pengguna.
      • Plat Nomor. Nomor registrasi kendaraan dari polri.
      • Nama Pemesan. Nama sesuai identitas resmi (KTP).
      • Alamat. Lokasi pengguna yang relevan untuk layanan, khususnya jika ada opsi antar-jemput.
      • No. HP Pemesan. Nomor telepon aktif untuk konfirmasi dan koordinasi.
    4. Informasi Layanan yang Dipilih

      Menampilkan ringkasan paket yang dipesan, termasuk:

      • Jenis Layanan (Classic Washing).
      • Tanggal & Waktu Booking (misalnya Selasa, 9 Mei 2023, pukul 14:00 WIB).
      • Total Biaya yang harus dibayarkan, sudah termasuk biaya layanan dan potongan (contoh: Total Rp 59.970,- dengan kode unik potongan Rp 30).
  • Prototype Halaman Metode Pembayaran

    Halaman ini dirancang untuk memfasilitasi pengguna dalam memilih metode pembayaran yang diinginkan sebelum melakukan konfirmasi pemesanan layanan. Terdapat tiga opsi metode pembayaran yang dapat dipilih, yaitu:

    Prototype Halaman Metode Pembayaran

    1. Bayar Tunai

      Pilihan ini memungkinkan pengguna untuk melakukan pembayaran langsung di lokasi pada saat layanan selesai diberikan. Tidak ada isian tambahan yang diperlukan. Setelah memilih opsi ini, pengguna dapat langsung menekan tombol “Konfirmasi” untuk menyelesaikan proses.

    2. Transfer Bank

      Setelah memilih metode ini, pengguna akan diminta untuk memilih bank yang digunakan. Bank yang tersedia meliputi: BCA, BRI, BNI, Mandiri, BSI, dan Bank Lainnya. Pemilihan bank ini bertujuan agar sistem dapat menampilkan informasi rekening tujuan yang sesuai.

    3. Kartu Kredit/Debit

      Setelah memilih opsi ini, pengguna perlu mengisi beberapa data tambahan, yaitu:

      • Nomor Kartu,
      • tanggal Kadaluarsa (format BB/BT),
      • CVV,
      • Nama pada Kartu,
      • Alamat Tagihan,
      • Kode Pos.

      Terdapat informasi tambahan yang ditampilkan di bawah form: “Rp 1.000 akan dipotong sebagai biaya verifikasi. Dana tersebut akan dikembalikan ke Anda dalam 5 hari.” Tombol “Kirimkan” akan aktif setelah seluruh data terisi dengan benar.

    Di bagian bawah halaman, sistem menampilkan ringkasan Total Biaya sebesar Rp 59.970 beserta tombol Konfirmasi yang berfungsi untuk melanjutkan proses pembayaran sesuai metode yang telah dipilih.

  • Prototype Halaman Invoice

    Halaman Invoice menampilkan ringkasan tagihan secara jelas dan terstruktur agar pengguna dapat segera memahami rincian biaya layanan yang dipesan.

    Prototype Halaman Invoice

    Elemen yang ditampilkan pada halaman ini:

    1. Nomor Invoice — Contoh: Invoice #4278, berfungsi sebagai identifikasi unik untuk setiap transaksi.
    2. Nama Pemesan — Ditampilkan jelas sesuai data pada aplikasi, misalnya disini Anggito Budhi Prasojo.
    3. Tanggal (Due Date) — Menampilkan tanggal booking yang dilakukan. Misalnya, jika pengguna melakukan booking pada 09/05/2023 dan sistem memberi waktu 24 jam untuk membayar, maka batas pembayaran dilakukan pada 10/05/2023. Informasi ini membantu pengguna membedakan antara tanggal booking dan tanggal pembayaran.
    4. Ordered By — Mengulangi informasi nama pemesan untuk memastikan kejelasan dan menghindari kesalahan data.
    5. Tanggal Pemesanan — Menampilkan kapan pesanan dibuat, misalnya 09/05/2023.
    6. Harga Layanan — Biaya pokok layanan, misalnya Rp 50.000.
    7. Kode Unik — Pengurangan nominal kecil (contoh: - Rp 30) yang biasanya digunakan untuk verifikasi pembayaran transfer.
    8. Biaya Admin & Teknis — Penambahan biaya operasional (contoh: + Rp 10.000).
    9. Total Tagihan — Jumlah akhir yang harus dibayar, misalnya Rp 59.970.
    10. Tombol “Bayar Sekarang” — Call-to-action utama yang mengarahkan pengguna ke proses pembayaran.
  • Prototype Halaman Invoice Success

    Halaman ini ditampilkan setelah proses pembayaran berhasil diverifikasi oleh sistem. Tujuan utamanya adalah memberikan konfirmasi visual dan detail transaksi yang jelas kepada pengguna, sehingga mereka merasa yakin bahwa pembayaran telah berhasil dilakukan.

    Prototype Halaman Invoice

    Dengan susunan informasi yang ringkas namun lengkap, halaman ini berfungsi sebagai titik akhir proses transaksi yang memberikan kepastian, rasa aman, dan kemudahan bagi pengguna dalam mengelola bukti pembayaran mereka.

  • Prototype Halaman Setting Profile

    Halaman Setting Profile berfungsi untuk memudahkan pengguna dalam mengelola informasi akun dan preferensi aplikasi. Tampilan dirancang dengan layout sederhana dan fokus pada keterbacaan, sehingga setiap opsi mudah ditemukan.

    Prototype Halaman Setting Profile

    Dengan susunan informasi yang ringkas namun lengkap, halaman ini berfungsi sebagai titik akhir proses transaksi yang memberikan kepastian, rasa aman, dan kemudahan bagi pengguna dalam mengelola bukti pembayaran mereka.