## Sejarah Artikel
Diterima
Juli 2023
Direvisi
September 2023
Disetujui
Januari 2024 Terbit Online Maret 2024
*Penulis Koresponden: ratna@trisakti.ac.id

## PENGEMBANGAN SITUS UMKM QUELITA CAKE MENGGUNAKAN METODE USER CENTER DESIGN

## WEBSITE DEVELOPMENT FOR A SMALL ENTERPRISE QUELITA CAKEUSING USER CENTER DESIGN METHOD
Ratna Shofiati 1* , Putri Shan Alodia 1 , Aji Saputra 2 , I Nyoman Kresna 2 , Syandra Sari 2 , Dedy Sugiarto 2 , Anung Barlianto Ariwibowo 2
1 Program Studi Teknik Informatika, Fakultas Teknologi Industri, Universitas Trisakti, Jl. Kyai Tapa, No.1, Grogol, Jakarta Barat, 11440, Indonesia
2 Program Studi Sistem Informasi, Fakultas Teknologi Industri, Universitas Trisakti, Jl. Kyai Tapa, No.1, Grogol, Jakarta Barat, 11440, Indonesia

## Abstrak
Pemanfaatan  teknologi  informasi  dalam  pengembangan  aplikasi  untuk  sektor  ekonomi sudah dirasakan orang banyak. Contoh aplikasi tersebut mulai dari aplikasi bisnis excel, marketplace , hingga pembuatan situs . Dalam kaitannya dengan pemasaran, pelaku usaha saat ini banyak yang memanfaatkan media sosial untuk mempromosikan produk mereka seperti Instagram,  TikTok,  Facebook, dan Twitter .  Salah  satu  pelaku  usaha  pemasaran adalah  Quelita Cake. Bidang usaha Quelita adalah produksi kue kering dan kue basah. Quelita  cake  merupakan  salah  satu  perusahaan  kecil  seperti  dilakukan  dengan memanfaatkan  media  sosial  Instagram  dan  pemesanan  dilakukan  dengan  komunikasi menggunakan aplikasi WhatsApp . Untuk mengoptimalkan kegiatan pemasaran sehingga dapat menambah jumlah konsumen dan meningkatkan laba perusahaan, maka diadakan pelatihan pengembangan situs untuk karyawan dan pemilik Quelita cake. Pengembangan situs  dilakukan  dengan  tahapan  wawancara  dengan  pemilik  Quelita  Cake,  kemudian membuat mockup dengan Figma, tahap terakhir adalah mengembangkan situs dengan PHP Laravel .  Evaluasi  dengan  menyebarkan  kuesioner  dilakukan  untuk  mengetahui  tingkat kepuasan pengunjung terhadap situs. Hasil kuesioner antara lain adalah 91,4% pengunjung menyatakan menu-menu pada situs mudah dan sangat mudah untuk diakses dan 88,5% pengunjung menyatakan termotivasi untuk membeli produk Quelita Cake.
Kata kunci:
• Pengembangan situs • User interface
• User experience
Keywords:
• Situs development
• User interface
• User experience

## Abstract
Many  people  have  felt  the  utilization  of  information  technology  in  developing applications for the economic sector. Examples of these business applications are Excel, marketplaces, and website creation. As marketing, many businesses, such as Instagram, TikTok,  Facebook,  and  Twitter,  are  currently  utilizing  social  media  to  promote  their products. One of the marketing businesses is Quelita Cake. Quelita's line of business is the production of pastries and wet cakes. Quality Cake is a small company that utilizes Instagram  social  media  and orders  via  WhatsApp.  To optimize  marketing activities  to increase  the  number  of  consumers  and  increase  company  profits,  a  site  development training was held for employees and owners of Quelita Cake. Site development is carried out by interviewing the owner of Quelita Cake, then making a mockup with Figma; the last  stage  is  developing  the  site  with  PHP  Laravel.  Evaluation  by  distributing questionnaires was carried out to determine the level of visitor satisfaction with the site. The questionnaire results included that 91.4% of visitors stated that the menus on the site were easy and very easy to access, and 88.5% of visitors stated that they were motivated to buy Quelita Cake products.

