PERANCANGAN UI/UX WEBSITE ARCHLIVE

PROPOSAL TUGAS AKHIR

Rafi Yudhistira Rivaldi

00000040149

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL

FAKULTAS SENI & DESAIN
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2022
 PERANCANGAN UI/UX WEBSITE ARCHLIVE

PROPOSAL TUGAS AKHIR

Diajukan sebagai Salah Satu Syarat untuk Memperoleh

Gelar Sarjana Desain

Rafi Yudhistira Rivaldi

00000040149

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL

FAKULTAS SENI & DESAIN
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2022

i
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 HALAMAN PERNYATAAN TIDAK PLAGIAT

Dengan ini saya,

Nama : Rafi Yudhistira Rivaldi

Nomor Induk Mahasiswa : 00000040149

Program studi : Desain Komunikasi Visual

Proposal tugas akhir desain dengan judul:

PERANCANGAN UI/UX WEBSITE ARCHLIVE

merupakan hasil karya saya sendiri bukan plagiat dari karya ilmiah yang ditulis oleh orang lain,
dan semua sumber, baik yang dikutip maupun dirujuk, telah saya nyatakan dengan benar serta
dicantumkan di Daftar Pustaka.

Jika di kemudian hari terbukti ditemukan kecurangan/penyimpangan, baik dalam pelaksanaan

skripsi maupun dalam penulisan laporan skripsi, saya bersedia menerima konsekuensi
dinyatakan TIDAK LULUS untuk Tugas Akhir yang telah saya tempuh.

Tangerang, 08 Desember 2022

Rafi Yudhistira Rivaldi

ii
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 KATA PENGANTAR

Pertama-tama penulis ucapkan puji dan syukur terhadap Tuhan YMA atas kehadirat serta
rahmat yang diberikan oleh-Nya, penulis dapat menyusun dan menyelesaikan proposal tugas
akhir yang berjudul “Perancangan UI/UX Website Archlive”. Proposal ini merupakan salah
satu syarat dari kelulusan kuliah jurusan Desain Komunikasi Visual untuk memperoleh gelar
S. Ds.

Penulis mengucapkan terima kasih kepada:

1. Bapak Ninok Leksono, selaku Rektor Universitas Multimedia Nusantara.
2. Bapak Muhammad Cahya Mulya Daulay, S.Sn., selaku Dekan Fakultas Universitas
Multimedia Nusantara.
3. Ibu Fonita Theresia Yoliando, S.Ds., M.A., selaku Ketua Program Studi Universitas
Multimedia Nusantara.
4. Ibu Cennywati, S.Sn., M.Ds., sebagai Pembimbing pertama yang telah memberikan
bimbingan, arahan, dan motivasi atas terselesainya tugas akhir ini.
5. Keluarga saya yang telah memberikan bantuan dukungan material dan moral,
sehingga penulis dapat menyelesaikan tugas akhir ini.
Demikian kata pengantar yang penulis dapat sampaikan. Penulis menyadari bahwa masih ada
kekurangan dan kesalahan pada proposal ini, sehingga menerima jika adanya kritik dan saran
yang harus disampaikan agar dapat membantu meningkatkan kinerja penulis dan
menyelesaikan proposal tugas akhir secara baik dan benar. Penulis berharap bahwa karya
ilmiah ini dapat memberikan manfaat materi pengetahuannya serta pengaruh baik terhadap hal
yang diteliti, penulis, serta pembaca.

Tangerang, 08 Desember 2022

Rafi Yudhistira Rivaldi

iii
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
DAFTAR ISI

HALAMAN PERNYATAAN TIDAK PLAGIAT ............................................. ii

KATA PENGANTAR .......................................................................................... iii
DAFTAR ISI..........................................................................................................iv
DAFTAR GAMBAR .............................................................................................. v
DAFTAR TABEL .................................................................................................vi
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang .......................................................................................................... 1
1.2 Rumusan Masalah ..................................................................................................... 1
1.3 Batasan Masalah ....................................................................................................... 2
1.4 Tujuan Tugas Akhir ................................................................................................. 2
1.5 Manfaat Tugas Akhir ............................................................................................... 2
1.6 Metodologi Perancangan .......................................................................................... 3
1.7 Timeline Perancangan .............................................................................................. 5
Tabel 1.1 Timeline Kegiatan Perancangan ............................................................................ 5
1.8 Skema Perancangan .................................................................................................. 6
DAFTAR PUSTAKA .......................................................................................... vii

