Membuat UI Design mobile app

  

Tujuan Aplikasi

Tujuan dibuatnya aplikasi ini adalah untuk melakukan pemesanan tiket bioskop secara online tanpa harus datang ke loket pembelian tiket. Kita hanya tinggal menscan barcode tiket yang sudah dibeli dari aplikasi ini saat berada di studio. Dengan begitu kita tidak perlu lagi mengantri di loket pembelian untuk membeli tiket.

 

Pengguna

Semua kalangan yang ingin memesan tiket bioskop dapat menggunakan aplikasi ini.

 

Fitur

            Splash Screen

Adalah tampilan pertama dari aplikasi yang biasa muncul sebelum akhirnya pengguna memasuki fitur Login & Register.

 

Login & Register

Login adalah proses pintu masuk bagi pengguna untuk mengakses Menu Utama atau Home. Login digunakan untuk mengatur proses identifikasi. Jika belum memiliki akun pengguna dapat melakukan Register atau Daftar terlebih dahulu.

 

Home

Pada bagian ini terdapat beberapa menu awal seperti Profil, Notifikasi, Search Bar Lokasi Bioskop, Daftar Film (Sedang Tayang & Segera Tayang) dan Navigasi. Pada detail film terdapat informasi tentang genre, durasi, reviews dan sinopsis. Ketika menekan "BOOK NOW" maka akan membuka halaman pilih tempat duduk dan jam tayang, pada bagian ini terdapat 3 jenis kursi yaitu : warna putih : belum di booking, warna abu-abu : sudah di pesan, warna kuning : kuris yang kita pilih. Setelah itu pilih tanggal dan waktunya, jika sudah tekan CHECKOUT. Pada halaman CHECKOUT terdapat judul film, genre, lokasi, jumlah tiket, tanggal, waktu dan tempat duduk yang telah dipilih. Setelah itu pilih metoder pembayaran, jika sudah benar tak ada yang salah klik tombol "Pay". Jika sudah dibayar maka akan muncul tiket dengan informasi film, dari hasil pemesanan sebelumnya dengan status active.

 

Profil

Pada halaman ini terdapat informasi tentang nama user, sisa saldo dan Top up yang dimana akan mengarahkan kita ke halaman top up wallet, Pada halaman ini kita dapat memilih jenis metode Top up yang ingin digunakan. Pada menu Edit Profil digunakan untuk mengubah data pengguna. Selain itu ada juga menu language, notification, about us, dan help.

Tiket

halaman ini dapat di akses menggunakan tombol navigation di bagian bawah dengan logo tiket. Halaman ini berisi daftar tiket active yang ketika di klik akan muncul QR code yang nantinya dapat di scan ketika berada di studio.

Aplikasi

Disini saya menggunakan aplikasi Figma untuk pembuatan Design Mobile App. Figma adalah aplikasi desain UI dan UX yang digunakan untuk membuat situs web, aplikasi, atau komponen antarmuka pengguna. Figma adalah aplikasi untuk para desainer berkolaborasi dengan desainer lainnya dan membuat desain secara bersama-sama. Dalam membuat sebuah desain UI/UX di dalam suatu aplikasi atau website, Figma memiliki beberapa tools yang dapat memudahkan desainer untuk mendesain. Salah satu kelebihan Figma yaitu dapat menghemat waktu, karena desainer dapat berkolaborasi dengan mengubah rancangan desain dalam waktu yang bersamaan.

 

 LINK

Prototype    : figma.com/prototype-tixtix

UI Design    : figma.com/ui-design-tixtix