Muhammad Rizky Aulia

2209106067

Informatika B 2022

Putar-Putar Private Charters

Website untuk informasi dan penyewaan/charter Helikopter pribadi.

-Wireframe

Wireframe adalah sebuah kerangka untuk menata suatu item di laman website atau aplikasi. Pembuatan wireframe biasanya dilakukan sebelum pembuatan produk tersebut dilakukan. Item yang berkaitan seperti teks, gambar, layouting, dan sebagainya.

Pada pembuatan desain wireframe PT. Putar-Putar ini Saya dan kelompok saya membuat desain dari awal/scratch,

dan kami menggunakan wireframe low-fielity yang dimana desain yang sederhana dengan tidak memiliki banyak detail dan memfokuskan kepada fungsionalitasnya seperti tombol pada navbar dan juga gambaran dimana letak suatu objek seperti gambar dan teks akan terpasang.

Seperti yang terlihat pada wireframe dikedua gambar diatas, terdapat halaman-halaman yang akan ada pada website PT. Putar-Putar nantinya, terdapat halaman utama yang berisikan navigation bar (navbar), teks sambutan, logo website dan juga tombol untuk menuju ke halaman pemesanan. Tombol pada navigation bar akan menujukan kepada halaman halaman lain seperti halaman pemesanan helikopter dan halaman kontak.

Untuk lebih lengkapnya, Berikut adalah setiap fungsionalitas tombol, teks dan icon pada setiap halaman-halaman yang akan ada pada website ini;

-Naviagation Bar

Navigation bar merupakan bar yang berisikan menu menu yang akan menunjukkan user ke halaman-halaman lain pada website (shortcut), navigation bar ini berisikan halaman-halaman yang nantinya akan berguna bagi pelanggan dan dapat mengakses halaman-halaman tersebut dengan mudah. Navigation bar terletak membentang di atas website dan akan berada di setiap halaman pada website ini supaya user dapat mengaksesnya dengan mudah, isi dari navigation bar meliputi;

1. Home

Tombol home akan menuju ke halaman awal website.

2. Services

Tombol Services akan menuju ke halaman Services dimana akan ditampilkan jasa-jasa yang ditawarkan pada website.

3. Featured

Tombol Featured akan menuju kehalaman Featured Helicopters dimana akan ditampilkan Beberapa Helicopter yang Populer dan sering digunakan pada para pelanggan lain.

4. New

Tombol New akan Menuju kehalaman New dimana akan ditampilkan Helicopter-Helicopter baru.

5. Contact

Tombol Contact akan menuju kehalaamn Contact Us yang akan menampilkan seluruh social media PT. Putar-Putar dan juga berbagai cara untuk menghubungi kami, seperti Email dan nomor telephone.

6. Logo dan Teks

Pada bagian kiri navbar terdapat Teks "PT Putar-Putar" dan juga Logo yang memberikan kesan Profesionalisme dan juga menjadi identitas website.

-Homepage

Homepage atau halaman utama merupakan halaman paling pertaman yang user/pengguna akan lihat saat mengunjungio website kami, pada halaman utama akan ditampilkan Navigation bar, Nama perusahaan dan juga gambar gambar helicopter kami yang akan menggunakanan Carousel yang dimana setiap 10 detik akan bergeser ke gambar lainnya, terdapat juga tombol untuk segera memesan Helicopter.

Service

Halaman Service menampilkan keunggulan layanan yang ditawarkan oleh website PT Putar Putar. Bagian ini ditampilkan dalam bentuk kartu-kartu.

New Helicopter

Halaman ini menampilkan helikopter terbaru yang ada di armada dan tersedia untuk ditawarkan oleh layanan jasa PT Putar-Putar. Terdapat Gambar dan juga Informasi singkat helikopter tersebut dan juga terdapat tombol "Details" yang akan menuju kehalaman detail lengkap helikopter tersebut

Booking

