BAB 4 PERANCANGAN APLIKASI E-MARKETING
4.1 Merangkai Interface Konsumen Teknologi internet telah mengubah cara konsumen berinteraksi dengan perusahaan. Pertemuan tatap muka dalam lingkungan tradisional telah digantikan dengan interaksi menggunakan layar komputer. Terdapat beberapa aturan desain untuk menciptakan customer interface sebuah website sehingga menjadi sukses. Interface atau tatap muka konsumen dengan website perusahaan adalah suatu representasi virtual dari nilai yang ingin disampaikan oleh perusahaan. Aturan itu tertuang dalam 7C : 4.1.1 Context Context dari sebuah situs memperlihatkan estetik dan fungsional yang dapat ditangkap secara visual. Context berfokus mengenai bagaimana kita mendesain sebuah website. Desain situs Rosella Autodesign memperlihatkan bahwa kedua hal itu dapat diimplementasikan dengan navigasi yang terstruktur. 4.1.1.1 Function 3 faktor utama yang mempengaruhi tampilan situs Rosella Autodesign yakni : -
Section breakdown Situs Rosella Autodesign memiliki menu-menu utama antara lain : menu Home, Product, Promo, Forum, Modification, News&Event, Profile, FAQ, Contact Us, dan menu Admin. 74
75 Menu Product dibagi lagi menjadi beberapa submenu antara lain; submenu Parts, CBU, Paket. Menu News & Event dibagi menjadi submenu News, dan Event. Menu Profile dibagi menjadi submenu Portfolio, dan Testimonial. Menu Contact Us dibagi menjadi submenu Tell a Friend, dan Site Map. -
Linking structure Pada halaman profile, terdapat link ke situs pemasok dari Rosella Autodesign seperti : http://hks-power.co.jp
-
Navigation tools Navigation tools pada situs Rosella Autodesign tampak di :
Di bagian header
Halaman site map
4.1.1.2 Aesthetic Warna latar belakang situs Rosella Autodesign adalah warna hitam sebagai warna dominan dengan perpaduan warna merah, dan putih karena ini berhubungan dengan logo Rosella Autodesign yang terdiri dari warna hitam, putih dan merah. Selain berhubungan dengan logo Rosella Autodesign, warna hitam juga sangat kental dengan kesan otomotif. Warna tulisan pada situs Rosella Autodesign adalah warna putih. Kami memilih warna putih sebagai warna tulisan yang dominan dengan tujuan agar tulisannya mudah terbaca dengan perpaduan warna hitam sebagai warna dasar yang dominan.
76 Jenis tulisan yang digunakan pada situs Rosella Autodesign antara lain :
Jenis tulisan untuk menu utama menggunakan Times New Roman
Jenis tulisan yang dominan situs Rosella Autodesign : Verdana, Arial, Times New Roman, Sans-serif. Kami memilih jenis tulisan Verdana, Arial, Times New
Roman, Sans-serif karena mudah dibaca, jelas, memiliki bentuk yang sederhana dengan ukuran tulisan yang tidak terlalu kecil.
77
HKS
=====Lambang Logo======= customizati
Welcome, abcd (Logout) HOME
Product
Promo
Forum
Modification
News & Events
Parts
contex
CBU
User Online : x Profile Portfolio
Tell a Friend
Event
Testimonial
Site Map
Advance search
BERITA TERBARU
Readmore
gambar
gambar
Tgl : xxx Promo1 Readmore
Readmore
gambar
Tgl : xxx Promo1 Readmore
gambar
Tgl : xxx Promo1
gambar
gambar
TOP PRODUCT
gambar Jenis- nama parts Merk- type mobil
gambar Jenis- nama parts Merk- type mobil
Tgl : xxx Event 1 Readmore
Readmore
View all promo
Tgl : xxx News 2
Tgl : xxx News 3
EVENT TERBARU
PROMO TERBARU
Readmore
gambar
search
Product
connecti
Tgl : xxx News1
Contact Us
News
Paket
gambar
FAQ
Tgl : xxx Event 2 Readmore
gambar
gambar
Jenis- nama parts Merk- type mobil
Tgl : xxx Event 3 Readmore
View all event
View all news
gambar Jenis- nama parts Merk- type mobil
gambar Jenis- nama parts Merk- type mobil
gambar Jenis- nama parts Merk- type mobil
CBU TERBARU conte
Gambar
Merk mobil - type mobil
Gambar
Merk mobil - type mobil
Customer Service
communicati
communit
Do you like this website? TELL A FRIEND
COPYRIGHT Rosella Autodesign 2007
Gambar 4.1 Rancangan layar Home (member)
78 4.1.2 Content Dimensi content dari situs Rosella Autodesign antara lain : 1. Offering mix Halaman dari situs Rosella Autodesign yang menawarkan informasi atau pelayanan yang diberikan dari perusahaan tampak pada rancangan layar home, contact us, FAQ, profile, portfolio, compare parts, dan compare CBU. 2. Appeal mix -
Cognitive appeal Cognitive appeal dapat dilihat di rancangan layar promo, advance search, compare CBU
-
Emotional appeal Emotional appeal pada situs Rosella Autodesign tampak pada rancangan layar news & event.
3. Multimedia mix Situs Rosella Autodesign menyediakan dua macam multimedia mix utama, yakni berupa teks dan image yang terdapat pada semua rancangan layar situs Rosella Autodesign. 4. Content type Di situs Rosella Autodesign terdapat beberapa fitur yang harus diupdate yang tampak pada rancangan layar home, news, event, promo.
79
=====Lambang Logo=======
HKS
custumize
Welcome, abcd HOME
Product
Promo
Forum Modification
News & Events
Profile &Portfolio
FAQ
Contact Us search
Product
conte
Advance search
Company Profile Berisi profil perusahaan, seperti lokasi, visi misi, tahun berdirinya, fasilitas yang dimiliki, dll.
conte
Customer Service
communit
communicat
Do you like this website? TELL A FRIEND
COPYRIGHT Rosella Autodesign 2007
Gambar 4.2 Rancangan layar Profile 4.1.3 Community Dimensi komunitas pada situs Rosella Autodesign tampak pada rancangan layar Tell a Friend, Forum, dan testimonial.
80
=====Lambang Logo=======
HKS
customizati
Welcome, abcd HOME
Product
Promo
Forum Modification
News & Events
Profile &Portfolio
FAQ
Contact Us search
Product
conte
Advance search
Tell Your Friend 1. Full name : 2. Full name : 3. Full name : 4. Full name :
Email Address : Email Address : Email Address : Email Address : Clear
Submit communit
Customer Service
communicat
Do you like this website? TELL A FRIEND
COPYRIGHT Rosella Autodesign 2007
Gambar 4.3 Rancangan layar Tell a Friend 4.1.4 Customization Customization pada situs Rosella Autodesign tampak pada rancangan layar home, isi dari news dan event serta promo berdasarkan segmen user yang sudah login. Dan tampak pada rancangan layar advance product.
81
=====Lambang Logo=======
HKS Welcome, abcd (Logout) HOME
Product
Promo
customizati Forum Modification
News & Events
Profile
FAQ
Contact Us search
Product
conte
Advance search
Advance Search CBU Merk Mobil : Jenis Mobil : Kapasitas Mesin :
Mitsubishi Sedan CC
Search Parts Jenis Parts Merk Mobil Type Mobil
: : :
Electronics Subaru All
Search
communit
Customer Service
communicat
Do you like this website? TELL A FRIEND
COPYRIGHT Rosella Autodesign 2007
Gambar 4.4 Rancangan layar Advance Product 4.1.5 Communication Pada situs Rosella Autodesign digunakan dua macam jenis komunikasi, yakni komunikasi satu arah (broadcast) dan komunikasi dua arah (interactive). Komunikasi satu arah dilakukan dalam bentuk pengumuman atau pemberitahuan, seperti yang tampak pada layar home, FAQ, Site map, Contact Us, testimonial, Post New Comment. Komunikasi dua arah tampak pada rancangan layar customer service.
82
=====Lambang Logo=======
HKS
customizati
Welcome, abcd HOME
Product
Promo
Forum Modification
News & Events
Profile &Portfolio
FAQ
Contact Us search
Product
conte
Advance search
Testimonial Username : xxx Posted Date : xxx Message : xxx
Give Testimonial Username : abcd Message:
Submit communit
Customer Service
communicat
Do you like this website? TELL A FRIEND
COPYRIGHT Rosella Autodesign 2007
Gambar 4.5 Rancangan layar Testimonial (member) 4.1.6 Connection Di dalam situs Rosella Autodesign terdapat komponen link to other sites ke mitra kerja Rosella Autodesign seperti yang terlihat pada rancangan profile, http://hks-power.co.jp . Kami juga mempunyai pathway in atau kemampuan untuk link ke halaman lain dalam bentuk teks, grafis, yang dapat berupa menu yang terlihat pada semua rancangan layar situs Rosella Autodesign dan rancangan layar site map.
83
=====Lambang Logo=======
HKS
customizati
Welcome, abcd HOME
Product
Promo
Forum Modification
News & Events
Profile &Portfolio
FAQ
Contact Us search
Product
conte
Advance search
SITE MAP Home Product Parts CBU Paket Promo News & Event News Events
connectio
Profile Portfolio Testimonial FAQ Contact Us Tell a Friend Site Map Search Advance Search communit
Customer Service
communicat
Do you like this website? TELL A FRIEND
COPYRIGHT Rosella Autodesign 2007
Gambar 4.6 Rancangan layar Site Map 4.1.7 Commerce Commerce didefinisikan sebagai kemampuan transaksi dari suatu website. Website Rosella Autodesign menyediakan fitur pemesanan online
84 untuk memudahkan konsumen dalam melakukan pemesanan produk. Untuk melakukan pemesanan online ini pengunjung harus melakukan sign up dan login terlebih dahulu. Yang termasuk dalam commerce adalah halaman order.
=====Lambang Logo=======
HKS Welcome, abcd (Logout) HOME
Product
Promo
customizati Forum Modification
conte
News & Events
Profile
FAQ
search
Product
commerc
Contact Us
Advance search
Shopping Chart
Type Product xxxxxx
SKU xxx
Product xxxxxx
Quanitity x Total
Continue Shopping
Harga xx xx
Remove X Empty Cart
Next
communit
Customer Service
communicat
COPYRIGHT Rosella Autodesign 2007
Gambar 4.7 Rancangan layar Shopping Chart
Do you like this website? TELL A FRIEND
85 4.1.8 Diagram Navigasi 4.1.8.1 Navigasi User
Cbu
Product
Parts
Paket
Modif 2
Promo
register
Modif 1
Home
News
Forget password
News & event
Contact US
Profile
Portfolio& comment
Testimonial
Tell a friends
Site map
Gambar 4.8 Rancangan layar Navigasi User
Forum