BAB IV DESKRIPSI PEKERJAAN
4.6 Desain Website Setelah Perbaikan
Setelah desain website tersebut sudah diadakan perbaikan, maka berikut ini adalah hasil dari desain yang sudah diperbaiki dan re-design sesuai arahan dari Kepala Cabang CV. Sinar Baru Pamekasan yaitu sebagai berikut :
4.6.1 Tampilan Pembuka ( Setelah Perbaikan )
Gambar 4. 13 Tampilan Pembuka ( Setelah Perbaikan )
Dari Gambar 4.13 telah menampilkan desain Tampilan Pembuka ketika pengguna sudah memasuki website tersebut. Desain tersebut merupakan bentuk hasil dari arahan dan sesuai yang diingkan oleh Kepala Cabang CV. Sinar Baru Pamekasan dimulai dari tekstur warna vektor dari belakang diberikan warna merah dan kuning yang menjadi jingga, yang menandakan bahwa warna tersebut adalah ciri khas dari CV. Sinar Baru Pamekasan. Di dalam website pembuka tersebut adanya gambar motor yang melambangkan bahwa motor tersebut telah terjual banyak di dalam CV. Sinar Baru Pamekasan sebagai bentuk promosi. Adanya juga tulisan motto “ Melayani Dengan Sepenuh Hati “ sesuai dengan desain yang lama, tetapi diperbesar sehingga pengguna yang melihat mulai tertarik dan mengakses
29
Dalam Gambar 4.13 tersebut tedapat juga ada kontak, lokasi perusahaan, kontak khusus Whatsapp yang bisa dihubungi jika ada pertanyaan mengenai produk Honda yang sedang dicari oleh pengguna. Berbeda dengan sebelumnya bahwa semua informasi kontak dimasukkan ke dalam satu gambar beserta logo, namun disini dibuat secara terpisah agar pengguna merasa nyaman melihat informasi tersebut dan merasa tidak terlalu banyak dalam satu gambar tersebut.
Gambar 4. 14 Tampilan Pop Up Ajukan Pertanyaan
Dalam Gambar 4.14 tampilan utama tersebut terdapat “Ajukan
Pertanyaan“ untuk para pengguna yang ingin bertanya mengenai barang dan juga
promosi yang ada. Jika tombol tersebut di klik maka akan muncul tampilan berbentuk pop-up dan ada beberapa yang harus diisi oleh pengguna seperti nama lengkap, email, nomor telepon maupun pertanyaan yang ingin diajukan oleh perusahaan CV. Sinar Baru Pamekasan. Pertanyaan tersebut nantinya akan masuk ke dalam email perusahaan dan akan dibalas di email masing – masing dari pengguna yang sudah bertanya tersebut.
30
4.6.2 Tampilan Info Terbaru ( Setelah Perbaikan )
Gambar 4. 15 Tampilan Info Terbaru ( Setelah Perbaikan )
Dalam Gambar 4.15 ini menampilkan tampilan Melihat Info Terbaru setelah melakukan perbaikan sesuai apa yang diinginkan oleh Kepala Cabang. Dari Info terbaru tersebut terlihat berbagai macam promosi dan juga iklan yang ditampilkan untuk menarik perhatian para pengguna yang telah mengunjungi website tersebut, dan jika dibandingkan dengan tampilan Info terbaru sebelumnya yang memperlihatkan tampilan yang sama namun kurang dengan desain yang memukau maka ditambahkan warna yang lebih konsisten dengan memberikan warna
background kelabu, dan ditambahkan ada sedikit caption di bawah gambarnya
untuk menarik perhatian para pengguna yang ingin membaca lebih lengkap caption yang ada di bawah gambar tersebut.
31
Gambar 4. 16 Tampilan Lengkap Info Terbaru
Dalam Gambar 4.16 telah menjelaskan ketika pengguna ingin melihat info terbaru secara lengkap maka pengguna tinggal klik gambar tersebut maka otomatis informasi lengkapnya akan muncul dengan New Tab pada browser dan muncul promosi lebih lengkap beserta dengan salam untuk para pengunjung yang sudah mengunjungi website tersebut.
32
4.6.3 Tampilan Menulis Ulasan ( Setelah Perbaikan )
Gambar 4. 17 Tampilan Menulis Ulasan ( Setelah Perbaikan )
Dari Gambar 4.17 telah menampilkan dari tampilan baru menulis ulasan yang sudah dilakukan perbaikan dengan menambahkan warna dan juga ada penambahan fitur dibagian card dari masing – masing pengguna yang sudah memberikan ulasannya. Dalam website ini, pengguna bisa memberikan rating kepada perusahaan CV. Sinar Baru Pamekasan bagaimana kepuasan para pengguna. Di bawah juga ada tombol “ Tulis Ulasan “ untuk para pengguna bisa menulis ulasan baik dari segi positif maupun negatif terhadap perusahaan tersebut.
33
Gambar 4. 18 Tampilan Pop Up Menulis Ulasan
Dalam Gambar 4.18 menjelaskan bahwa ketika pengguna sudah klik tombol tersebut, maka akan muncul pop-up untuk mengisi ulasan dan kritikan yang ingin disampaikan mengenai pelayanan dari CV. Sinar Baru Pamekasan tersebut. Terdapat ada dua input text yang harus diisi oleh pengguna ketika ingin menyampaikan ulasannya dan wajib memberikan rating untuk perusahaan agar CV. Sinar Baru Pamekasan bisa mengevaluasi kinerja mereka dan bisa memperbaikinya lebih baik lagi.
34
4.6.4 Tampilan Galeri ( Setelah Perbaikan )
Gambar 4. 19 Tampilan Galeri ( Setelah Perbaikan )
Dalam Gambar 4.19 ini menjelaskan tentang desain user interface galeri yang sudah diperbaiki menjadi lebih enak dipandang oleh mata. Dalam desain tersebut terdapat berbagai macam kumpulan gambar – gambar mengenai semua identitas perusahaan dan juga kegiatan karyawan yang ada di dalam CV. Sinar Baru Pamekasan. Dan beberapa yang lain juga ada gambar produk dari Honda yang telah disediakan untuk dipromosikan.
35
4.6.5 Tampilan Tentang Kami ( Setelah Perbaikan )
Gambar 4. 20 Tampilan Tentang Kami ( Setelah Perbaikan )
Dalam Gambar 4.20 menjelaskan mengenai tampilan Tentang Kami atau disebut dengan About Us. Dalam desain tersebut telah diperbaharui mengenai beberapa kata – kata yang menjadi baku dimulai dari paragraf pertama hingga paragraf akhir dari penjelasan mengenai Tentang Kami. Dalam fitur ini, pengguna dapat mengerti mengenai profil perusahaan CV. Sinar Baru Pamekasan dan apa tujuan dari perusahaan tersebut. Juga dalam fitur tersebut ada nomor kontak dari Kepala Cabang hingga bagian AHASS yang merupakan bagian yang mengurus berbagai macam dari spare part yang ada dalam merk Honda.
36
4.6.6 Tampilan Hubungi Kami ( Setelah Perbaikan )
Gambar 4. 21 Tampilan Hubungi Kami ( Setelah Perbaikan )
Dalam Gambar 4.21 menjelaskan tentang Hubungi Kami yaitu sebuah fitur yang menjelaskan terkait kontak untuk pembelian, alamat dari perusahaan tersebut dan jam operasional dari perusahaan tersebut untuk para pengguna. Tidak hanya itu saja, diatasnya terdapat sebuah peta yang dihubungkan langsung dengan link dari
Google Maps yang sudah berlokasi pada perusahaan CV. Sinar Baru Pamekasan.
Jika lokasi perusahaan tersebut ditekan, maka akan memunculkan New Tab pada
browser yang dimana itu akan langsung menunjukkan letak lokasi dari perusahaan
37