Channel Manager System

Pernah ga sih kalian mendengar “Channel Manager System”? Belakangan ini saya menerima sebuah project kantor saya untuk membuat sebuah aplikasi yang dapat memudahkan agen-agen yang bekerja sama dengan perusahaan saya untuk lebih gampang memesan hotel tanpa harus dengan cara manual melalui telepon. Tentu saja aplikasi ini juga harus memfasilitasi fitur “Channel Manager System” untuk hotel-hotel yang bekerja sama dengan perusahaan saya. Lantas apasih sebenarnya “Channel Manager System”?

Channel Manager adalah Online Travel Agent (OTA) updater, sistem reservasi online dan software Front Office hotel lengkap, yang merupakan software untuk hotel yang juga terdiri dari sistem booking hotel online atau sistem reservasi oline, yang menawarkan sangat banyak manfaat dibandingkan dengan sistem yang lainnya. — channelmanager.co.id

Sebenarnya sistem aplikasi ini dapat dibagi lagi menjadi 3 aplikasi, yaitu:

1. Booking System
   Booking System ini adalah aplikasi yang berisi produk-produk hotel yang dapat dipesan oleh agen-agen yang telah bekerja sama dengan kita. Tampilannya kurang lebih seperti situs-situs pemesanan hotel yang sering kalian kunjungi.
2. Channel Manager System
   Seperti yang telah saya bahas di atas, Channel Manager System yang dapat membantu pihak hotel untuk mengatur produk-produk yang disediakan oleh hotel mereka.
3. Reservation Control
   Di sistem ini, perusahaan kami dapat melihat list agen yang telah membooking hotel apa saja dan kapan saja. Kami juga dapat melihat jumlah produk-produk di hotel dalam sistem ini. Dengan arti lain dapat dikatakan bahwa sistem aplikasi ini adalah sistem untuk seorang Super Admin.

Pada artikel kali ini mungkin saya lebih membahas pengalaman saya dalam desain aplikasi ini. Untuk yang belum membaca artikel pertama saya mungkin dapat membaca melalui sini :) https://medium.com/@frankim1806/erp-system-d220c1b9db7d
Oke, langsung kita loncat bagian mengenai sistem “Channel Manager System”

Ide

Sistem Aplikasi ini merupakan tantangan baru buat saya sebenarnya, karena sistem ini adalah sistem pertama yang saya buat dan akan dipakai langsung oleh external. Saya ingin user yang menggunakan aplikasi ini dapat mudah untuk mengingat process flow dalam arti lain flow-nya harus simple. Sering saya mencoba memikirkan sebenarnya aplikasi yang simple flow itu seperti apa, dan saya juga mendapatkan definisi saya sendiri yaitu sebuah aplikasi yang dapat digunakan siapapun terutama dapat digunakan oleh orang yang sangat jarang berhubungan dengan website. Biasanya seperti orang tua kita yang mungkin mengalami sedikit kesulitan ketika ingin mengakses sebuah website. Mari kita balik lagi ke sistem aplikasi Channel Manager System yang ingin saya bahas, jadi saya mencoba membuat sebuah flow yang ketika user ingin melalukan action tidak berpindah lebih dari 1x halaman baru.

Action

Action yang dapat dilakukan oleh user adalah:

Dashboard
Dalam Dashboard, user dapat melihat keseluruhan data dari:
- Seluruh produk yang telah dipesan oleh agen-agen dalam bulan itu.
- Total Booking yang ada, Total produk yang available, Total revenue.
- Seluruh Booking yang ada dalam bulan itu.

Press enter or click to view image in full size

Products
Dalam Products, user dapat menambahkan produk-produk baru mereka. Dalam halaman tidak terdapat tombol hapus & edit dikarenakan dengan perjanjian yang telah di sepakati bahwa dari pihak hotel hanya dapat menambahkan produk dan tidak dapat melakukan edit maupun hapus.

Press enter or click to view image in full size

Booking
Dalam halaman ini, user dapat melihat semua booking yang telah masuk dan dapat memilih untuk accept ataupun decline booking tersebut.

