25 BAB 5 HASIL DAN PEMBAHASAN DESAIN 5.1

BAB 5
HASIL DAN PEMBAHASAN DESAIN
5.1 Item Utama
Berikut tampilan home page yang sudah dirancang ulang :
Gambar 6. Hasil redesain Home page Website Optik Melawai.
25
26
Karena tujuan utama dalam meredesain website Optik Melawai adalah untuk
memberikan kenyamanan saat menggunakan website mereka, berbanding sama
dengan kenyamanan yang kita dapat saat berada langsung di gerai Optik Melawai
tersebut.
Maka dari itu dalam meredesain banyak digunakan ikon – ikon agar memudahkan
pemahaman tentang apa yang akan para pengguna tuju, dan lebih memperjelas lagi
tujuan utama yang bisa di dapat saat memasuki website ini.
Berikut merupakan contoh penggunaan ikon pada website Optik Melawai :
Gambar 7. Penggunaan Ikon pada website Optik Melawai
Ada 3 warna utama yang digunakan dalam website baru ini, yaitu warna merah,
putih, dan abu-abu. Warna yang digunakan merupakan warna dominan yang ada
pada logo Optik Melawai. Warna putih ditampilkan lebih dominan demi kenyamanan
mata saat melihat layar dan putih merupakan warna yang biasa digunakan sebagai
lambang kesehatan dan steril.
27
Fitur Collection yang berisikan produk yang disediakan oleh Optik Melawai
merupakan tampilan yang paling mendominasi di karenakan fitur tersebut merupakan
tujuan utama dari para pengguna website, dan juga mulai menunjukkan keberadaan
fiturTry On yang sebelumnya tidak disadari keberadaannya. Fitur Try On juga
merupakan fitur pendukung yang dapat memberikan nilai lebih kepada website Optik
Melawai selain dari kemudahan dalam menggunakan website ini.
Berikut contoh halaman Collection :
Gambar 8. Hasil Redesain Halaman Collection
Pada halaman collection pemilihan kategori produk yang akan di tampilkan dapat
dilakukan dengan memilih secara langsung fitur produk seperti apa yang di inginkan.
28
Dengan menggunakan desain ikon- ikon seperti diatas, sehingga pengguna dapat
dengan mudah mengganti kategori yang dinginkan tanpa perlu terlalu banyak
kembali kelangkah awal.
Berikut contoh halaman Preview :
Gambar 9. Hasil Redesain Halaman Preview pada Website Optik Melawai.
Halaman preview merupakan halaman yang muncul setelah memilih produk yang
tersedia pada halaman sebelumnya yaitu halaman Collection.
29
Berikut contoh halaman Try On pada website Optik Melawai :
Gambar 10. Hasil Redesain Halaman Try On pada Website Optik Melawai.
Halaman try on berfungsi sebagai aplikasi interaktif yang dapat digunakan untuk
mencoba frame kacamata secara maya. Fitur kategori dan item didesain dengan
maksud agar pengguna dapat lansung mengerti cara menggunakannya.
Halaman About Us yang berfungsi sebagai halaman informasi tentang Optik
Melawai didesain dengan tujuan agar pengguna dapatsecara langsung membaca alu
rinformasi yang tersedia pada halaman tersebut.
30
Berikut contoh halaman About Us :
Gambar 11. Hasil Redesain Halaman About Us pada Website Optik Melawai.
31
Website Optik Melawai juga
didesain dalam bentuk mobile, mengingat
perkembangan teknologi saat ini, dimana hampir setiap orang menggunakan media
online secara mobile.
Berikut tampilan homepage mobile Optik Melawai :
Gambar 12. Homepage Tablet Website Optik Melawai.
32
Gambar 13. Homepage Mobile Website Optik Melawai.
33
Selain daripada segi tampilan, salah satu perancangan utama yang saya lakukan juga
adalah menyusun navigasi yang baru dari website Optik Melawai, sitemap baru yang
sudah dirancang adalah sebagai berikut :
Gambar 14. Sitemap baru website Optik Melawai.
5.2 Item Pendukung
Item pendukung pada tugas akhir ini ditujukan untuk mempromosikan website Optik
Melawai agar mulai dikunjungi kembali dan mulai berfungsi kembali. Diharapkan
website ini dapat mewujudkan keinginan pelanggan Optik Melawai untuk merasakan
kenyamanan yang sama seperti saat berada di gerai Optik Melawai secara langsung.
34
Isi dari item pendukung ini merupakan promo yang disediakan oleh Optik Melawai
jika kita melakukan pembelian secara online. Promosi yang diberikan didesain
kedalam bentukhome banner yang berada didalam website Optik Melawai. Home
banner ini juga menjadi salah satu identitas dari website Optik Melawai.
Iklan majalah dipilih karena target market dari Optik Melawai dengan rata-rata usia
yang masih sering menikmati membaca majalah, dan juga majalah merupakan media
yang dapat dinikmati oleh berbagai kalangan usia.
Gambar15. Iklan Majalah Website Optik Melawai.
Sticker yang akan digunakan untuk promosi secara tidak langsung juga merupakan
salah satu item pendukung utama dalam mempromosikan website Optik Melawai ini,
dengan adanya sticker berbentuk kacamata asli dan ditempelkan kecermin, sehingga
para pengguna cermin menjadi tertarik untuk mecoba mencocokkan bentuk kacamata
35
yang ada dengan wajahnya. Sticker ini di tampilkan seperti preview collection dalam
website dan di gabungkan dengan fitur try on yang di keluarkan menjadi nyata.
Berikut contoh sticker untuk mempromosikan website Optik Melawai :
Dan
Gambar 16. Sticker Promosi Website Optik Melawai.
Website
banner
juga
dapat
digunakan
sebagai
item
pendukung
untuk
mempromosikan website Optik Melawai, karena pada masa sekarang ini sudah
banyak sekali orang yang menggunakan jasa internet sebagai tempat mencari
36
informasi, dan target yang dituju oleh Optik Melawai sendiri merupakan kalangan
yang memperhatikan perkembangan zaman dan menggunakan internet dalam
kesehariannya.
Berikut contoh website banner dari website Optik Melawai :
Gambar 17. Website banner Optik Melawai.
37
Selain item pendukung di atas ada juga beberapa item pendukung yang di letakkan di
gerai Optik Melawai dan digunakan langsung oleh pegawai dari Optik Melawai,
seperti :
Pin yang digunakan pegawai Optik Melawai :
Gambar 18. Pin Website Optik Melawai.
38
Poster yang di letakkan di gerai Optik Melawai :
Gambar 19. Poster Promo Website Optik Melawai.
Billboard yang akan digunakan sebagai media poromosi website Optik Melawai :
Gambar20. Billboard Promo Website Optik Melawai.