## 1. PENDAHULUAN
Pemanfaatan  teknologi  informasi  dalam  pengembangan  aplikasi  untuk  sektor  ekonomi  sudah dirasakan orang banyak. Contoh aplikasi tersebut mulai dari aplikasi bisnis excell , marketplace , hingga pembuatan situs . Dalam kaitannya dengan pemasaran, pelaku usaha saat ini banyak yang memanfaatkan  media  sosial  untuk  mempromosikan  produk  mereka  seperti Instagram,  TikTok, Facebook , dan Twitter.
Situs  yang  memuat  profil  sebuah  perusahaan  ( company  profile )  menyajikan  informasi tentang sebuah perusahan yang dikemas menarik sehingga dapat menarik investor dan pelanggan. Informasi  yang  disajikan  antara  lain  adalah  deskripsi  perusahaan,  visi  dan  misi  perusahaan, informasi bidang industri, dan informasi tim  inti (Sitanggang, 2022). Dalam jangka panjang situs dapat  berkembang  menjadi e-commerce yang  dapat  menangani  penjualan  dan  kegiatan  bisnis lainnya. Namun demikian, company profile juga dapat dibuat dalam bentuk lainnya seperti video profile (Budiarto,  Bella,  &  Yuliani,  2018)  dan  foto-foto katalog perusahaan  (Pratama  &  Tong, 2022).
Pengembangan perangkat lunak baik itu situs, aplikasi pada ponsel maupun lainnya banyak mengalami kegagalan karena kurangnya komunikasi antara pengembang dan klien.  Produk yang dihasilkan  seringkali  memaksa  pengguna  untuk  beradaptasi  dengan  sistem,  bukan  sebaliknya sistem yang dibuat menyesuaikan dengan kebutuhan dan kenyamanan pengguna  (Shneiderman, Ben; Plaisant, Catherine; Cohen, Maxine; Jacobs, Steven; Elmqvist, Niklas; Diakopoulos, 2018).
Metode User Centered Design (UCD) merupakan metode yang secara langsung melibatkan pengguna  dalam  proses  pengembangan  perangkat  lunak,  sehingga  desain  yang  dihasilkan merupakan  pemahaman  dari  kebutuhan  pengguna  dan  bagaimana  interaksi  pengguna  terhadap perangkat  lunak  yang  sedang  dikembangkan  (Shneiderman,  Ben;  Plaisant,  Catherine;  Cohen, Maxine;  Jacobs,  Steven;  Elmqvist,  Niklas;  Diakopoulos,  2018).  Metode  UCD  tersebut  lebih mudah  untuk  dipelajari,  diterapkan,  menghasilkan  kinerja  yang  lebih  cepat  dan  mengurangi jumlah  error  atau  kesalahan  yang  disebabkan  oleh  pengguna  tidak  paham  ketika  berinteraksi dengan perangkat lunak.
Quelita Cake adalah salah satu pelaku  usaha yang didirikan pada tahun 2005 oleh dua orang yaitu Ita Kustina Nurhanita dan Desalina Sofianti dimana Ita bertugas untuk memproduksi  kue, sedangkan  Desalina  bertugas  untuk  memasarkan  produk.  Bidang  usaha  Quelita  cake  adalah produksi kue kering dan kue basah. Menjelang hari raya idul fitri biasanya pemesanan melonjak 10 kali lipat dari rata-rata penjualan setiap bulannya. Produk unggulan Quelita Cake adalah nastar, kastengels, dan sagu keju. Quelita Cake juga menerima pemesanan kue klapertaart dan Hokkaido tart.  Konsumen  Quelita  Cakes  masih  terbatas  teman  dan  kerabat  dan  pemesanan  dilakukan melalui pesan pribadi WhatsApp, namun untuk pemasaran juga menggunakan aplikasi lain, yaitu Instagram ( Gambar 1). Untuk mengoptimalkan pemasaran usaha, maka diberikan pelatihan User Centered  Design (UCD)  kepada  karyawan  dan  pemilik  Quelita  cake.  Hal  ini  bertujuan  agar pemahaman  dan  penggunaan  perangkat  lunak  dalam  pemasaran  usaha  dapat  berjalan  dengan maksimal sehingga mampu menambah konsumen dan meningkatkan laba.

## Gambar 1.  Promosi Quelita Cake melalui Instagram

## 2.  METODE
Metodologi pengembangan situs untuk Quelita Cake menggunakan User Center Design (UCD) seperti siklus Gambar 2.
Gambar 2. User Center Design
Tahapan yang dilaksanakan pada kegiatan PKM adalah:
1. User research and analysis
Pada tahapan ini dilakukan pengumpulan data dan wawancara dengan pemilik perusahaan.  Data yang dibutuhkan antara lain data produk, kontak, dan alur pemesanan produk kue.
2. Concept Design
Konsep  penancangan  yang  sesuai  untuk  sebuah  perusahaan  sangat  penting  untuk merepresentasikan perusahaan tersebut.  Kegiatan dilakukan dengan mencari sumber acuan bisnis
sejenis  yaitu  toko  roti  dan  kue.  Selanjutnya  membuat  prototipe  atau mockup situs  yang  akan dikembangkan 3. User Testing dan Prototyping
Pada tahapan ini mockup sudah selesai dibuat dengan Figma (Gambar 3) dan dapat dilihat pada tautan https://s.id/1QT3Dl05.
Oleh karena itu dibutuhkan masukan dari pemilik perusahaan apakah informasi dan desain  situs sudah sesuai dengan perusahaan. Pertemuan dijadwalkan pada 11 November 2022.
Gambar 3. Pembahasan Prototipe Situs dengan Pemilik Quelita Cake