Press enter or click to view image in full size

Promo
Sesuai kebutuhan user ingin kadang ada beberapa produk yang memiliki promo. Jadi saya membuat sebuah page yang dapat digunakan user untuk membuat promo baru sesuai yang telah mereka tentukan dengan jangka waktu yang diinginkan.

Allotments
Untuk memudahkan users dapat mengatur jumlah kamar pada tanggal-tanggal tertentu, maka terciptalah Allotments page ini yang dapat digunakan oleh user untuk menentukan produk-produk yang tidak dapat dipesan pada tanggal-tanggal tertentu.

Press enter or click to view image in full size

Profile
Seperti yang telah saya bahas diatas bahwa sistem besar ini terdapat sebuah sistem yang bernama Booking System yang dapat melihat informasi detail dari sebuah hotel. Profile Page ini dapat membantu hotel untuk menentukan detail informasi yang ingin di tampilkan.

Press enter or click to view image in full size

UI

Berikut adalah hasil akhir UI. Mungkin terdapat beberapa perbedaan dengan wireflame akan tetapi itu dikarenakan ketika saya menampilkan wireflame kepada users dan terdapat beberapa kebutuhan yang tidak dapat terpenuhi. Sehingga saya perlu melakukan sedikit proses perganti sehingga menjadi UI yang di bawah:

• Dashboard

Press enter or click to view image in full size

Saya design halaman ini menjadi terlihat lebih modern, dengan adanya warna-warna gradien dalam 4 kotak tersebut saya berharap halam ini tidak terlihat kaku.

• Products

Press enter or click to view image in full size

Halaman Products saya mengambil konsep ‘Whatsapp’ yang berbentuk desktop yang dimana sistem tidak perlu membuat halaman baru untuk user ketika user melakukan action ‘See Product Detail’ yang dapat membantu user tidak perlu bolak balik ketika ingin melihat detail tiap produk

Press enter or click to view image in full size

Halaman ini adalah halaman ketika user ingin menambahkan produk baru, tombol ‘back’ disini sama seperti fungsi ‘cancel’.

• Booking

Press enter or click to view image in full size

Dikarenakan fungsi halaman booking ini hampir mirip dengan halaman booking kita pada website e-commerce yang sering kita kunjungi makan saya mencoba design seperti demikian rupa agar userjuga merasa familiar dengan tampilan seperti ini. Saya juga ingin memudahkan user ketika melakukan ‘accept’ atau ‘decline’ sebuah bookingan, jadi user hanya perlu check apakah produk yang dibook available pada tanggal tersebut dengan qty sebanyak begitu sehingga user tidak perlu masuk ke detail booking untuk tiap booking.

• Promo

Press enter or click to view image in full size

Tujuan design halaman promo seperti ini hampir sama dengan halaman produk yang menggunakan konsep ‘Whatsapp’ versi desktop. User menjadi lebih gampang melihat detail tiap promo.

Press enter or click to view image in full size

• Allotments

Press enter or click to view image in full size

Halaman ini user dapat melakukan pengaturan ‘allotments’, ‘allotments’ dalam arti lain adalah pengaturan produk yang ingin ditampilkan. Sehingga user dapat mengatur berapa produk yang ingin ditampilkan pada tanggal-tanggal tertentu. Pada halaman ini saya juga design sebuah fitur yang untuk mengatur tampilan jenis produk sehingga user tidak mengalami kebingungan terhadap produk yang sedang diatur allotments-nya.

• Profile

Press enter or click to view image in full size

Design halaman profile ini didesign menjadi 2 bagian yang bertujuan agar tampilan terasa lebih rapi, dan terdapat ‘notes’ yang telah memberitahu user ketika ingin upload images bahwa maksimal foto adalah 5 foto.

Akhir Kata

Di atas adalah desain dari sistem aplikasi “Channel Manager System” yang telah saya rancang. Semoga artikel ini membantu kalian dalam hal desain. Akhir kata terima kasih :)

Feel free to see my website or contact me by email Frankim1806@gmail.com atau PembantuDesain@gmail.com :)