Menu booking pada website menampilkan halaman berisi formulir yang dapat diisi pengunjung untuk mencari helikopter yang sesuai kebutuhan. Pengguna dapat mengisi formulir peminjaman sesuai dengan kebutuhan pelanggan dan akan ditampilkan Helikopter yang memenuhi kriteria yang diinginkan pengguna. Setelah mengisi formulir, Pengguna dapat langsung mengirimkan isi formulir booking tersebut. Pengguna juga dapat langsung mencari Nama helikopter yang dicari dengan cara memasukkan nama helikopter didalam kolom searchbar yang ada.

Search

Pada Halaman ini pengunjung mendapatkan hasil dari pencarian yang dilakukan dihalaman Booking Search, disini pengguna dapat memilih helikopter yang sesuai dengan kebutuhan yang ditawarkan PT Putar Putar. Halaman ini dilengkapi dengan gambar helikopter dan deskripsi singkatnya.

View Details

Halaman Detail per konten menampilkan penjelasan tentang konten yang di lihat oleh pengunjung. Sesuai dengan konten yang dilihat, halaman ini bisa menampilkan spesifikasi helikopter yang disewa hingga teknis penyewaan jasa yang tersedia

Featured Helicopter

Halaman ini berisikan helikopter-helikopter rekomendasi PT Putar Putar, menampilkan beragam helikopter beserta gambar, deskripsi dan spesifikasinya. User dapat mengklik gambar helicopter dan akan menuju halaman View Details dari Helikopter tersebut.

User Review

Halaman User Review menampilkan beragam ulasan dari para pengguna yang telah menggunakan jasa dari PT Putar Putar. Halaman ini terdiri atas gambar pengguna, nama, kota, dan ulasan, ditampilkan dalam bentuk kartu-kartu. Pelanggan yang sudah menggunakan jasa PT Putar-Putar dapat melakukan ulasan/review terhadap jasa kami dan akan ditampilkan pada halaman ini.

About Us

Halaman ini menampilkan deskripsi lengkap tentang PT Putar Putar mulai dari latar belakang, armada yang digunakan, hingga layanan jasa yang ditawarkan. Dilengkapi dengan gambar individu penting beserta deskripsinya.

TOS & PP

Terms of Service & Privacy Policy atau TOS & PP menampilkan syarat ketentuan layanan yang ditawarkan dan juga menampilkan kebijakan privasi yang ditawarkan oleh PT Putar Putar, berguna untuk meningkatkan kepercayaan dan kerja sama antara pengguna dan PT Putar Putar

Footer

Footer menampilkan informasi penting, navigasi website serta utility link untuk meningkatkan engagement kepada para pengunjung website. Setiap halaman pada website memiliki footer yang sama, sama seperti layaknya Navbar dimana Pengguna dapat mengaksesnya dengan mudah. Footer terletak di bagian paling bawah website

-Storyboard

Storyboard adalah salah satu cara alternatif untuk mensketsakan kalimat penuh sebagai alat perencanaan. Papan cerita menggabungkan alat bantu narasi dan visualisasi pada selembar kertas sehingga naskah dan visual terkoordinasi.

Pada pembuatan storyboard untuk Website PT Putar-Putar saya dan teman kelompok saya membuat Storyboard sebagai berikut

Scene 1:

Pengguna dan teman-temannya ingin merencanakan liburan dengan melihat pemandangan dari udara.

Scene 2:

Pengguna bingung untuk liburan menggunakan kendaraan apa.

Scene 3:

Pengguna mencari kendaraan yang cocok untuk dipakai liburan

Scene 4:

Pengguna memutuskan untuk menggunakan jasa penerbangan helikopter untuk liburan melihat pemandangan dari udara bersama teman-temannya.

Scene 5:

Pengguna menemukan jasa helikopter PT Putar-Putar dimana mereka mendengar bahwa mereka terpercaya dan memiliki service yang bagus.

Scene 6:

Pengguna langsung melihat website dan melihat helikopter-helikopter yang ada serta jadwal penerbangan yang sesuai.

Scene 7:

Setelah pengguna menemukan helikopter yang cocok, pengguna segera booking helikopter tersebut serta melihat jadwal penerbangannya.

Scene 8:

