PERANCANGAN USER INTERFACE FITUR PROMOSI PADA WEBSITE CV SINAR BARU MOTOR PAMEKASAN
KERJA PRAKTIK
Program Studi S1 Sistem Informasi
Oleh:
MARIO ANGELO KEVIN BUGA LANGODAY
18410100007
FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA
PERANCANGAN USER INTERFACE FITUR PROMOSI PADA WEBSITE CV SINAR BARU MOTOR PAMEKASAN
Diajukan sebagai salah satu syarat untuk menyelesaikan Program Sarjana
Disusun Oleh :
Nama : Mario Angelo Kevin Buga Langoday
NIM : 18410100007
Program : S1 ( Strata Satu )
Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA
UNIVERSITAS DINAMIKA
“ Usaha seseorang bukan dilihat dari apa yang dicapai , melainkan Dilihat dari apa yang sudah dia lalui selama itu “
Kupersembahkan kepada Keluargaku yang telah mendukungku, Bapak / Ibu Guru dan Dosen yang membimbingku,
ABSTRAK
CV. Sinar Baru Pamekasan merupakan sebuah perusahaan yang bergerak di bidang distributor sepeda motor di merk Honda sebagai dealer utama dari Honda. Melalui dealer ini, Honda menawarkan produk-produk motor terbaru mulai dari motor bebek Honda seperti Honda Supra Fit dan Supra X, motor matic seperti
Honda Beat, Varia dan PCX, hingga motor besar seperti Honda Mega Pro dan CBR
250.
Permasalahan pada Kerja Praktik ini adalah berdasarkan wawancara dengan Kepala Cabang Pamekasan, diperoleh permasalahan bahwa jumlah pengunjung
website tersebut mengalami penurunan dikarenakan fitur promosi pada website
yang kurang menarik sehingga website ini perlu dilakukan perbaikan dari keseluruhan desain untuk menarik perhatian pengguna agar mengakses website tersebut.
Solusi untuk permasalahan dalam Kerja Praktik ini adalah melakukan perancangan ulang User Interface Fitur Promosi Website CV. Sinar Baru Motor Pamekasan agar dapat menarik pengguna untuk mengunjungi website tersebut.
Kata Kunci : web, dealer motor, user interface
KATA PENGANTAR
Puji syukur atas kehadirat Tuhan Yang Maha Esa yang telah memberikanrahmat dan nikmat-Nya. Serta memberikan karunia dan hidayah, sehingga penulis dapat menyelesaikan laporan kerja praktik ini dengan judul “ Perancangan User Interface Fitur Promosi pada Website CV. Sinar Baru Pamekasan “.
Penulis ingin mengucapkan terima kasih kepada Ibu Sulistiowati, S.Si., M.M. selaku dosen pembimbingnya, karena beliau telahmembimbing penulis untuk menyelesaikan laporan kerja praktik ini, serta penulis ingin mengucapkan terima kasih kepada Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku Kepala Program Studi S1 Sistem Informasi dan Bapak Wienusy Bagus S. sebagai Kepala Cabang Pamekasan yang sudah memberikan bantuan moral dan materiil dalam proses pengerjaan laporan ini. Laporan ini berisi tentang bagaimana membuat rancangan user
interface untuk pelanggan dari perusahaan CV. Sinar Baru Pamekasan pada
fitur promosi. Semoga dengan adanya laporan ini dapat memberikan sedikit informasi terkait dengan user interface kepada perusahaan. Penulis memohon maaf apabila ada kesalahan dalam penulisan kata ataupun kalimat.
Terimakasih
Surabaya, 08 Juli 2021
Penulis
DAFTAR ISI Halaman ABSTRAK ... iv KATA PENGANTAR ... v DAFTAR ISI ... vi DAFTAR TABEL ... ix DAFTAR GAMBAR ... x DAFTAR LAMPIRAN ... xi BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Batasan Masalah ... 2 1.3 Rumusan Masalah ... 2 1.4 Tujuan ... 2 1.5 Manfaat ... 2 1.6 Sistematika Penulisan ... 2
BAB II GAMBARAN UMUM INSTANSI ... 4
2.1 Gambaran Umum ... 4
2.2 Sejarah Perusahaan ... 5
2.3 Struktur Organisasi ... 6
2.4 Lokasi Kerja Praktik ... 7
BAB III LANDASAN TEORI ... 8
3.1 User Interface ( UI ) ... 8
3.2 Adobe XD ... 9
3.3 Website ... 9
3.4 Teknik Pengumpulan Data ... 9
DAFTAR ISI
BAB IV DESKRIPSI PEKERJAAN ... 10
4.1 Analisis dan Desain Sistem ... 10
4.2 Metode Pengumpulan Data Kerja Praktik ... 11
4.3 Perancangan Sistem ... 11
4.3.1 Activity Diagram Tampilan Fitur Info Terbaru... 12
4.3.2 Activity Diagram Tampilan Fitur Menulis Ulasan ... 13
4.3.3 Activity Diagram Tampilan Fitur Galeri ... 14
4.3.4 Activity Diagram Fitur Tentang Kami ... 15
4.3.5 Activity Diagram Tampilan Fitur Hubungi Kami ... 16
4.4 Flow of Event ... 17
4.4.1 Flow of Event Tampilan Info Terbaru ... 17
4.4.2 Flow of Event Tampilan Menulis Ulasan ... 18
4.4.3 Flow of Event Tampilan Galeri ... 19
4.4.4 Flow of Event Tampilan Tentang Kami ... 20
4.4.5 Flow of Event Tampilan Hubungi Kami ... 21
4.5 Desain Website Sebelum Perbaikan ... 22
4.5.1 Tampilan Pembuka ( Sebelum Perbaikan ) ... 22
4.5.2 Tampilan Info Terbaru ( Sebelum Perbaikan ) ... 23
4.5.3 Tampilan Menulis Ulasan ( Sebelum Perbaikan ) ... 24
4.5.4 Tampilan Tentang Kami ( Sebelum Perbaikan ) ... 25
4.5.5 Tampilan Galeri ( Sebelum Perbaikan ) ... 26
4.5.6 Tampilan Hubungi Kami ( Sebelum Perbaikan ) ... 27 vii
DAFTAR ISI
4.6 Desain Website Setelah Perbaikan ... 28
4.6.1 Tampilan Pembuka ( Setelah Perbaikan ) ... 28
4.6.2 Tampilan Info Terbaru ( Setelah Perbaikan )... 30
4.6.3 Tampilan Menulis Ulasan ( Setelah Perbaikan ) ... 32
4.6.4 Tampilan Galeri ( Setelah Perbaikan ) ... 34
4.6.5 Tampilan Tentang Kami ( Setelah Perbaikan ) ... 35
4.6.6 Tampilan Hubungi Kami ( Setelah Perbaikan ) ... 36
4.7 Rancangan Jadwal Kegiatan Kerja Praktik ... 37
BAB V PENUTUP ... 38 5.1 Kesimpulan ... 38 5.2 Saran ... 38 DAFTAR PUSTAKA ... 39 LAMPIRAN ... 40 viii
DAFTAR TABEL
Halaman
Tabel 4. 1 Flow of Event Tampilan Info Terbaru ... 17
Tabel 4. 2 Flow of Event Tampilan Menulis Ulasan ... 18
Tabel 4. 3 Flow of Event Tampilan Galeri ... 19
Tabel 4. 4 Flow of Event Tampilan Tentang Kami ... 20
Tabel 4. 5 Flow of Event Tampilan Hubungi Kami ... 21
Tabel 4. 6 Rancangan Jadwal Kegiatan Kerja Praktik ... 37
DAFTAR GAMBAR
Halaman
Gambar 2. 1 Logo Perusahaan CV. Sinar Baru Pamekasan ... 5
Gambar 2. 2 Struktur Organisasi CV. Sinar Baru Pamekasan ... 6
Gambar 4. 1 Perancangan Sistem Website CV. Sinar Baru Pamekasan ... 11
Gambar 4. 2 Activity Diagram Tampilan Info Terbaru ... 12
Gambar 4. 3 Activity Diagram Tampilan Fitur Ulasan ... 13
Gambar 4. 4 Activity Diagram Tampilan Fitur Galeri ... 14
Gambar 4. 5 Actvitiy Diagram Fitur Tentang Kami ... 15
Gambar 4. 6 Activity Diagram Tampilan Fitur Hubungi Kami ... 16
Gambar 4. 7 Tampilan Pembuka ( Sebelum Perbaikan ) ... 22
Gambar 4. 8 Tampilan Info Terbaru ( Sebelum Perbaikan ) ... 23
Gambar 4. 9 Tampilan Menulis Ulasan ( Sebelum Perbaikan ) ... 24
Gambar 4. 10 Tampilan Tentang Kami ( Sebelum Perbaikan ) ... 25
Gambar 4. 11 Tampilan Galeri ( Sebelum Perbaikan ) ... 26
Gambar 4. 12 Tampilan Hubungi Kami ( Sebelum Perbaikan ) ... 27
Gambar 4. 13 Tampilan Pembuka ( Setelah Perbaikan ) ... 28
Gambar 4. 14 Tampilan Pop Up Ajukan Pertanyaan ... 29
Gambar 4. 15 Tampilan Info Terbaru ( Setelah Perbaikan ) ... 30
Gambar 4. 16 Tampilan Lengkap Info Terbaru ... 31
Gambar 4. 17 Tampilan Menulis Ulasan ( Setelah Perbaikan ) ... 32
Gambar 4. 18 Tampilan Pop Up Menulis Ulasan ... 33
Gambar 4. 19 Tampilan Galeri ( Setelah Perbaikan ) ... 34
Gambar 4. 20 Tampilan Tentang Kami ( Setelah Perbaikan ) ... 35
Gambar 4. 21 Tampilan Hubungi Kami ( Setelah Perbaikan ) ... 36
DAFTAR LAMPIRAN Halaman
Lampiran 1 Surat Balasan Instansi/Perusahaan ... 40
Lampiran 2 Form KP-5 (Acuan Kerja) ... 41
Lampiran 3 Form KP-5 Garis Besar Rencana Kerja Mingguan ... 42
Lampiran 4 Form KP-6 Log Harian dan Catatan Perubahan Acuan Kerja ... 43
Lampiran 5 Form KP-7 Kehadiran Kerja Praktik ... 44
Lampiran 6 Biodata Penulis ... 45
Lampiran 7 Kartu Bimbingan Kerja Praktik ... 46
BAB I
PENDAHULUAN
1.1 Latar Belakang
CV. Sinar Baru Pamekasan merupakan sebuah perusahaan yang bergerak dibidang distributor sepeda motor merk Honda. CV. Sinar Baru Pamekasan berdiri pada tanggal 15 Agustus 1987 di Pamekasan. Pada saat ini perusahaan ini memiliki karyawan sebanyak 17 orang meliputi tujuh (7) orang bagian sales, tiga (3) orang bagian marketing, dua (2) orang bagian kasir, dua (2) orang bagian kolektor, satu (1) orang bagian administrasi, satu (1) orang bagian Customer Service (CS) , dan satu (1) orang bagian kasir.
Sebelum pandemi Covid – 19, CV. Sinar Baru Pamekasan melakukan promosi untuk menarik perhatian para pengguna dengan cara melakukan pameran di berbagai macam mall yang ada di Surabaya untuk menjalin hubungan baik dengan penggunanya agar semakin banyak pula pengguna yang mengenal Honda. Setelah terjadinya pandemi Covid – 19, tidak memungkinkan bagi perusahaan untuk melakukan promosi di luar sehingga sekarang dialihkan ke promosi dalam bentuk website untuk mengenalkan perusahaan ini dan produk – produknya. Selama ini sebetulnya perusahaan telah memiliki website resmi untuk melakukan promosi, tetapi berdasarkan wawancara Kepala Cabang diperoleh permasalahan bahwa jumlah pengunjung website tersebut mengalami penurunan dikarenakan fitur promosi pada website yang kurang menarik sehingga website ini perlu dilakukan perbaikan dari keseluruhan desain untuk menarik pengguna agar mengakses website tersebut. Selama ini bagian yang mengelola website adalah bagian administrasiistrasi.
Dengan kondisi yang terjadi saat ini di masa pandemi Covid – 19, maka solusi yang ditawarkan dalam kerja praktik ini yaitu melakukan perancangan ulang
User Interface Fitur Promosi Website CV. Sinar Baru Motor Pamekasan agar dapat
menarik pengguna untuk mengunjungi website terseb
2
1.2 Batasan Masalah
Batasan masalah dalam kerja praktik ini adalah :
1. Merancang ulang User Interface pada fitur promosi yang meliputi : fitur menu utama, info terbaru, ulasan, galeri, tentang kami, dan fitur hubungi kami
2. Desain User Interface menggunakan aplikasi Adobe XD
1.3 Rumusan Masalah
Berdasarkan latar belakang di atas, permasalahannya adalah bagaimana merancang User Interface Fitur Promosi Website CV. Sinar Baru Motor Pamekasan
1.4 Tujuan
Adapun tujuan penelitian yang dicapai dalam melakukan penelitian di perusahaan CV. Sinar Baru Pamekasan yaitu menghasilkan perancangan User
Interface Fitur Promosi Website CV. Sinar Baru Motor Pamekasan
1.5 Manfaat
Adapun manfaat yang dicapai dalam melakukan penelitian di perusahaan CV. Sinar Baru Pamekasan adalah dengan membantu perusahaan untuk meningkatkan pengunjung website CV. Sinar Baru Pamekasan.
1.6 Sistematika Penulisan
Untuk memberikan gambaran menyeluruh terhadap masalah yang dibahas, maka sistematika penulisan laporan dibagi ke dalam beberapa bab yaitu:
BAB I PENDAHULUAN
Pada bab ini menjelaskan tentang latar belakang dari hal – hal yang berhubungan dengan instansi, rumusan masalah, batasan masalah, tujuan yang ingin dicapai, manfaat yang diharapkan, serta sistematika penulisan dari proposal.
3
BAB II GAMBARAN UMUM INSTANSI
Pada bab ini menjelaskan tentang profil CV. Sinar Baru Pamekasan, mulai dari visi & misi instansi, dan struktur organisasi yang ada pada instansi hingga lokasi dari perusahaan tersebut.
BAB III LANDASAN TEORI
Pada bab ini membahas tentang teori – teori yang dianggap berhubungan dengan kerja praktik yang dilakukan, dimana teori – teori tersebut akan menjadi acuan untuk melakukan solusi yang telah dibuat.
BAB IV DESKRIPSI PEKERJAAN
Pada bab ini menguraikan tentang hasil dari kerja praktik yang dilakukan di CV. Sinar Baru Pamekasan dimulai dari proses pengguna kepada sistem hingga hasil User Interface yang telah dirancang dari sebelum perbaikan hingga setelah perbaikan. Selain itu, bab ini juga membahas tentang bagaimana respon sistem jika pengguna melakukan sesuatu kepada sistem tersebut juga penerapan solusi yang telah direncanakan. Juga adanya jadwal rancangan kerja praktik dan juga semua kegiatan yang dilakukan secara lengkap.
BAB V PENUTUP
Pada bab ini dibahas mengenai kesimpulan dari hasil dari melakukan rancangan User Interface hingga adanya penambahan button serta pop up kepada website CV. Sinar Baru Pamekasan, pada bab ini juga terdapat saran yang dapat diterapkan untuk melakukan User
Experience kepada hasil User Interface yang baru saja diperbaharui
BAB II
GAMBARAN UMUM INSTANSI
2.1 Gambaran Umum
Nama Perusahaan : CV. Sinar Baru Pamekasan
Alamat :
Jl. Stadion Utara Terminal Lama No.132, Ombul, Lawangan Daya, Pademawu, Kabupaten Pamekasan, Jawa Timur 69317 Tanggal Pendirian : 15 Agustus 1987
Kota : Pamekasan
Nomor NPWP : 31.341.974.9-608.000
A. Visi
Menjadi yang terbaik dalam bisnis Perdagangan Sepeda Motor serta suku cadang dan aksesorisnya sesuai kebutuhan pengguna serta didukung oleh Fasilitas Terpadu, jaringan pemeliharaan, suku cadang dan Management yang Profesional.
B. Misi
Memberikan pelayanan yang terbaik bagi pengguna dengan pelayanan yang memuaskan dan Profesional.
5
2.2 Sejarah Perusahaan
Gambar 2. 1 Logo Perusahaan CV. Sinar Baru Pamekasan
CV. Sinar Baru Pamekasan merupakan sebuah perusahaan yang bergerak di bidang distributor sepeda motor di merk Honda sebagai dealer utama yang berdiri pada tanggal 15 Agustus 1987 di Pamekasan. Pada awal kemunculan dari perusahaan ini , telah memiliki karyawan sebanyak 17 orang yang saat ini telah menguasai pasar dari berbagai macam penjualan sepeda motor merek Honda untuk wilayah Pamekasan hingga Sampang.
Melalui dealer ini, Honda menawarkan produk-produk motor terbaru mulai dari motor bebek Honda seperti Honda Supra Fit dan Supra X, motor matic seperti
Honda Beat, Varia dan PCX, hingga motor besar seperti Honda Mega Pro dan CBR
250. Dealer motor ini manawarkan dan jual motor Honda Kabupaten Pamekasan dengan harga terjangkau, bahkan terdapat diskon pembelian, potongan harga, promo Honda, dan bonus lain dari setiap pembelian.
Selain kelebihan tersebut, Dealer Motor Honda - Sinar Baru juga menawarkan pembelian secara tunai atau lewat skema kredit motor Honda Kabupaten Pamekasan. Terdapat juga bengkel service untuk service motor, suku cadang dan spare parts.
6
2.3 Struktur Organisasi
Gambar 2. 2 Struktur Organisasi CV. Sinar Baru Pamekasan
Berikut adalah keterangan dan juga tanggung jawab dari masing – masing bagian yang ada di dalam perusahaan tersebut yaitu sebagai berikut :
1. Pimpinan : Membuat rencana kerja tahunan bagi perusahaan untuk mengadakan sebuah pertemuan dengan para karyawan yang lainnya untuk mengevaluasi semua masalah dan juga monitoring setiap aktivitas dari setiap cabang, menyusun strategi dan juga mengontrol aktivitas dari semua manager, menjaga wilayah dari pemasaran dan membuat perencanaan bisnis
2. Kepala Cabang : Memberikan masukan, mengawasi setiap pelaksanaan kerja dan juga melakukan rapat koordinasi dengan pimpinan beserta staff serta membuat rencan aktivitas kunjungan ke jaringan, memastikan bahwa seluruh pelaksanaan kerja sesuai dengan policy perusahaaan juga melakukan negosiasi terhadap penjualan unit ke instansi pemerintah
3. Administrasi : Menyusun data penjualan, pembelian serta membuat laporan keuangan bagi perusahaan tersebut juga mempunyai akses di dalam website resmi CV. Sinar Baru Pamekasan untuk memposting info terbaru dan promo yang telah hadir dari produk perusahaan tersebut.
4. Kasir : Mencatat semua pembayaran dari pihak pembeli
Customer Service Salesman Kolektor Marketing Kasir Administrasi Kepala Cabang Pimpinan
7
5. Marketing : Menyusun rencana dan target penjualan juga bekerjasama dengan atasan di dalam menentukan jumlah order unit untuk memenuhi rencana target penjualan dan harga jual, serta diadakannya evaluasi terhadap laporan dari hasil penjualan unit juga melakukan koordinasi dan pertemuan secara rutin
6. Kolektor : Menagih dan mengambil barang yang menunggak pembayaran dari pihak pembeli kepada perusahaan CV. Sinar Baru Motor Pamekasan
7. Customer Service ( CS ) : Memberikan layanan penjelasan kepada pengguna saat pengguna ingin membeli produk yang dijual di perusahaan tersebut
8. Salesman : Melakukan penjualan kepada pengguna, mencari pengguna baru hingga mencari channel serta broker, dan mengetahui aktivitas dari para kompetitor aktif dalam kegiatan yang telah dilakukan oleh main dealer dan membuat laporan penjualan untuk diserahkan kepada pimpinan perusahaan.
2.4 Lokasi Kerja Praktik
Kegiatan Kerja Praktik berlangsung selama kurang lebih empat (4) minggu dimulai sejak tanggal 02 Maret 2021 hingga 26 Maret 2021. Pada pelaksanaan kerja praktik ini, bertempatan di sebuah perusahaan bernama CV. Sinar Baru Pamekasan yang bertempatan di Jl. Stadion Utara Terminal Lama No.132, Ombul, Lawangan Daya, Pademawu, Kabupaten Pamekasan.
BAB III
LANDASAN TEORI
3.1 User Interface ( UI )
Menurut (Ghiffary et al., 2018) User Interface adalah suatu istilah yang digunakan untuk menggambarkan tampilan dari mesin atau komputer yang berinteraksi langsung dengan pengguna. Desain dan penyusunan tampilan antarmuka perlu diperlihatkan untuk menghasilkan tampilan yang bagus. (Ghiffary et al., 2018) memberikan sebuah panduan untuk menyusun sebuah desain aplikasi yang rendah digunakan dengan membaginya ke dalam beberapa komponen yang berpengaruh yang berpengaruh sebagai berikut :
1. Consistency : konsistensi dari tampilan antarmuka pengguna
2. Hierarchy : penyusunan hirarki kepentingan dari obyek – obyek yang terdapat didalam aplikasi
3. Personality : kesan pertama yang terlihat pada aplikasi yang menunjukkan ciri khas dari aplikasi tersebut
4. Layout : tata letak dari elemen – elemen di dalam sebuah aplikasi 5. Type : tipografi yang digunakan di dalam sebuah aplikasi
6. Color : penggunaan warna yang tepat digunakan pada sebuah aplikasi 7. Imagery : penggunaan gambar, icon, dan sejenisnya untuk menyampaika
sebuah informasi di dalam aplikasi
8. Control and Affordances : elemen dari antarmuka pengguna yang dan digunakan untuk berinteraksi dengan sistem
9
3.2 Adobe XD
Menurut (Sahara, 2017) Adobe XD adalah perangkat lunak yang bisa digunakan oleh para desainer aplikasi mobile maupun website. Ketika aplikasi telah menjadi bagian dalam hidup masyarakat yang tidak bisa disingkirkan, hal ini membuat banyak orang yang menggunakan aplikasi tersebut setiap harinya agar aktivitas mereka yang bisa berjalan dengan lancar. Dari segi penamaan, Adobe XD atau experience design ini ditujukan secara khusus bagi para desainer aplikasi atau yang biasa disebut sebagai UI / UX Designer.
3.3 Website
Menurut dari (Sibero, 2019) Website adalah suatu kumpulan – kumpulan halaman yang menampilkan berbagai macam informasi teks, data, gambar, video, maupun gabungan dari semuanya bersifat statis dan dinamis juga merupakan suatu sistem yang berkaitan dengan dokumen digunakan sebagai media untuk menampilkan berbagai macam hal multimedia yang lainnya pada jaringan internet. Bisa disimpulkan secara garis besar bahwa web adalah suatu sistem yang memudahkan pencarian informasi dalam bentuk informasi baik dari media maupun tulisan pada jaringan internet.
3.4 Teknik Pengumpulan Data
Teknik pengumpulan data didapat dari beberapa komponen penyusun yang sebelumnya telah disusun rencana kegiatannya secara rinci dan kompleks. Adapun yang dilakukan pada pengumpulan data menurut (Wibawanto, 2018) sebagai berikut :
1. Arsip merupakan pengumpulan data dengan cara mendapatkan dari arsip, laporan, rekaman yang pernah dikumpulkan oleh orang lain
2. Wawancara adalah suatu proses pertukaran informasi secara timbal balik antara pewawancara dengan responden. Jenis – jenis wawancara yaitu seperti wawancara bebas, terpimpin, dan semi terpimpin.
BAB IV
DESKRIPSI PEKERJAAN
4.1 Analisis dan Desain Sistem
Berdasarkan hasil observasi dan wawancara di CV. Sinar Baru Pamekasan,
website yang sebelumnya telah berdiri ini memiliki tujuan untuk memudahkan para
pengguna menerima pengumuman berita baru dan promosi kepada pengguna dimana pengguna bisa mendapatkan pembaharuan informasi dengan mudah melalui website ini. Di dalam website tersebut telah ditemukan permasalahan pada bagian tampilan website informasi dan promosi yang kurang pembaharuan sehingga jumlah pengguna mengalami penurunan.
Website pengumuman berita ini memiliki tujuan penting yaitu bisa
mengirimkan pengumuman berita dan promosi kepada para pengguna juga informasi terkait profil perusahaan, dengan demikian pengguna yang mengunjungi website tersebut bisa mengetahui apa yang sedang ditawarkan dari CV. Sinar Baru Motor Pamekasan tersebut kepada para pengguna tersebut. Juga menampilkan alamat, nomor yang bisa dihubungi dan juga bisa menanyakan berbagai macam hal terkait dengan pembelian motor kepada administrasi melalui pengajuan pertanyaan.
1. Kebutuhan Fungsional :
• Merancang User Interface Website CV. Sinar Baru Pamekasan agar dapat meningkatkan jumlah pengunjung
• Aplikasi menggunakan dalam bentuk website
2. Kebutuhan Non Fungsional :
• Merancang menggunakan tools Adobe XD
11
4.2 Metode Pengumpulan Data Kerja Praktik
Dalam metode pengumpulan data yang dilakukan selama dalam masa Kerja Praktik adalah sebagai berikut :
1. Wawancara
Dengan mengumpulkan berbagai macam data dan mengadakan tanya jawab dengan narasumber yaitu Kepala Cabang dari CV. Sinar Baru Motor Pamekasan
2. Literatur
Dengan mengumpulkan data telah dilakukan studi pustaka berupa artikel dan buku yang berhubungan dengan pembuatan User Interface
4.3 Perancangan Sistem
Berikut ini adalah kasus dari website CV. Sinar Baru Motor Pamekasan. Pada kasus ini terdapat 1 aktor yang berperan yaitu adalah pengguna. Pengguna tersebut merupakan pengguna publik yang sedang mencari produk motor Honda yang ada di dalam website tersebut. Terdapat 5 proses bisnis yang terdapat pada kasus tersebut. Proses bisnis tersebut dari sudut pandang pengguna yang terdiri dari bagaimana cara mengakses fitur info terbaru, fitur menulis ulasan, fittur galeri, fitur tentang kami dan fitur hubungi kami. Untuk lebih jelasnya proses bisnis yang ada di dalam sistem, dapat dilihat pada gambar di bawah ini
12
4.3.1 Activity Diagram Tampilan Fitur Info Terbaru
Gambar 4. 2 Activity Diagram Tampilan Info Terbaru
Gambar 4.2 menjelaskan tentang proses aktivitas untuk tampilan info terbaru setelah memasuki website tersebut. Di dalam gambar tersebut menjelaskan bahwa ketika memasuki website jika ingin masuk ke dalam fitur info terbaru dan promosi yang telah di posting oleh pihak administrasi maka langsung menuju ke Info Terbaru dan memilih info – info yang sudah diposting. Setelah memilih maka pengguna akan bisa masuk ke dalam sebuah tampilan dari informasi dan promosi dari produk motor Honda yang telah dirilis tersebut dari CV. Sinar Baru Motor Pamekasan.
13
4.3.2 Activity Diagram Tampilan Fitur Menulis Ulasan
Gambar 4. 3 Activity Diagram Tampilan Fitur Ulasan
Pada Gambar 4.3 ini menjelaskan tentang proses aktivitas untuk melihat & menulis ulasan setelah dilayani oleh CV. Sinar Baru Pamekasan. Di dalam gambar tersebut menjelaskan bahwa ketika memasuki website tersebut setelah dilayani oleh CV. Sinar Baru Pamekasan maka pengguna bisa menulis ulasannya ke dalam kolom tulis ulasan dan juga bisa melihat ulasan dari berbagai macam pengguna yang sudah dilayani oleh pihak perusahaan tersebut. Setelah menulis ulasan, maka ulasan itu akan diposting secara publik dan semua pengguna maupun dari pihak administrasi akan bisa melihat ulasan yang sudah dipublikasikan oleh pengguna
14
4.3.3 Activity Diagram Tampilan Fitur Galeri
Gambar 4. 4 Activity Diagram Tampilan Fitur Galeri
Pada Gambar 4.4 menjelaskan tentang cara menampilkan fitur galeri yang berisi tentang perusahaan CV. Sinar Baru Pamekasan beserta dengan foto produk yang sedang dijual. Di dalam gambar tersebut menjelaskan bahwa ketika memasuki
website tersebut jika ingin melihat aktivitas – aktivitas dari perusahaan tersebut
beserta dengan foto produk yang sedang dijual maka pengguna dapat mengakses galeri tersebut dan melihat semua foto / gambar yang sudah ditampilkan oleh administrasi perusahaan tersebut.
15
4.3.4 Activity Diagram Fitur Tentang Kami
Gambar 4. 5 Actvitiy Diagram Fitur Tentang Kami
Pada Gambar 4.5 menjelaskan tentang cara memperlihatkan fitur status dari perusahaan mengenai informasi perusahaan tersebut. Di dalam gambar itu juga menjelaskan caranya yaitu sebagai pengguna jika ingin mengetahui perusahaan tersebut bisa menuju ke menu tentang kami dan disitu ada tertera berbagai macam informasi tentang perusahaan CV. Sinar Baru Pamekasan tersebut beserta dengan nama – nama info kontak yang diterakan disana agar pengguna bisa langsung menghubungi pihak perusahaan jika ada keperluan tertentu.
16
4.3.5 Activity Diagram Tampilan Fitur Hubungi Kami
Gambar 4. 6 Activity Diagram Tampilan Fitur Hubungi Kami
Pada Gambar 4.6 menjelaskan tentang cara pengguna bisa mengetahui informasi alamat dan jam operasional dari perusahaan pada setiap minggunya juga bisa melihat lokasi dari CV. Sinar Baru Pamekasan yang akan diarahkan dari
Google Maps. Di dalam diagram tersebut juga menjelaskan bahwa pengguna bisa
dengan mudahnya mengetahui semua informasi dari menu hubungi kami dari segi kontak dari kepala cabang dan juga bagian marketing yang terlibat dalam perusahaan tersebut.
17
4.4 Flow of Event
Berikut adalah merupakan flow of event dari website resmi dari CV. Sinar Baru Motor Pamekasan yaitu sebagai berikut :
4.4.1 Flow of Event Tampilan Info Terbaru
Tabel 4. 1 Flow of Event Tampilan Info Terbaru
Deskripsi Use case untuk tampilan info terbaru
Kondisi Awal Pengguna sudah memasuki website tersebut Kondisi
Akhir
Pengguna dapat melihat info terbaru
Alur
Aksi Pengguna ( Users ) Respon Sistem
1. Pengguna memilih menu info terbaru pada website
Menampilkan berbagai macam info pada website
2. Pengguna memberikan
likes kepada posting info
terbaru
Hasil likes akan ditampilkan ke dalam website lalu sistem akan mengirimkan kepada
administrasi sebagai informasi
Dalam Tabel 4.1 Flow of Event tersebut menjelaskan bagaimana alur proses cara melihat info terbaru dari sudut pandang penngguna dan juga bagaimana respon dari sistem ketika akan menanggapi perintah dari pengguna.
18
4.4.2 Flow of Event Tampilan Menulis Ulasan
Tabel 4. 2 Flow of Event Tampilan Menulis Ulasan
Deskripsi Use case untuk menulis ulasan
Kondisi Awal Pengguna sudah memasuki website tersebut Kondisi Akhir Pengguna dapat menulis ulasan untuk perusahaan
Alur
Aksi Pengguna ( Users ) Respon Sistem
1. Pengguna memilih menu menulis ulasan pada
website
Menampilkan berbagai macam ulasan dari para pengguna yang lainnya kepada pihak perusahaan
2. Pengguna memberikan ulasan
1. Pengguna mengirimkan ulasan berbentuk tulisan , sistem akan menampilkan hasil dari ulasan tersebut 2. Pengguna mengirimkan
ulasan dengan ditambah
rating , sistem akan
menampilkan hasil dari ulasan tersebut
Dalam Tabel 4.2 Flow of Event tersebut menjelaskan tentang bagaimana alur proses dari menulis ulasan dan mengirimkannya melalui sistem informasi kepada pihak administrasiistrasi yang mengelola website tersebut.
19
4.4.3 Flow of Event Tampilan Galeri
Tabel 4. 3 Flow of Event Tampilan Galeri
Deskripsi Use case untuk tampilan galeri
Kondisi Awal Pengguna sudah memasuki website tersebut Kondisi Akhir Pengguna dapat melihat galeri
Alur
Aksi Pengguna ( Users ) Respon Sistem
1. Pengguna memilih menu
galeri pada website Menampilkan halaman galeri
2. Pengguna memilih salah satu foto dari galeri
Menampilkan foto yang sudah dipilih pengguna dengan gambar yang lebih besar dan detail
Dalam Tabel 4.3 tersebut menjelaskan tentang bagaimana proses dari pengguna bisa melihat galeri dan bagaimana sistem akan merespon setelah pengguna melihat salah satu foto dari galeri tersebut.
20
4.4.4 Flow of Event Tampilan Tentang Kami
Tabel 4. 4 Flow of Event Tampilan Tentang Kami
Deskripsi Use case untuk tampilan Tentang Kami / About Us
Kondisi Awal Pengguna sudah memasuki website tersebut Kondisi Akhir Pengguna dapat melihat informasi tentang kami
Alur
Aksi Pengguna ( Users ) Respon Sistem
1. Pengguna memilih menu Tentang Kami pada
website
Menampilkan halaman Tentang Kami secara lengkap dari informasi singkat
perusahaan sampai kontak perusahaan yang bisa dihubungi
Dalam Tabel 4.4 Flow of Event menjelaskan bagaimana proses alur dari cara melihat fitur menu tentang kami saat pengguna ingin mengetahui informasi dari perusahaan CV. Sinar Baru Motor Pamekasan serta adanya informasi kontak yang bisa dihubungi.
21
4.4.5 Flow of Event Tampilan Hubungi Kami
Tabel 4. 5 Flow of Event Tampilan Hubungi Kami
Deskripsi Use case untuk tampilan Hubungi Kami
Kondisi Awal Pengguna sudah memasuki website tersebut Kondisi Akhir Pengguna dapat melihat informasi hubungi kami
Alur
Aksi Pengguna ( Users ) Respon Sistem
1. Pengguna memilih menu Hubungi Kami pada
website
Menampilkan halaman Hubungi Kami dari informasi terkait kontak perusahaan , alamat serta jam operasional perusahaan aktif
2. Pengguna memilih gambar lokasi perusahaan
Menampilkan melalui tab baru website dan akan langsung terhubung lokasi perusahaan melalui Google
Maps
Pada Tabel 4.5 Flow of Event telah menjelaskan bagaimana proses alur dari cara melihat fitur menu Hubungi Kami saat pengguna ingin menghubungi perusahaan, dan juga bisa mencari tahu lokasi perusahaan CV. Sinar Baru Pamekasan secara langsung terhubung dari Google Maps
22
4.5 Desain Website Sebelum Perbaikan
Berikut adalah bentuk desain dari website CV. Sinar Baru Motor Pamekasan pada saat sebelum melakukan perbaikan dari segi tampilan dan juga fitur yaitu sebagai berikut :
4.5.1 Tampilan Pembuka ( Sebelum Perbaikan )
Gambar 4. 7 Tampilan Pembuka ( Sebelum Perbaikan )
Gambar 4.7 merupakan tampilan pembuka website sebelum diperbaiki. Dalam gambar tersebut menjelaskan ada beberapa fitur yang sudah ditampilkan pada saat pengguna masuk ke dalam situs tersebut, yaitu ada fitur dapatkan penawaran yang berarti menanyakan kepada administrasi mengenai pertanyaan – pertanyaan terkait dengan produk yang dijual di dalam perusahaan tersebut. Setelah itu ada tampilan logo dari perusahaan CV. Sinar Baru dan juga motto untuk melayani sepenuh hati kepada para pengguna. Adanya juga informasi terkait alamat, nomor telepon yang bisa dihubungi, dan juga khusus untuk platform
Whatsapp yang ditulis ke dalam satu gambar tersebut.
Menurut Kepala Cabang CV. Sinar Baru Pamekasan, desain tersebut tidak menarik perhatian para pengguna ketika mengunjungi website tersebut karena dari desain awalnya tidak memanjakan mata dari para pengguna ketika ingin melihat produk yang dijual oleh perusahaan maupun mengakses lebih dalam dari website tersebut.
23
4.5.2 Tampilan Info Terbaru ( Sebelum Perbaikan )
Gambar 4. 8 Tampilan Info Terbaru ( Sebelum Perbaikan )
Gambar 4.8 merupakan tampilan info terbaru sebelum diperbaiki. Dalam gambar tersebut menjelaskan adanya berbagai macam gambar yang sudah di posting oleh administrasi sebagai bentuk promosi dari produk Honda. Seperti contoh pada gambar di atas adanya Promosi khusus untuk bulan Maret 2021 yaitu mendapatkan potongan 50 % terhadap diskon spare parts, ataupun adanya paket perbaikan untuk motor Honda yang harganya cukup terjangkau. Dalam setiap gambar yang diposting oleh administrasiistrasi, adanya informasi singkat di bawahnya untuk memberikan keterangan singkat kepada para pengguna saat mengakses fitur info terbaru.
24
4.5.3 Tampilan Menulis Ulasan ( Sebelum Perbaikan )
Gambar 4. 9 Tampilan Menulis Ulasan ( Sebelum Perbaikan )
Dari Gambar 4.9 ini menjelaskan tentang melihat berbagai macam ulasan yang sudah dikirimkan oleh para pengguna setelah merasa dilayani oleh dari pihak perusahaan CV. Sinar Baru Pamekasan. Dalam tampilan tersebut terdapat adanya rating yang digunakan untuk penilaian dari para pengguna kepada pihak perusahaan sepuas apakah para pengguna setelah membeli produk maupun dilayani, yang berarti semakin tingginya bintang maka perusahaan tersebut berhasil melayani pengguna sesuai dengan motto dari CV. Sinar Baru Pamekasan.
25
4.5.4 Tampilan Tentang Kami ( Sebelum Perbaikan )
Gambar 4. 10 Tampilan Tentang Kami ( Sebelum Perbaikan )
Dari Gambar 4.10 ini menjelaskan tentang tampilan dari About Us / Tentang Kami yaitu berisi mengenai berbagai macam informasi dan maksud tujuan perusahaan tersebut secara singkat, juga terdapat adanya informasi kontak yang telah disediakan jika ada hal yang perlu ditanyakan yaitu dimulai dari informasi kontak Kepala Cabang Perusahaan hingga sampai ke bagian Bengkel jika ingin menanyakan mengenai spare parts yang disediakan khusus untuk produk Honda.
26
4.5.5 Tampilan Galeri ( Sebelum Perbaikan )
Gambar 4. 11 Tampilan Galeri ( Sebelum Perbaikan )
Dari Gambar 4.11 ini menjelaskan tentang tampilan dari fitur Galeri sebelum perbaikan, yang disediakan dari fitur ini adalah para pengguna bisa melihat gambar produk yang sedang dijual sesuai update dari pihak Honda dan juga perusahaan, juga foto dari para pegawai dan juga tempat dari perusahaan CV. Sinar Baru Motor Pamekasan dimulai dari ruangan dari pihak marketing, sampai pada penjualan produk dan spare parts khusus dari Honda.
27
4.5.6 Tampilan Hubungi Kami ( Sebelum Perbaikan )
Gambar 4. 12 Tampilan Hubungi Kami ( Sebelum Perbaikan )
Dari Gambar 4.12 ini menjelaskan terkait dengan bagaimana cara pengguna bisa menghubungi pihak perusahaan CV. Sinar Baru Pamekasan secara lengkap dimulai dari kontak. alamat yang akan terhubung langsung melalui Google Maps, dan juga jam operasional dari perusahaan CV. Sinar Baru Pamekasan dimulai dari hari Senin sampai dengan Minggu.
28
4.6 Desain Website Setelah Perbaikan
Setelah desain website tersebut sudah diadakan perbaikan, maka berikut ini adalah hasil dari desain yang sudah diperbaiki dan re-design sesuai arahan dari Kepala Cabang CV. Sinar Baru Pamekasan yaitu sebagai berikut :
4.6.1 Tampilan Pembuka ( Setelah Perbaikan )
Gambar 4. 13 Tampilan Pembuka ( Setelah Perbaikan )
Dari Gambar 4.13 telah menampilkan desain Tampilan Pembuka ketika pengguna sudah memasuki website tersebut. Desain tersebut merupakan bentuk hasil dari arahan dan sesuai yang diingkan oleh Kepala Cabang CV. Sinar Baru Pamekasan dimulai dari tekstur warna vektor dari belakang diberikan warna merah dan kuning yang menjadi jingga, yang menandakan bahwa warna tersebut adalah ciri khas dari CV. Sinar Baru Pamekasan. Di dalam website pembuka tersebut adanya gambar motor yang melambangkan bahwa motor tersebut telah terjual banyak di dalam CV. Sinar Baru Pamekasan sebagai bentuk promosi. Adanya juga tulisan motto “ Melayani Dengan Sepenuh Hati “ sesuai dengan desain yang lama, tetapi diperbesar sehingga pengguna yang melihat mulai tertarik dan mengakses
29
Dalam Gambar 4.13 tersebut tedapat juga ada kontak, lokasi perusahaan, kontak khusus Whatsapp yang bisa dihubungi jika ada pertanyaan mengenai produk Honda yang sedang dicari oleh pengguna. Berbeda dengan sebelumnya bahwa semua informasi kontak dimasukkan ke dalam satu gambar beserta logo, namun disini dibuat secara terpisah agar pengguna merasa nyaman melihat informasi tersebut dan merasa tidak terlalu banyak dalam satu gambar tersebut.
Gambar 4. 14 Tampilan Pop Up Ajukan Pertanyaan
Dalam Gambar 4.14 tampilan utama tersebut terdapat “Ajukan
Pertanyaan“ untuk para pengguna yang ingin bertanya mengenai barang dan juga
promosi yang ada. Jika tombol tersebut di klik maka akan muncul tampilan berbentuk pop-up dan ada beberapa yang harus diisi oleh pengguna seperti nama lengkap, email, nomor telepon maupun pertanyaan yang ingin diajukan oleh perusahaan CV. Sinar Baru Pamekasan. Pertanyaan tersebut nantinya akan masuk ke dalam email perusahaan dan akan dibalas di email masing – masing dari pengguna yang sudah bertanya tersebut.
30
4.6.2 Tampilan Info Terbaru ( Setelah Perbaikan )
Gambar 4. 15 Tampilan Info Terbaru ( Setelah Perbaikan )
Dalam Gambar 4.15 ini menampilkan tampilan Melihat Info Terbaru setelah melakukan perbaikan sesuai apa yang diinginkan oleh Kepala Cabang. Dari Info terbaru tersebut terlihat berbagai macam promosi dan juga iklan yang ditampilkan untuk menarik perhatian para pengguna yang telah mengunjungi website tersebut, dan jika dibandingkan dengan tampilan Info terbaru sebelumnya yang memperlihatkan tampilan yang sama namun kurang dengan desain yang memukau maka ditambahkan warna yang lebih konsisten dengan memberikan warna
background kelabu, dan ditambahkan ada sedikit caption di bawah gambarnya
untuk menarik perhatian para pengguna yang ingin membaca lebih lengkap caption yang ada di bawah gambar tersebut.
31
Gambar 4. 16 Tampilan Lengkap Info Terbaru
Dalam Gambar 4.16 telah menjelaskan ketika pengguna ingin melihat info terbaru secara lengkap maka pengguna tinggal klik gambar tersebut maka otomatis informasi lengkapnya akan muncul dengan New Tab pada browser dan muncul promosi lebih lengkap beserta dengan salam untuk para pengunjung yang sudah mengunjungi website tersebut.
32
4.6.3 Tampilan Menulis Ulasan ( Setelah Perbaikan )
Gambar 4. 17 Tampilan Menulis Ulasan ( Setelah Perbaikan )
Dari Gambar 4.17 telah menampilkan dari tampilan baru menulis ulasan yang sudah dilakukan perbaikan dengan menambahkan warna dan juga ada penambahan fitur dibagian card dari masing – masing pengguna yang sudah memberikan ulasannya. Dalam website ini, pengguna bisa memberikan rating kepada perusahaan CV. Sinar Baru Pamekasan bagaimana kepuasan para pengguna. Di bawah juga ada tombol “ Tulis Ulasan “ untuk para pengguna bisa menulis ulasan baik dari segi positif maupun negatif terhadap perusahaan tersebut.
33
Gambar 4. 18 Tampilan Pop Up Menulis Ulasan
Dalam Gambar 4.18 menjelaskan bahwa ketika pengguna sudah klik tombol tersebut, maka akan muncul pop-up untuk mengisi ulasan dan kritikan yang ingin disampaikan mengenai pelayanan dari CV. Sinar Baru Pamekasan tersebut. Terdapat ada dua input text yang harus diisi oleh pengguna ketika ingin menyampaikan ulasannya dan wajib memberikan rating untuk perusahaan agar CV. Sinar Baru Pamekasan bisa mengevaluasi kinerja mereka dan bisa memperbaikinya lebih baik lagi.
34
4.6.4 Tampilan Galeri ( Setelah Perbaikan )
Gambar 4. 19 Tampilan Galeri ( Setelah Perbaikan )
Dalam Gambar 4.19 ini menjelaskan tentang desain user interface galeri yang sudah diperbaiki menjadi lebih enak dipandang oleh mata. Dalam desain tersebut terdapat berbagai macam kumpulan gambar – gambar mengenai semua identitas perusahaan dan juga kegiatan karyawan yang ada di dalam CV. Sinar Baru Pamekasan. Dan beberapa yang lain juga ada gambar produk dari Honda yang telah disediakan untuk dipromosikan.
35
4.6.5 Tampilan Tentang Kami ( Setelah Perbaikan )
Gambar 4. 20 Tampilan Tentang Kami ( Setelah Perbaikan )
Dalam Gambar 4.20 menjelaskan mengenai tampilan Tentang Kami atau disebut dengan About Us. Dalam desain tersebut telah diperbaharui mengenai beberapa kata – kata yang menjadi baku dimulai dari paragraf pertama hingga paragraf akhir dari penjelasan mengenai Tentang Kami. Dalam fitur ini, pengguna dapat mengerti mengenai profil perusahaan CV. Sinar Baru Pamekasan dan apa tujuan dari perusahaan tersebut. Juga dalam fitur tersebut ada nomor kontak dari Kepala Cabang hingga bagian AHASS yang merupakan bagian yang mengurus berbagai macam dari spare part yang ada dalam merk Honda.
36
4.6.6 Tampilan Hubungi Kami ( Setelah Perbaikan )
Gambar 4. 21 Tampilan Hubungi Kami ( Setelah Perbaikan )
Dalam Gambar 4.21 menjelaskan tentang Hubungi Kami yaitu sebuah fitur yang menjelaskan terkait kontak untuk pembelian, alamat dari perusahaan tersebut dan jam operasional dari perusahaan tersebut untuk para pengguna. Tidak hanya itu saja, diatasnya terdapat sebuah peta yang dihubungkan langsung dengan link dari
Google Maps yang sudah berlokasi pada perusahaan CV. Sinar Baru Pamekasan.
Jika lokasi perusahaan tersebut ditekan, maka akan memunculkan New Tab pada
browser yang dimana itu akan langsung menunjukkan letak lokasi dari perusahaan
37
4.7 Rancangan Jadwal Kegiatan Kerja Praktik
Tabel 4. 6 Rancangan Jadwal Kegiatan Kerja Praktik JADWAL KEGIATAN KERJA PRAKTIK 2021
NO. NAMA KEGIATAN MARET APRIL MEI JUNI JULI
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2
1
Wawancara kepada Kepala Cabang Pamekasan
2
Perbincangan User Interface kepada Kepala Cabang Pamekasan 3
Merancang User Interface ( UI ) dengan Adobe XD
4
Konsultasi hasil UI kepada Kepala Cabang Pamekasan
5
Presentasi hasil UI kepada Kepala Cabang Pamekasan
6 Pembuatan Laporan Kerja Praktik 7 Revisi Laporan Kerja Praktik 8
Penyelesaian Hasil Akhir Laporan Kerja Praktik
Pada Tabel 4.6 merupakan sebuah rancangan jadwal kegiatan kerja praktik yang dilakukan dalam penelitian di perusahaan CV. Sinar Baru Motor Pamekasan yang dimulai dari tanggal 01 Maret 2021 hingga 26 Maret 2021. Setelah pengerjaaan User Interface, kegiatan selanjutnya adalah membuat laporan kerja praktik dimulai dari awal bulan April hingga minggu kedua Juli 2021 beserta dengan revisi yang dilakukan selama beberapa bulan. Hingga pada akhir kegiatan kerja praktik telah menyelesaikan hasil akhir dari laporan kerja praktik.
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang dapat diperoleh dari perancangan user interface dari
website CV. Sinar Baru Pamekasan adalah hasil dari perancangan ulang dari User Interface pada Fitur Promosi di Website CV. Sinar Baru Pamekasan dengan lima
tampilan yang berhasil diperbaharui dimulai dari fitur tampilan Info Terbaru, Menulis Ulasan, Galeri, Tentang Kami, dan Hubungi Kami dengan tambahan dari beberapa pop up yang dibutuhkan untuk mengisi form kepada pelanggan.
5.2 Saran
Berdasarkan aplikasi pada website tersebut yaitu CV. Sinar Baru Pamekasan maka diharapkan pada perusahaan CV. Sinar Baru Pamekasan mampu melakukan
explorasi terhadap user experience dan diterapkan pada website resmi tersebut.
DAFTAR PUSTAKA
Ghiffary, M. N. El, Susanto, T. D., & Prabowo, A. H. (2018). Analisis Komponen Desain Layout, Warna, dan Kontrol pada Antarmuka Pengguna Aplikasi Mobile Berdasarkan Kemudahan Penggunaan (Studi Kasus: Aplikasi Olride).
Jurnal Teknik ITS, 7(1). https://doi.org/10.12962/j23373539.v7i1.28723
Sahara, K. C. (2017). Landasan Teori. Landasanteori.Com, 2017, 1–17. http://www.landasanteori.com/2015/09/pengertian-kreativitas-definisi- aspek.html
Sibero. (2019). Konsep Dasar Web Design. 8–30.
Wibawanto. (2018). Bab Ii Landasan Teori. Journal of Chemical Information and