iv
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
DAFTAR GAMBAR
Gambar 1.1 Metode Perancangan UCD...................................................................3

v
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
DAFTAR TABEL
Tabel 1.1 Timeline Kegiatan Perancangan .............................................................. 5

vi
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Startup adalah sebuah perusahaan yang dibangun oleh seorang
entrepreneurship untuk membangun serta mengembangkan suatu modal bisnis
yang telah dibuat. Menurut Eric Ries (2011), startup merupakan sebuah institusi
manusia yang dirancang untuk memberikan produk atau layanan baru di bawah
kondisi ketidakpastian yang ekstrim. Sebuah startup biasanya berbasis dibuat untuk
menemukan sebuah solusi dari suatu masalah dengan memanfaatkan teknologi
yang nantinya dijadikan suatu bentukan bisnis.
User Interface (UI) adalah bagaimana interaksi antara sistem serta user
(pengguna) berinteraksi dengan sesame lain melalui sebuah input pada suatu
tampilan (Ardy Setyawan, 2016), sedangkan User Experience (UX) merupakan
bagaimana overall experience user (pengguna) dalam menggunakan sistem tersebut
yang meliputi behavioral, reaction, dan perception (ISO 9241 – 11, 1998). Sebuah
website memerlukan kedua elemen tersebut agar dapat menjadi seutuhnya dan
berfungsi dengan baik.
Archlive merupakan sebuah start up yang didirikan pada tahun 2022 dibawah
naungan Skystar Venture dengan tujuan untuk membuat sebuah lapak kerja
freelance arsitek dengan menggunakan media utama website. Dalam menjalankan
bisnis start up yang menggunakan media website sebagai landasan utama core
service, maka diperlukan juga sebuah tampilan UI/UX yang baik agar dapat
menopang dalam menyediakan jasa tersebut. Maka dari itu, penulis akan menyusun
design UI/UX untuk website Archlive agar dapat berjalan dengan baiknya start up
tersebut.

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas, terdapat masalah yaitu:

1. Bagaimana merancang UI/UX website Archlive?

1
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
1.3 Batasan Masalah
Pembatasan target audiens berdasarkan :

1. Segmentasi Demografis
Gender : Pria & Wanita
Usia : 28 – 45 tahun
Pendapatan : Rp 15.000.000,- +
Pekerjaan : Karyawan
Generasi :Y&Z
Kelas Sosial : Ses A-B
Status : Menikah & Belum Menikah

2. Segmentasi Geografis
Negara : Indonesia
Wilayah : Jabodetabek

3. Segmentasi Psikografis
Gaya Hidup : Functionalist
Kepribadian : Suka explore media informasi
Melankolis

1.4 Tujuan Tugas Akhir

Tujuan dari tugas akhir ini adalah sebagai penyelesaian persyaratan penulis
dalam kelulusan kuliah serta dalam penelitian yang sesuai dengan jurusan.

1.5 Manfaat Tugas Akhir

Untuk kebaikan kelancaran proses perancangan UI/UX website, penulis
menggunakan metodologi penelitian studi literatur untuk pengumpulan data.

2
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 1.5.1 Penelitian Studi Literatur
Berdasarkan Daniel dan Warsiah (2009), penelitian studi literatur
adalah sebuah penelitian yang dilakukan dengan metode mengumpulkan
dan mempelajari materi serta data dari sejumlah jurnal serta buku-buku
yang berkaitan dengan masalah serta tujuan penelitiannya.

1.6 Metodologi Perancangan

Metodologi perancangan yang akan digunakan oleh penulis dalam
merancang UI/UX adalah metode perancangan UCD (User Centered Design).