## 4. Detailed Design
Hasil dari pembahasan prototipe digunakan sebagai masukan untuk perbaikan dan pengembangan situs.
5. Develop and Measure
Pada tahap terakhir ini beberapa kegiatan yang dilakukan adalah:
a. Memasang situs pada server
b. Serah terima situs kepada Quelita Cake
c. Menyebarkan kuesioner Pengukuran kepuasan pengguna (User Experience) sebagai evaluasi terhadap situs

## 3.  HASIL DAN PEMBAHASAN
Situs untuk Quelita Cake (Gambar 4) dapat diakses pada tautan https://quelitacake.com. Fitur atau menu yang disajikan adalah Home, Tentang Kita, Produk, Ukuran dan Kontak.
Fitur Home menyajikan landing page dari situs. Fitur Tentang Kita menyajikan cerita dari Quelita  Cake.  Fitur  Produk  menyajikan  produk-produk  kue  yang  diproduksi  dan  dijual  oleh Quelita Cake.  Contoh produk dapat dilihat pada Gambar 5. Fitur Ukuran menyajikan berbagai ukuran kemasan produk kue kering yang dijual yaitu kemasan plastik 250 mL, kemasan plastik 350  mL,  kemasan  plastik  500ml,  kemasan  kaca  400  mL.    Fitur  kontak  menyajikan  infomasi layanan kontak pada media sosial seperti WhatsApp, Instagram dan email.

## Gambar 4. Situs Quelita Cake
Gambar 5. Produk-produk Quelita Cake yang siap dipasarkan dan dapat dipesan
Situs Quelita Cake belum dapat memproses pembelian secara langsung seperti halnya situs E-Commerce yang  banyak  dijumpai  karena  pada  tahap  ini  tujuan  pengembangan  situs  adalah promosi kue-kue kering dan Cake yang diproduksi Quelita Cake.
Tahap  akhir  dari  kegiatan  PKM  ini  adalah  melakukan  evaluasi  terhadap  kepuasaan pengunjung dalam berinteraksi dengan situs.  Oleh karena itu, tim membuat instrumen kuesioner yang  disebarkan  kepada  masyarakat  yang  berpotensial  untuk  membeli  produk  kue  kering  dan cake.
Kepuasan Pengguna (User  eXperience  – UX) difokuskan kepada pemahaman yang dalam terhadap  pengguna,  tentang  apa  yang  dibutuhkan,  apa  saja  yang  bernilai,  kemampuan  serta keterbatasan pengguna (Kimmons & Yamada, 2022).  Oleh karena itu informasi yang disajikan harus memenuhi (Earnshaw, Tawfik, & Schmidt, 2018) :
1. Useful : konten informasi harus original dan memenuhi kebutuhan pengguna
2. Usable : situs harus mudah diakses
3. Desirable : gambar, brand/merek, dan elemen desain harus dapat membangkitkan emosi dan apresiasi
4. Findable : Konten yang dicari dapat ditemukan dalam situs
5. Accessible : konten dapat diakses bahkan untuk pengguna dengan keterbatasan fisik
6. Credible : informasi yang disajikan harus dapat dipercaya.
Instrumen kuesioner dibuat dengan tujuh pertanyaan tentang situs dengan menggunakan jawaban empat skala likert dan satu pertanyaan tentang saran berupa paragraf.
Profil  responden  yang  mengisi kuesioner  adalah  33 orang perempuan  dan  dua orang  laki- laki.  Umur responden ada pada kisaran 36 – 56 tahun.  Berikut hasil pengolahan data kuesioner: 1. Apakah  tampilan  situs  menurut  anda  menarik? 97,1% responden  menjawab  menarik  dan sangat menarik (Gambar 6).

