BAB IV ANALISA REFERENSI KARYA Gambar 4.1 Referensi website Analisa mengenai website Cheese Cake Factory, website dengan bentuk Potrait memanjang kebawah sehingga semua icon/ produk bisa terlihat semua tanpa dibuat tertutup, ukuran web 1024 x 768. Analisa web Cheese cake factory dibagi berdasarkan elemen ditandai dengan point-point dari satu hingga sembilan.. 1. Header Bagian pada tampilan layout web yang berada paling atas berukuran kecil tidak terlalu besar namun biasanya berisi informasi mengenai pemesanan yang dilambangkan dengan button menu yang bertuliskan Try Order Online dengan bentuk kotak yang dikedua ujungnya menjorok kedalam seperti bentuk potongan tiket dengan warna coklat mengikuti warna turunan pada background web. 20

Gambar 4.2 Header Didalam header terdapat pula logo dari Cheese cake factory yang berukuran diemeter cukup besar yang berada tepat di kiri header sehingga logo cheese cake factory itu terlihat sangat jelas tidak terganggu oleh tulisan-tulisan lain atau menu-menu lain yang terdapat pada header sehingga terlihat point of interest dari website cheese cake factory dan pada samping logo terdapat tagline more than just a cake shop dengan tipe font Handwriting/ sambung miring dengan warna emas jadi menambah manis komposisi yang terdapat di header. Selain logo dan button menu order terdapat beberapa button yang berbentuk tulisan dari mengenai register atau pun menjadi member website Cheese cake factory, warna yang terdapat pada header warna coklat C : 65%, M : 69%, Y : 70%, K : 82% atau yang biasa dipakai warna dari turunan background web. 2. Logo Logo terdapat dikiri pada header berukuran cukup besar dengan bentuk logo yang bulat pipih yang terdapat lekukan pada ujung logo bagian atas yang menyerupai seperti lipatan kertas namun tidak terlalu besar bentuk lipatannya sehingga tidak menutupi logo type pada logo Cheese cake factory. Terdapat beberapa warna logo seperti Putih, hitam dan Kuning, C : 1%, M : 7%, Y : 17%, K : 0% warna putih terdapat pada warna dasar logo, warna hitam membentuk sebuah bentuk lingkaran yang berada mengelilingi logo type membuat komposisi logo terlihat rapi dan warna emas terdapat pada bunga yang terdapat pada dasar logo yang dibuat menjadi tipis dengan mengurangi opacity warna dari 100% menjadi 30% membuat logo ini terlihat modern dan minimalis. Gambar 4.3 Logo logo type cheese cake factory dengan huruf Roman yang cukup tegas dengan warna abu-abu pada tulisan Cheese, warna merah pada tulisan Cake dan waran emas 21

pada tulisan Factory membuat komposisi dan warna pada logo ini terlihat pas dan sempurna. Namun Image yang ada didalam logo berbentuk siluet bunga yang berukuran besar namun dibuat tipis sehingga tidak menggangu tulisan/ font dari logo Cheese Cake Factory. 3. Button menu Sebuah tanda kontrol yang tampil pada bagian atas web namun dibawah header dengan bentuk yang mirip dengan tombol persegi panjang dengan tulisan yang berada di tengahnya. Ketika pengguna menggerakkan kursor di atas sebuah button, maka button tersebut akan aktif, biasanya ditandai dengan perubahan warna, ukuran, atau bentuk button. Gambar 4.4 Button Navigation/ Menu Button ini berisi berbagai macam menu-menu pada web cheese cake factory dari Home, About us, Product, Stores, Contact us, dll. Warna button ini Coklat muda, C : 59%, M : 71%, Y : 62%, K : 63% dengan tulisan menggunakan huruf yang dipakai dalam button menu, huruf roman yang tegas namun terlihat elegan seperti Tahoma, Trojan Pro. 4. Banner Banner web adalah image yang terletak pada bawah setelah button menu yang biasanya berbentuk kotak yang berukuran cukup besar, banner biasanya berupa foto produk/ kue yang disajikan dengan visual yang menarik sehingga orang yang melihatnya tertarik ketika foto produk ditampilkan kedalam ukuran banner yang besar yang disajikan pada home page web. Gambar 4.5 Banner Image foto produk kue dari Cheese Cake Factory yang berukuran besar dan high resolution yang kemudian di atur dengan ukuran 728x512 pixel sehingga image pada 22