Pengguna mengisi form pemesanan untuk keberangkatan berlibur yang nantinya akan diterima oleh PT Putar-putar

Scene 9:

Setelah PT Putar-Putar menerima surat pemesanan, pengguna akan menerima Email dari PT Putar-Putar yang berisikan detail penerbangan.

Scene 10:

Pengguna dan teman-temannya pun dapat berlibur dengan menggunakan jasa penerbangan helikopter PT Putar-Putar.

Scene 11:

Pengguna yang puas pun memberikan pengalamannya kepada teman-temannya yang lain tentang kepuasan mereka menggunakan layanan penerbangan helikopter PT Putar-Putar dan juga menuliskan ulasan pada website.

Scene 12:

Semakin banyak ornag yang menggunakan Layanan Penerbangan Helikopter PT Putar-Putar dikarenakan layanannya yang bagus dan rmaah dan juga websitenya yang sangat user friendly.

Site Map

Sitemap adalah daftar halaman situs web dalam domain. Ada tiga jenis peta situs utama: Peta Situs digunakan selama perencanaan situs web oleh para perancangnya Cantuman yang terlihat manusia, biasanya hierarkis, dari laman di situs Daftar terstruktur yang ditujukan untuk perayap web seperti mesin telusur

Pada Website PT Putar-Putar, Site Map dapat dilihat pada gambar diatas, dimana dari halaman utama atau Home Page terdapat Navigation bar yang akan menuju ke halaman-halaman lainnya seperti About Us, TOS, PP, Contact, New Helicopter, Featured Helicopter dll, yang masing masing memiliki tombol/link yang menghubungkan ke halaman lainnya juga seperti halaman booking view details dan Review

-User Flow

User Flow adalah serangkaian tugas atau langkah yang perlu pengguna lalui dari awal hingga akhir untuk dapat menjalankan suatu fungsi atau fitur.

Pada Website PT Putar-Putar, User Flow nya dapat dilihat pada gambar diatas.

Berikut adalah penjelasan User Flow Pengguna untuk memesan Helikopter di Website PT Putar-Putar;

1. Start: User/Pengguna Membuka Website PT Putar-Putar.

2. Landing page: User tiba di halaman utama/home page website.

3. Navigasi Website: User Menavigasi website melalui Navigation Bar.

4. Opsi: Opsi merupakan user yang dimana bisa memilih salah satu dari beberapa cara untuk melakukan pemesanan.

5. Opsi 1: Pengguna Melihat Review/Ulasan dari pengguna lain tentang helikopter yang mereka pesan.

6. Opsi 2: Pengguna Melihat Helikopter-helikopter apa saja yang tersedia dan juga mencari sesuai kriteria

7. Opsi 3: Pengguna langsung memesan/booking helikopter dan mengisi form pemesanan

8. Setelah mengisi form pengguna dapat langsung mengirimkan form tersebut.

9. Setelah selesai menggunakan jasa penyewaan helikopter, pengguna memberikan ulasan terhadapa helikopter terkait.

10. Finish: Pengguna selesai menggunakan website PT Putar-Putar untuk melakukan penyewaan Helikopter.

-Dialogue Notation

Notasi Dialog adalah desain untuk menganalisis struktur dialog suatu website yang dibuat

Notasi Dialog untuk Website Putar-Putar Dapat dilihat pada gambar diatas.

Dimana website dapat dibagi menjadi dua bagian penting yaitu Booking dan juga Mencari Indformasi Seputar Helikopter yang tersedia. yang dimana Berkaitan untuk melakukan pemesanan helikopter pada website PT Putar-Putar.

-High Definition Website Design

Hasil Akhir Desain Website PT Putar-Putar, Seluruh Halaman Mulai Dari Halaman Utama Hingga Halaman Pemesanan dan Footer

Anggota Kelompok

Kelompok 6

• Muhammad Rizky Aulia 2209106067

• Ardhifa Firdaus 2209106088

• Reviansa Fakhruddin Aththar 2209106066

• Muhammad Nizam Belva 2209106081

• Victor Bandhaso 2209106063