Yok Futsal

Aplikasi untuk membatu seseorang dalam melakukan booking/sewa lapangan futsal tanpa harus ke tempatnya langsung, sehingga hemat waktu dan tenaga.

Project Type & Role

Pribadi & UI/UX Design

Platform

Application

Project Detail

Timeline: Aug 2024 - Des 2024

Team: Anggito Budhi Prasojo

Sentral Futsal Apps


Overview

Sentral Futsal ini adalah aplikasi untuk membatu seseorang dalam melakukan booking/sewa lapangan futsal tanpa harus ke tempatnya langsung, sehingga hemat waktu dan tenaga. Benefitnya adalah kemudahan fitur untuk memastikan apakah lapangan tersedia, tempat parkir yang aman nan luas, adanya locker room, kantin (untuk beli minuman/jajan), dll tergantung fasilitas apa saja yang tersedia.

Analisa Masalah

Futsal salah satu olahraga yang paling di gemari para lelaki. Salah satu alasan mereka bermain futsal karena untuk menghilangkan rasa penat dari sibuknya rutinitas kerja, belajar, atau hanya sebagai sarana menyalurkan hobi. Selain itu juga futsal sangat bermanfaat bagi kesehatan kita loh sob, hehehe.

Dari case futsal inilah muncul ide bagaimana jika di salurkan ke dalam ranah teknologi ya 🤔 sebagai contoh ketika orang-orang akan memilih lapangan futsal yang berkualitas baik harus survey terlebih dahulu ke tempatnya untuk booking lapangan, kan capek ya gak sob 😪

Dari pengalaman saya sebelumnya ketika saya dan teman-teman mau futsalan, pasti biasanya rembukan/diskusi dulu nih di grub chatting (Watsap). Seperti contohnya ‘info futsal oy, mau futsal dimana nih.’ Nah dari sini kita yang ada di grub mulai ragu nih sob, apakah ada lapangan yang tersedia/ready untuk hari ini & jam ini, minim budget, dll.

Nah untuk itu, biasanya kan salah satu di antara kita pasti akan survey dulu nih ke tempatnya, untuk menanyakan apakah ada lapangan kosong? iya kalo ada lapangan kosong di hari dan jam itu juga, coba kalo lapangan sudah full di booking orang? pasti kesel karena gak jadi futsal di hari itu juga & pastinya capek di jalan kan sob 😭

Jika kalian mengalami kejadian tersebut, berarti kita satu nasib 🤣

Kebutuhan User

Dari analisa di atas, saya merangkum lebih spesifik lagi seperti berikut :

  • Apakah ada lapangan yang tersedia untuk saya booking ?
  • Jika jadwal yang di tentukan full bookingan orang, apakah ada lapangan lain yang kosong ?
  • Pelayanan apa saja yang tersedia ? Apakah ada kantin untuk membeli minum ?
  • Pembayaran bagaimana ? Bisa via cash, transfer, atau lainnya ?
  • Berapa harga sewa per jam ?
  • Rating & kondisi lapangan bagaimana ya ?
  • Apakah bisa di bayar separuh dulu ? sisanya nanti di tempat atau habis main futsal ?

Idea

Setelah menyusun flow, menganalisis masalah, kebutuhan user, dll.. Rangkuman ide saya akan membuat aplikasi yang dapat mempermudah seseorang untuk menyewa dan melihat informasi detail lapangan futsal. Aplikasi ini juga dapat menunjukkan lokasi lapangan futsal berdasarkan jarak (jauh/dekat) sesuai lokasi tempat tinggal kita, memberikan informasi tentang fasilitas yang tersedia, info sparing, turnamen, cari anggota baru, dll.

Disini saya memulai melakukan pekerjaan yaitu re-search berbagai inspirasi design untuk analisis visual dan flow benchmarks. Mengumpulkan beberapa inspirasi design sesuai dengan ide sebelumnya, menggunakan berbagai sumber seperti (dribbble, behance, instagram). Banyak pekerjaan untuk melakukan rancangan dari yang awalnya ide bayangan menjadi visual desain nyata.