banner terlihat besar namun elegan dengan dipadukan sebuah tulisan/ font yang berada di sebelah kanan atas dengan menggunakan huruf yang tipis namun terlihat tegas sehingga terlihat kesan minimalis pada banner, font yang dipakai seperti : Neou. Kombinasi yang sangat menarik antara foto produk dengan sebuah tulisan/ font membuat komposisi banner ini terlihat padat dan bagus. 5. Background Gambar / Warna yang ada pada mendukung komposisi sebuah halaman web. setingan layout halaman web yang fungsinya untuk penempatan dan pengaturan button, banner, teks, gambar pada Background pada web biasanya hanya berwarna atau berbentuk pattern yang berulang seperti garis-garis/ bunga yang terlihat tipis namun berada pada dasar layout pada web. Gambar 4.6 Background Background pada web ini berbentuk kotak potrait memanjang kebawah dengan ukuran 1080x768 dengan warna coklat C : 51%, M : 58%, Y : 74%, K : 41% namun diberi sentuhan pattern seperti bahan dasar pakaian yang berserat membuat background ini terlihat eyeketching dengan perpaduan warna yang menarik. 6. Button Sebuah tanda kontrol yang tampil pada bagian web yang biasanya berbentuk sesuatu/ tulisan yang bisa kita gerakkan kursor dengan hanya mengklik sebuah icon/ bentuk yang biasanya ditandai dengan perubahan warna, ukuran, atau bentuk ini disebut button. Button yang terdapat di web ini memiliki bentuk yang unik dengan berbentuk kotak namun terdapat lekukan pada kedua ujung sisinya memberikan kesan unik dan modern, button ini hanya ditempatkan pada bagian tertentu p ada web seperti disamping image produk. Gambar 4.7 Button 23

Button ini berwarna coklat mengikuti warna turunan pada background web Coklat, C : 66%, M : 67%, Y : 70%, K : 83%. didalam button ini terdapat tulisan/ font mengenai nama masing-masing button dengan menggunakan font penggabungan antara Handwriting & Roman, biar terlihat klasik dengan font yang ditimbulkan dari jenis font Handwriting atau berbentuk huruf sambung dengan warna emas menimbulkan kesan klasik dan modern pada tampilan button ini. Button ini menampilkan berbagai macam memnu untuk mempermudahkan konsumen./ pelanggan dalam melihat semua produk dengan hanya sebuah sentuhan/ klik pada button sehingga masuk kedalam sebuah halaman yang berisi produk dari cheese cake factory. 7. Image Produk Image berupa foto produk berukuran kecil dengan diameter 20x30 pixel yang ada pada tampilan home page web dengan disusun berdasarkan jenis produk yang ada di Cheese Cake Factory, foto produk ini sengaja dibuat dan disusun agar mempermudah calon konsumen utnuk melihat langsung produk dari cheese cake factory. Image produk ini biasanya menggunakan gambar yang high resolutions sehingga ketika kita klik gambar yang berukuran kecil ini akan membesar dan akan jelas bentuk dari foto produknya. Gambar 4.8 Image Produk Pada Image produk ini terdapat sebuah kotak yang menjadi dasar foto produk dengan bentuk kotak persegi dengan warna abu-abu tua, C : 58%, M : 65%, Y : 71%, K : 63% warna yang dipilih mengikuti warna turunan sehingga terlihat serasi dengan warna background. Maksud ditampilkannya image produk ini memberikan kemudahan bagi para konsumen untuk memilih langsung produk yang akan dibeli dengan hanya melakukan sentuhan pada image produk. 24

