3.2.4.5 Perancangan Antarmuka Pelanggan
Perancangan Antarmuka pelanggan merupakan tampilan yang ditujukan bagi user setelah melakukan login level pelanggan, perancangan ini memiliki fitur
halaman utama, tentang CV. NJ, layanan pelanggan dan keritik saran.
3.2.4.5.1 Perancangan Antarmuka Beranda
Perancangan antarmuka beranda dapat dilihat pada gambar 3.66
Kritik Saran Tentang Kami
Beranda Layanan Pelanggan
Produk Kontak
Keterangan :
Nama Form : TP01
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
Warna : putih, Ungu
TP01
Isi Halaman Utama
Keterangan Navigasi : Klik
Halaman Utama untuk masuk ke TP01.
Klik Produk untuk masuk ke
TP02. Klik
Tentang Kami untuk masuk ke TP03
Klik Layanan Pelanggan
untuk masuk ke TP04. Klik
Kritik Saran untuk masuk ke TP05.
Klik Kontak untuk masuk ke
TP06.
Gambar 3. 66 Antarmuka Beranda
3.2.4.5.2 Perancangan Antarmuka Produk
Perancangan antarmuka produk dapat dilihat pada gambar 3.67.
Kritik Saran Tentang Kami
Beranda Layanan Pelanggan
Produk Kontak
Keterangan :
Nama Form : TP02
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
Warna : putih, Ungu
TP02
Gambar Produk Nama Produk
Harga Deskripsi Produk
Gambar Produk Nama Produk
Harga Deskripsi Produk
Gambar Produk Nama Produk
Harga Deskripsi Produk
Gambar Produk Nama Produk
Harga Deskripsi Produk
Keterangan Navigasi : Klik
Beranda untuk masuk ke TP01.
Klik Produk untuk masuk ke
TP02. Klik
Tentang Kami untuk masuk ke TP03
Klik Layanan Pelanggan
untuk masuk ke TP04. Klik
Kritik Saran untuk masuk ke TP05.
Klik Kontak untuk masuk ke
TP06.
Gambar 3. 67 Antarmuka Produk 3.2.4.5.3
Perancangan Antarmuka Tentang Kami
Perancangan antarmuka tentang kami dapat dilihat pada gambar 3.68.
Kritik Saran Tentang Kami
Beranda Layanan Pelanggan
Produk Kontak
Keterangan :
Nama Form : TP03
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
Warna : putih, Ungu
TP03
Deskripsi CV. NJ
Logo Sejarah
Visi Misi Deskripsi
Deskripsi
Keterangan Navigasi : Klik
Beranda untuk masuk ke TP01.
Klik Produk untuk masuk ke
TP02. Klik
Tentang Kami untuk masuk ke TP03
Klik Layanan Pelanggan
untuk masuk ke TP04. Klik
Kritik Saran untuk masuk ke TP05.
Klik Kontak untuk masuk ke
TP06.
Gam bar 3. 68 Antarmuka Tentang Kami
3.2.4.5.4 Perancangan Antarmuka Layanan Produk
Perancangan antarmuka layanan produk dapat dilihat pada gambar 3.69.
Kritik Saran Tentang Kami
Beranda Layanan Pelanggan
Produk Kontak
Keterangan :
Nama Form : TP04
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
Warna : putih, Ungu
TP04
Deskripsi PELAYANAN PELANGGAN
Nama Jenis Pelanggan Deskripsi
Deskripsi Nama Jenis Pelanggan
Nama Jenis Pelanggan
Keterangan Navigasi : Klik
Beranda untuk masuk ke TP01.
Klik Produk untuk masuk ke
TP02. Klik
Tentang Kami untuk masuk ke TP03
Klik Layanan Pelanggan
untuk masuk ke TP04. Klik
Kritik Saran untuk masuk ke TP05.
Klik Kontak untuk masuk ke
TP06.
Gambar 3. 69 Antarmuka Layanan Pelanggan 3.2.4.5.5
Perancangan Antarmuka Kritik Saran
Perancangan antarmuka kritik saran dapat dilihat pada gambar 3.70.
Kritik Saran Tentang Kami
Beranda Layanan Pelanggan
Produk Kontak
Kirim
Keterangan :
Nama Form : TP05
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
Warna : putih, Ungu
TP05
Nama No. HP
Isi Kritik Saran Keterangan Navigasi :
Klik Beranda untuk masuk
ke TP01. Klik
Produk untuk masuk ke TP02.
Klik Tentang Kami untuk
masuk ke TP03 Klik
Layanan Pelanggan untuk masuk ke TP04.
Klik Kritik Saran untuk
masuk ke TP05. Klik
Kontak untuk masuk ke TP06.
Klik Kirim dengan kondisi
benar dalam pengisian akan muncul M09
Klik Kirim dengan kondisi
salah Pengisian atau mengosongkan nama
No.HP subjek isi kritik saran maka akan muncul M05
Kritik Saran
Subjek
Gambar 3. 70 Perancangan Antarmuka Kritik Saran
3.2.4.5.6 Perancangan Antarmuka Kontak