User Flow

Rangkaian tugas atau langkah-langkah apa saja yang user lalui dari awal hingga akhir untuk bisa menjalankan suatu fngsi atau fitur yang dikembangkan. berikut adalah flow dari aplikasi futsal cabang Pekalongan.

Flow Futsal

Wireframe

Pekerjaan berikutnya adalah melakukan design wireframe berdasarkan hasil benchmarks. Tahap ini untuk membuat kerangka penempatan item apa saja pada aplikasi sebelum masuk ke tahap visual desain yang sesungguhnya. Item yang dimaksud yakni icon, header, search bar, navigasi menu, dll.

Pembuatan wireframe dapat menggunakan coretan kertas maupun tools desain yang lain, tapi disini saya menggunakan Figma saja untuk membuat wireframe.

Wireframe Futsal

Desain

Untuk memastikan konsistensi dalam desain, saya memulai pembuatan desain dengan high-fidelity dengan membuat design style.

Style Guide Futsal

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.

Prototype Home

Halaman yang pertama kali dilihat oleh user adalah Home. Pada halaman ini user akan melihat informasi lapangan futsal yang berada di sekitar tempat tinggal.

Prototipe Futsal

Penjelasan

  1. Nomor 1 - Splash Screen → layar pertama yang dilihat pengguna saat user membuka aplikasi Futsal di Handphone.
  2. Nomor 2 - Profile User → User dapat melakukan pengisian/update data diri, upload foto.
  3. Notifikasi → Pemberitahuan mengenai adanya informasi atau pengumuman dari pihak tertentu kepada user. Notifikasi disini bisa berupa adanya promo, ajakan sparing, adanya seseorang yang ingin join ke team kamu, dll.
  4. Search bar → Ada 2 menu search bar disini. yang pertama adalah menu search itu sendiri & yang kedua adalah menu set lokasi. Nah untuk Search itu user dapat mencari lapangan futsal berdasarkan nama penyedia lapangan futsal tersebut. Sedangkan untuk set lokasi itu untuk setting lokasi tempat tinggal kamu, biar enak nanti futsal jaraknya dekat. Jangan sampe kamu tinggal di Pekalongan tapi di menu set lokasi -nya di Jakarta kan aneh sob 🤣
  5. Fast menu → User dapat memilih apa yang ingin mereka lakukan. Pada Fast menu ini user bisa melakukan booking lapangan, adanya turnamen, daftar jadi member futsal, join team, dll.
  6. Team sparing → Nah disini kamu bisa nantang tim lain sob, untuk melihat bagaimana performa team kalian, hehehe. Tapi kalian harus sabar ya, belum tentu team yang kalian tantang ‘menolak’ ajakan sparing. Untuk itu kalian harus selalu cek menu Notifikasi biar update info ya sob 😉
  7. Spesial promo → User bisa cek apakah ada promo yang ditawarkan untuk mendapatkan diskon supaya pas di pembayaran tidak mempersulit dompet/saldo kalian, hehehe. Nah disini kebetulan ada promo spesial kemerdekaan, jadi dapat potongan -79. Dan untuk pengguna baru akan ada promo spesial lagi tentunya.
  8. Card Informasi lapangan futsal → User dapat melihat/membaca sekilas informasi nama penyedia lapangan futsal -nya nih sob. Mulai dari foto tempat futsal, lapangan futsal, nama lapangan futsal, jarak tempat futsal dari lokasi user, rating, jumlah review, dan biaya sewa lapangan futsal per jamnya.
  9. Filter & Urutkan → User dapat memfilter lapangan futsal berdasarkan kriteria agar list yang muncul nantinya pada halaman Cari Lapangan (Search bar) bisa lebih spesifik.
  10. Menu bar → Menu utama yang ada di aplikasi adalah Home : sebagai halaman utama yang akan menampilkan berbagai macam menu menarik. Lalu ada menu Orderan : yang akan menunjukan riwayat booking lapangan futsal oleh user. Berikutnya ada Invoice : supaya nanti pas sampai di tempat futsal bisa di tunjukkan bahwa sudah melakukan pembayaran dan sewa di lapangan mana/berapa jam sewa. Terakhir akun : untuk melihat informasi data diri pengguna.