## Gambar 6. Grafik jawaban kuesioner nomor 1
2. Apakah  Anda  kesulitan  dalam  mengakses  setiap  menu  situs? 91,4% responden  menjawab mudah dan sangat mudah (Gambar 7).
Gambar 7. Grafik jawaban kuesioner nomor 2
3. Apakah situs Quelita Cake mudah untuk anda dipahami? 94,3% responden menjawab mudah dan sangat mudah (Gambar 8).
Gambar 8. Grafik jawaban kuesioner nomor 3
4. Apakah  desain  halaman  situs  terorganisasi  dengan  baik? 100% responden  menjawab terorganisasi dan sangat terorganisasi (Gambar 9).

## Gambar 9. Grafik jawaban kuesioner nomor 4
5. Apakah anda merasa nyaman menggunakan situs Quelita Cake? 97,1% responden menjawab nyaman dan sangat nyaman (Gambar 10).

## Gambar 10. Grafik jawaban kuesioner nomor 5
6. Apakah  informasi  yang  disajikan  pada  situs  jelas? 91,4% responden  menjawab  jelas  dan sangat jelas (Gambar 11).

## Gambar 11. Grafik jawaban kuesioner nomor 6
7. Apakah  anda  termotivasi  untuk  membeli  produk  yang  ditayangkan  pada  situs? 88,5% responden menjawab termotivasi dan sangat termotivasi (Gambar 12)
Gambar 12. Grafik jawaban kuesioner nomor 7
Pada  bagian  saran,  sebanyak  52%  responden  menyarankan  adanya  informasi  harga  yang dicantumkan  dalam  setiap  produk  yang  ditayangkan.    Saran  lainnya  menyatakan  bahwa  situs sudah baik dan layak untuk menjadi media promosi Quelita Cake.

## 4.  KESIMPULAN
Berdasarkan hasil kuesioner UX untuk situs Quelita Cake maka dapat disimpulkan, yaitu:
1. Situs  Quelita  Cake  memenuhi  prinsip  perancangan yaitu useful,  usable, desirable,  findable, accessible dan credible dibuktikan dengan hasil kuesioner yang mendapatkan respon positif rata-rata di atas 85%.
2. Kemudahan mengakses setiap menu situs adalah 91,4%. Walaupun sangat baik, tetapi ternyata ada  beberapa  pengunjung  yang  tidak  dapat  mengakses  menu  karena  browser  belum dimutakhirkan dan juga keterbatasan perangkat gawai yang digunakan.
3. Rata-rata  pengunjung  termotivasi  untuk  membeli  produk  Quelita  Cake  yaitu  88,5%  yang berarti situs dapat digunakan sebagai media promosi dengan efektif.
Untuk  selanjutnya,  situs  promosi  Quelita  Cake  dapat  dikembangkan  menjadi e-commerce yang dapat menangani transaksi pembelian secara online .

## Ucapan Terima Kasih
Ucapan terima kasih untuk pihak Quelita Cake yang bersedia menjadi mitra PKM.

## Referensi
Budiarto, M., Bella, U., & Yuliani, N. (2018). Media Promosi Dan Informasi Pada PT. Gardena Karya Anugrah Berbentuk Video Company Profile. CICES , Vol 2 (2). Retrieved from https://ejournal.raharja.ac.id/index.php/cices/article/view/527/
Earnshaw, Y. (Kennesaw S. U., Tawfik, A. A. (University of M., & Schmidt, M. (University of G. (2018). User Experience Design. In Foundations of Learning and Instructional Design Technology . EdTech Book. https://doi.org/10.59668/3
Kimmons, R., & Yamada, S. (2022). UX Evaluation. In Visual in Learning Design . EdTech Book. Retrieved from https://edtechbooks.org/design/ux_evaluation#:~:text=UX evaluations utilize a variety,provide suggestions for moving forward.
Pratama, J., & Tong, I. W. (2022). Implementasi Foto Produk dan Katalog Company Profile di PT Katindo Utama Menggunakan Metode MDLC. In Prosiding National Conference for Community Service Project . Retrieved from
https://journal.uib.ac.id/index.php/nacospro/article/download/7081/2711
Shneiderman, Ben; Plaisant, Catherine; Cohen, Maxine; Jacobs, Steven; Elmqvist, Niklas;
Diakopoulos, N. (2018). Designing The User Interface : Strategies for Effective Human- Computer Interaction . (K. Horton, Marcia; Johnson, Tracy; Alaura, Ed.) (6th ed.). Pearson.
Sitanggang, D. D. K. P. (2022). Company Profile Adalah: Contoh, Susunan, dan Cara Membuat yang Benar. Retrieved July 23, 2023, from https://www.detik.com/jabar/bisnis/d- 6280455/company-profile-adalah-contoh-susunan-dan-cara-membuat-yang-benar