8. Footer Bagian pada halaman page yang ditempatkan pada bagian paling bawah halaman biasanya diisi dengan tampilan yang selalu sama pada setiap halaman, yang berisi informasi tentang nama perusahaan, profil perusahaan dan cara pemesanan, dll. Footer ini menjadi pendukung pastinya komposisi yang dibuat pada setiap halaman dengan desain/ bentuk footer yang unik dan beraneka ragam baik footer itu hanya berisi tulisan/ icon 3d yang sengaja dibuat untuk menjadi daya tarik konsumen yang melihatnya. Gambar 4.9 Footer Footer yang terdapat pada web ini memiliki beberapa image di bagian footer ini seperti icon-icon 3d berbentuk logo bank yang fungsinya untuk mempermudah dalam pemesanan dan icon itu dibuat aktif ketika kita klik akan masuk kedalam aplikasi di dalamnya seperti button. Footer ini menggunakan warna turunan sehingga ambientnya akan terlihat sama dengan footer : C : 58%, M : 64%, Y : 71%, K : 61%, footer yang dibuat ini memiliki kesan yang klasik namun modern dengan dipadukan sebuah type/font penggabungan antara Handwriting & Roman, font yang terdapat pada button kecil menggunakan font Handwriting biar terlihat klasik dengan font huruf sambung, jenis font Handwriting seperti Edwardian Script dan Font Roman yang dipakai disini mempertegas fungsi button yang berada di bawah button, font Roman ini seperti : Trojan pro. Penggabungan dua font ini akan memberikan kesan yang berbeda yang satu memberikan kesan klasik dan yang satunya lagi memberikan kesan modern, tetapi didalam footer itu pun terdapat beberapa fitur yang diselipkan kedalam button yang fungsinya beraneka macam dari pembelian melalui kartu kredit, mendownload dari web ini, dll 25

9. ORISINALITAS Image Karya Referensi Uraian Penjelasan Karena THE HARVEST salah satu toko kue yang cukup besar dan terkenal sehingga web dari the harvest ini sangat terlihat bagus, dengan konsep simple namun terlihat mewah dengan tata letak yang teratur mulai dari sub menu web, logo yang berada ditengah, foto produk yang berbentuk slide bisa di klik pada bagian button < atau >, isi content yang cukup lengkap dan dengan pemilihan warna hitam dan emas membuat tampilan web the harvest terkesan mewah. Karena Cheese Cake Factory ini salah satu toko kue & pastry yang cukup terkenal di Indonesia dan sudah memiliki banyak cabang di kota kota besar lain. website dari cheese cake factory ini memiliki tampilan yang sangat bagus mulai dari penataan letaknya logo cheese cake factoy berada di sebelah kiri atas dengan ukuran yang cukup besar sehingga biar konsumen dapat melihat dengan jelas, sub menu yang terdapat pada header, pada tampilan home foto produk yang dibuat slide berukuran cukup besar memberikan ciri khas sendiri pada website cheese cake factory. Penataan foto produk beserta informasinya yang dibuat agak kecil sehingga terlihat jelas semua katalog produk dari toko kue cheese cake factory dan warna yang coklat yang dipakai dalam tampilan web ini memberikan kesan mewah dan minimalis Tabel 4.1 Orisinalitas 10. KESIMPULAN Dari kedua referensi web masing masing memiliki perbedaan masing masing dari tampilan layout web, ukuran web dan isi content. Dari kedua web ini sengaja dibuat semenarik mungkin agar bisa menjadi daya tarik yang cukup bagus untuk calon konsumen, dengan menempatkan foto produk sebagai banner pada tampilan awal home page. Setiap masing-masing web memiliki keunggulan masing-masing tidak hanya dari tampilan tetapi promosi yang dilakukan melalui media web jauh lebih membuat konsumen tertarik. Dari kedua web ini saya lebih memilih web Cheese Cake Factory karena dari tampilan yang 26

cukup menarik dengan warna coklat dan memanjang kebawah yang langsung menampilkan image kue dan data mengenai kue tersebut, dengan ukuran layout 1024 x 768 memberi kepuasan terhadap konsumen dalam memilih produk dengan langsung image kue yang ada di tampilan home. 27