Prototype Halaman Detail Lapangan

Jika user sudah memilih salah satu lapangan futsal pada halaman cari lapangan (sesuai lokasi kita), selanjutnya user akan di arahkan ke halaman detail. Di halaman ini user dapat melihat beberapa informasi seperti “gambar lapangan, nama tempat, lokasinya ada dimana, fasilitas apa saja yang ada disana, penjelasan singkat tentang lapangan futsal tersebut, dan info harga lapangan per jam.”

Prototipe Halaman Detail Lapangan


Prototype Halaman ketersediaan lapangan dan atur waktu

Selanjutnya user bisa mengatur jadwal bermain futsal mereka sesuai ketersediaan lapangan, tanggal, jam, dan berapa lama akan bermain futsal. Jika lapangan, tanggal, dan jam sudah full bookingan orang.. yang sabar ya sob 😭 mungkin belum rezeki kalian untuk futsal 🤣

Prototipe Halaman ketersediaan lapangan dan atur waktu


Prototype Halaman Ringkasan Detail Booking

Setelah user sibuk pilah pilih lapangan dan atur waktu, sekarang mulai masuk ke detailing proses bayar membayar nih sob 🤣 Nah disini user akan tau nih, ringkasan bookingan sebelumnya. Silahkan dicek kembali ya sob, sudah sesuai atau belum?

Prototipe Halaman Ringkasan Detail Booking


Prototype Metode Pembayaran

Jika di rasa ringkasan sebelumnya aman, silahkan lakukan pembayaran ya sob. Tenang sob, bisa di bayar separuh dulu kok 🫠

Ada banyak metode nih sob, tinggal dipilih ya 😊

Prototipe Metode Pembayaran


Prototype Halaman Invoice Overview

Disini invoice totalan akan dihitung otomatis sob. Mulai dari lapangan yang disewa, layanan fasilitas (include air minum), kode unik spesial, biaya admin & teknis.

Prototipe Halaman Invoice Overview


Prototype Halaman Payment

Selanjutnya user akan diarahkan ke halaman payment, untuk membayar total tagihan sebelumnya. Nah, sementara disini saya demo menggunakan transfer via Bank BCA dulu ya sob.

Prototipe Halaman Payment

Jika sudah bayar, silahkan upload bukti pembayaran atau bisa ditunjukkan langsung pas di tempat ya sob 😇


Prototype Booking Success

Terakhiran nih, setelah melalui proses yang begitu panjang, akhirnya berakhir di halaman ini. Yang menandakan bahwa booking lapangan telah selesai.

Prototipe Halaman Payment Success

Penutupan dan Harapan

Akhirnya selesai juga studi kasus ini, kita dapat melihat bagaimana pengembangan area futsal di Pekalongan dapat lebih optimal jika memperhatikan kebutuhan komunitas serta meningkatkan kualitas fasilitas yang ada. Melalui analisis yang mendalam dan solusi yang terencana, diharapkan masalah tersebut bisa memberikan gambaran yang jelas tentang pentingnya perencanaan fasilitas olahraga yang memadai. Terima kasih sudah meluangkan waktu untuk mengeksplorasi proses ini bersama saya. Semoga solusi yang disajikan tidak hanya bermanfaat bagi perkembangan futsal di Pekalongan, tetapi juga menginspirasi banyak pihak untuk terus berinovasi dalam menciptakan ruang olahraga yang lebih baik. Jika ada pertanyaan atau ingin berdiskusi lebih lanjut mengenai proyek ini, saya sangat terbuka untuk kolaborasi lebih lanjut. Terima kasih atas perhatian dan waktunya!