BAB 5 HASIL DAN PEMBAHASAN 5.1 Logo Logo dari Yakoya diubah karena logo merupakan elemen pendukung yang dapat digunakan dan diubah sebagai landasan tema dan karakteristik produk sesuai dengan konsep desain situs. Berikut adalah logo dari Yakoya Shabu-Shabu Restaurant. Logo ini memakai elemen seigai ha di kedua sisi logogramnya yang berarti keuntungan yang seimbang bagi restoran tersebut. Menggunakan typeface Modeka dan Gotham Rounded Light. Logo ini dapat digunakan secara vertical maupun horizontal. Gb 5.1 Logo Baru Yakoya 5.2 Grid Website ini memakai sistem grid yang terbagi dalam 24 kolom. Gb 5.2 Grid Layout pada Website 5.3 Warna Warna utama yang dipakai dalam website ini mencerminkan authenticity Jepang, serius namun menyenangkan. 29
30 Gb 5.3 Warna Utama Penjelasan warna dari kiri ke kanan: a. #FFFFFF(putih) b. #DC3227(merah) c. #000000(hitam) d. FFCC33 (kuning) 5.4 Font/Typeface Font yang digunakan terdiri dari dua kategori, yaitu : a. Website: Gb 5.4 Font Gotham Bold Gotham Bold, digunakan sebagai font pada seluruh website. Dipilih karena tingkat keterbacaannya yang baik.
31 Gb 5.5 Font MS ゴシック MS ゴシック, digunakan sebagai font kanji dan Hiragana Jepang pada seluruh website, dengan satu ketebalan saja. Dipilih karena tingkat keterbacaannya yang baik dan terlihat modern. b. Logo: Gb 5.6 Font Modeka Modeka, sebagai font yang digunakan untuk logotype "Yakoya".
32 Gb 5.7 Font Gotham Rounded Light Gotham Rounded Light, sebagai font yang digunakan untuk logotype "Shabu-Shabu Restaurant". 5.5 Interface Versi Desktop 5.5.1 Halaman Depan (1380x768 Px, Relative Width) Halaman depan situs ini mengambil tema meja Yakoya yang interaktif, dalam halaman ini terdapat tiap utensil makan untuk shabu-shabu yang merupakan tombol untuk ke halaman lain dan diberi instruksi di sisi bawah kirinya. Logo dibuat sejelas mungkin. Ada juga 4 tombol untuk ke media sosial yang sudah digunakan Yakoya. Gb 5.8 Halaman Depan Sebelum
33 Gb 5.9 Halaman Depan Sesudah 5.5.2 Halaman Tentang Halaman pengenalan tentang apa itu Yakoya. Gb 5.10 Halaman Tentang 5.5.3 Halaman Karir Halaman ini berisi tentang informasi lowongan yang ada di Yakoya. Jika tidak ada, pengguna dapat meninggalkan e-mail untuk diberi kabar lowongan.
34 Gb 5.11 Halaman Karir 5.5.4 Halaman Makanan dan Minuman Pada halaman ini terdapat tombol-tombol untuk pilihan jenis makanan dibagi sesuai dengan menu pada restorannya, terdapat scroll area untuk foto dengan penjelasannya. Untuk penjelasan, dapat memilih bahasa yang diinginkan dari bendera yang ada di kiri. Tersedia pula fitur pengenalan jenis-jenis daging dan cara memasak shabu-shabu jika keterangan pada kotak kuning di klik. Gb 5.12 Halaman Makanan dan Minuman
35 5.5.5 Halaman Lokasi Pada halaman ini terdapat tombol peta yang interaktif yang setelah dipilih akan muncul keterangan restoran di lokasi tersebut di bawah lengkap dengan nomor telepon, alamat, rating yang terhubung dengan rating di halaman Facebooknya, serta jam buka dan tutupnya. Terdapat juga foto restorannya di sebelah kanan. Ada juga tombol navigasi untuk membuka Google Maps untuk melihat arah jalannya dan tombol lainnya untuk langsung reservasi untuk lokasi yang dipilih. Gb 5.13 Halaman Lokasi Sebelum Gb 5.14 Halaman Lokasi Setelah
36 5.5.6 Halaman Reservasi Salah satu fitur baru yang terdapat dari pembuatan situs ini adalah fitur reservasi restoran secara online. Dibagian bawah halaman ini juga ada slideshow promopromo yang sedang berjalan pada lokasi yang dipilih. Jika pengguna datang dari halaman lokasi, maka lokasi akan langsung terpilih secara otomatis. Setelah pengguna mengisi data reservasi dan mengklik tombol submit, pengguna akan dihubungi oleh resepsionis restoran untuk konfirmasi ulang. Gb 5.15 Halaman Reservasi Gb 5.16 Halaman Konfirmasi
37 5.6 Interface Versi Mobile (600x840 Px, Relative Height) Gb 5.17 Halaman Interface Tablet
38 5.7 Placemat (A3) Placemat untuk restoran berisi promosi melalui QR code yang akan terhubung pada halaman Facebooknya. Promosi ini bertujuan agar halaman Facebooknya dapat di share kepada banyak orang agar orang lain dapat melihat banner halaman Facebooknya dan tertarik untuk mencoba fitur reservasi yang ada pada situs Yakoya. Gb 5.18 Placemat 5.8 X-Banner (60x160 cm) X-Banner akan diletakkan didepan gerai Yakoya dengan tujuan untuk menarik khalayak yang sedang lewat. Promo yang ditaruh sama seperti promo pada placemat.
39 Gb 5.19 Mockup X-Banner 5.9 Billboard (2x6 m) Billboard akan dipasang di jalan-jalan utama dekat dengan lokasi-lokasi Yakoya. Gb 5.20 Mockup Billboard
40 5.10 Online Banner Ad Online banner ad akan ditaruh pada halaman-halaman yang sering dikunjungi secara online oleh orang Indonesia, terutama pada situs tentang makanan. Banner berupa slideshow yang terdiri dari tiga frame. Isinya merajuk pada promo reservasi online pada situs baru Yakoya. Banner ini akan ada 3 jenis bahasa (Jepang, Inggris, dan Indonesia) tergantung pilihan bahasa pada situs Yahoo. Gb 5.21 Mockup Ad Inggris pada Situs Yahoo 5.11 Banner Media Sosial Banner media sosial dibuat agar orang-orang yang mengakses halaman Facebook atau Twitternya dapat melihat promo reservasi pada website yang sedang berjalan.
41 Gb 5.22 Banner pada Facebook Yakoya Gb 5.23 Banner pada Twitter Yakoya 5.12 Booklet (15x15 Cm) Booklet dibuat dengan tujuan sebagai petunjuk penggunaan logo dan supergraphicnya, di dalamnya juga terdapat CD dengan file-file yang akan digunakan. Tersedia dalam bahasa Inggris dan Jepang.
42 Gb 5.24 Booklet Brand Guidelines 5.13 Coaster (7.5 cm) Coaster adalah tatakan gelas yang desainnya mengikuti placematnya. Gb 5.25 Coaster Yakoya 5.14 Menu Restoran Perancangan ulang juga dilakukan kepada menu yang ada di restoran karena menu ini dapat di download dalam bentuk PDF pada situs bagian Foods & Beverages, sehingga tampilannya harus juga diubah agar lebih selaras.
43 Gb 5.26 M e n u R e s t o r a n