1.6.1 Metode Perancangan UCD

Pada bukunya User centered design of an Iphone application for women
business travelers (2014), Jagadish menyebutkan bahwa User Centered
Design (UCD) adalah menerjemahkan partisipasi dan pengalaman manusia
ke dalam suatu rancangan. Dalam sebuah jasa yang menggunakan platform
digital dibutuhkannya suatu elemen yang interaktif dengan usernya agar
dapat bernavigasi dengan lancar dalam mencari atau menggunakan jasa
tersebut.brand. Berikut adalah metodologi perancangan User Centered
Design (UCD), metode perancangan ini terdiri dari empat tahap yaitu:

Gambar 1.1 Metode Perancangan UCD

3
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 1) Understand Context of Use
Tahap pertama dalam penelitian ini adalah untuk memahami
konteks kegunaan dari sistem yang nantinya akan dibangun seperti,
untuk apa web tersebut digunakan, siapa yang akan menggunakan web
tersebut, serta untuk apa web tersebut digunakan.

2) Specify User Requirement

Tahap kedua ini adalah berfungsi untuk me-research apa yang
dibutuhkan user pada laman website agar tujuan bisnis jasa web tersebut
dapat tercapai.

3) Design Solution
Pada tahapan ketiga ini penulis akan membuat tampak design dari
perancangan solusi yang telah didapatkan pada tahap sebelumnya.
Tahapan ini akan melewati beberapa fase mulai dari konsep dasar,
prototype, hingga desain lengkap.

4) Evaluation Againts Requirement

Tahapan terakhir ini akan melibatkan user dalam menggunakan
website untuk melakukan proses user testing agar design ui/ux lebih
matang.

4
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 1.7 Timeline Perancangan
Dalam kurun waktu 4 bulan, perancangan ui/ux website archlive akan
dilakukan sesuai dengan timeline perancangan sebagai berikut:

I II III IV
Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Overview Identifikasi masalah

Penentuan target
audiensi

Pengumpulan data

Strategy Analisis data

Pembuatan Creative
Brief

Pembuatan strategi dan

taktik

Ideas Pembuatan
perencanaan visualisasi

Design Visualisasi

Production Perancangan desain

UI/UX

Implementa Finalisasi
tion

Tabel 1.1 Timeline Kegiatan Perancangan

5
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
 1.8 Skema Perancangan

PERANCANGAN UI/UX
WEBSITE ARCHLIVE

Identifikasi Masalah

Bagaimana UI/UX website

Archlive?

Target Perancangan

Geografis : Jabodetabek, Indonesia

Demografis : Perancangan ulang ini ditujukkan untuk adults (28-45 tahun), laki-laki
maupun wanita, memiliki pekerjaan sebagai karyawan dengan pendapatan ekonomi dikelas
SES A-B perbulan, sudah atau belum menikah dan berlaku untuk seluruh agama.
Psikografis : Ingin membangun suatu rumah atau gedung impian.

Orientasi

Studi Literatur

Understand Context of Use

Specify User Requirement

Design Solution

Evaluation Againts Requirement

Analisa Hasil

Kesimpulan dan Saran

6
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara
DAFTAR PUSTAKA

ISO 9241-11:1998 (E)

Danial, E., & Wasriah, N. (2009). Metode Penulisan Karya Ilmiah. Bandung:
Laboraturium Pendidikan Kewarganegaraan.

Jagadish, R. N. (2014). User centered design of an Iphone application for women

business travelers. Examensarbete: Uppsala Universitet.

Eric Ries. (2011). The Lean Startup. Amerika Serikat: Crown Business

Ardy Setyawan. (2016). Rancang Bangun Aplikasi Manajemen Klien pada Paris
(Parking Information System). Retrieved from
http://repository.dinamika.ac.id/id/eprint/1764/

https://uxplanet.org/user-centered-design-process-and-benefits-fd9e431eb5a9

https://www.interaction-design.org/literature/topics/user-centered-design

vii
Perancangan UI/UX Website Archlive, Rafi Yudhistira Rivaldi, Universitas Multimedia Nusantara