Oleh :

Rahwal Dandi
5182230003

Pengertian dan
Pentingnya Pancasila
dalam kajian Sejarah
Bangsa Indonesia
 Bab 1 : Pendahuluan

Latar Belakang

Perancangan Desain User Interface Website E-commerce Kampunk Tujuan Penulisan

Kaos dilatar belakangi dengan lemahnya sistem penjualan produk dan
jasa yang ada pada Kampunk Kaos, hal ini diakibatkan karena
Kampunk Kaos belum memiliki sebuah website yang mampu Ketika melakukan perancangan sebuah desain ada
mendongkrak penjualan mereka. Untuk menciptakan sebuah website, beberapa tahap yang harus dilakukan antara lain :
khususnya website E-commerce dibutuhkan perancangan user
interface (UI), dimana user interface (UI) ini bertujuan sebagai pondasi 1. Menentukan Konsep
visual dalam proses pemrograman sebuah website E-commerce yang 2. Pemilihan Media
dilakukan oleh developer. 3. Menemukan Ide
4. Pencarian Data
5. Melakukan Visualisasi Manual dan Digital
Rumusan Masalah
Menampilkan seluruh hasil Perancangan Desain User
Bagaimana proses perancangan user interface (UI) pada website Kampung Interface Website E-Commerce Kampunk Kaos ini
Kaos dalam memberikan kemudahan konsumen untuk pemesanan sablon kedalam media cetak.
kaos serta melakukan transaksi pembayaran?

Hasil akhir bagaimana yang akan divisualkan dalam Perancangan Desain

User Interface Website E-Commerce Kampunk Kaos?
Batasan Masalah

Tugas Akhir ini hanya membahas seputar Perancangan

Desain User Interface Website E-Commerce Kampunk
Kaos, dimana ruang lingkup desain yang akan dibahas Metode Penulisan
mengenai tampilan media dalam sistem pemesanan
Observation
jasa/produk yang menjadi layanan di Kampunk Kaos.
Wawancara
Dalam Perancangan User Interface Website
E-Commerce Kampunk Kaos ini hanya memaparkan Kepustakaan
tahapan proses perancangan secara singkat, dimana
proses yang akan disampaikan merupakan bagian
penting dari semua proses yang ada.
B a b 2 : L a n d a s a n Te o r i

Desain
Hasil kerjasama art direction dan copy writer (berupa
konsep verbal dan visual) dipadukan secara sinergis Website
kedalam desain melalui proses standar, yaitu membuat
sketsa-sketsa kasar, menentukan alternative desain Wibsite atau situs dapat diartikan sebagai kumpulan
sampai final artwork. halaman-halaman yang digunakan untuk menampilkan
informasi teks, gambar diam atau gerak, animasi, suara,
dan atau gabungan dari semuanya.
User Interface
User interface (UI) adalah bentuk tampilan visual yang E-commerce
kita lihat setiap kali mengunjungi website, software,
serta mobile apps di smart phone. E-commerce atau (electronic commerce) adalah bagian
dari e-lifestyle yang memungkinkan transaksi jual beli
dilakukan secara online dari sudut tempat mana pun.
Wireframe
Wireframe merupakan gambar rancangan antar muka
atau prototype dari halaman website atau aplikasi
mobile secara detail yang dapat dibuat secara manual
atau menggunakan perangkat lunak pengolah citra
digital.
Bab 3 : Gambaran Umum Kampunk Kaos

Kampunk Kaos merupakan perusahaan industri kreatif

yang bergerak dibidang jasa desain dan sablon kaos untuk
memenuhi kebutuhan style yang semakin beragam
dengan mengutamakan hasil dari pesanan yang dapat
mengikuti selera dari pelanggan.

Hasil Produksi
Bab 4 : Analisis dan Pembahasan

Tahap Perancangan
Tahap Perancangan dibutuhkan untuk mempermudah Menemukan Ide
dalam proses pembuatannya sebuah desain.
Perancangan ini pada dasarnya dibuat untuk menerapkan user
interface (UI) yang baik kedalam sebuah website E-commerce,
user interface (UI) untuk memudahkan user dalam melakukan
Menentukan Konsep pemesanan produk barang atau jasa karena terdapat fitur
online editor, menerapkan user interface (UI) agar user merasa
Konsep Perancangan Desain User Interface Website mudah dalam melakukan transaksi pembayaran.
E-commerce Kampunk Kaos dipengaruhi oleh penggunaan
warna pada user interface website, peletakan elemen pada
layout yang sesuai dengan ruang desain, fitur yang tidak Pencarian Data
berlebihan , serta memberikan alur pembayaran yang mudah.
Data ini berguna sebagai acuan kita dalam melakukan
perancangan desain. Data yang kita peroleh sebagai
Pemilihan Media bahan saat melakukan desain nanti dapat berupa data
gambar, teks, dan audio.
Desainer harus mengetahui kreteria media yang akan di
gunakan, memilih media yang cocok untuk konsep
perancangan kita agar hasil yang kita dapat mencapai
tujuan yang lebih efektif.
Pemilihan Warna

User Interface Website E-commerce menggunakan

warna dari logo Kampunk Kaos itu sendiri, agar User
Interface Website E-commerce Kampunk Kaos
menjadi satu konsep dengan desain brand identity
yang telah di gunakan Kampunk Kaos,
Sketsa Wireframe Dan Hasil Digitalisasi
Halaman Katalog

Halaman Katalog merupakan halaman yang

menampilkan daftar dari produk kaos yang telah di
sablon beserta keterangan berupa nama sablon, harga,
dan warna yang tersedia pada kaos tersebut.
Bab 5 : Penutup
Kesimpulan
Dalam perancangan desain user interface (UI) khususnya
untuk website E-commerce Kampunk Kaos yang
tujuannya membuat tampilan agar user merasa mudah
dalam melakukan pemesanan produk barang atau jasa
menerapkan layout yang tidak terlalu menyesakkan mata
user ketika melihat website E-commerce, tampilan yang
konsisten, penggunaan warna yang tepat dan teratur,
penyesuaian tataletak dengan ruang yang lebih simpel
dan modren tidak monoton.
Saran
1. Dalam perancangan sebuah user interface (UI)
dibutuhkan proses konsep desain dahulu, melakukan
proses sketsa wireframing untuk mengetahui
bagaimana work flow pada website tersebut, serta
mendapatkan layout yang sesuai dengan konsep
desain.
2. Sebuah user interface (UI) akan sangat tidak efisien jika
tidak mengetahui user experience (UX) dalam
perancangan sebuah website, begitu juga user
experience (UX) akan cacat jika tidak memiliki tampilan
yang memukau dan mensugesti user.
Selesai