LAPORAN AKHIR

MAGANG & STUDI INDEPENDEN BERSERTIFIKAT

FUNDAMENTAL UI/UX DESIGN
Di PT. HACKTIVATE TEKNOLOGI INDONESIA

Diajukan untuk memenuhi persyaratan kelulusan

Program MSIB MBKM

Oleh :
Vira Aprillia Humaera / 10120180

TEKNIK INFORMATIKA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS KOMPUTER INDONESIA
2023
i
 Lembar Pengesahan
Fundamental UI/UX Design
Di PT. Hacktivate Teknologi Indonesia

Oleh :
Vira Aprillia Humaera /10120180

disetujui dan disahkan sebagai

Laporan Magang atau Studi Independen Bersertifikat Kampus Merdeka

Jakarta, 15 Juni 2023

PIC Studi Independen PT. Hacktivate Teknologi Indonesia

Lutfi Dwimulya
NIP : H8-0261

ii
 ABSTRAKSI
Menurut UU RI No 2 Tahun 1989 tentang Sistem Pendidikan Nasional menyatakan
bahwa Pendidikan adalah usaha sadar untuk menyiapkan peserta didik melalui
kegiatan bimbingan pengajaran dan / atau latihan bagi peranannya di masa yang
akan datang. Melalui kebijakan KEMENDIKBUD dengan program Merdeka
Belajar Kampus Merdeka (MBKM) menjadi salah satu upaya dalam
pengimplementasian Pendidikan dalam menghadapi tantangan di era modern.
Merdeka Belajar Kampus Merdeka (MBKM) diluncurkan sebagai langkah
persiapan dalam pemberian kesempatan bagi mahasiswa untuk mengasah bakat dan
minat terutama dalam dunia industri. Dengan program Studi Independen
Bersertifikat sebagai salah satu program Merdeka Belajar Kampus Merdeka
(MBKM) menjadi program pengembangan diri diluar perkuliahan kampus dengan
minat pembelajaran yang disesuaikan terhadap para mahasiswa dan bekerja sama
bersama dengan berbagai mitra. PT. Haktivate Teknologi Indonesia atau Hacktiv8
sebagai salah satu mitra program Studi Independen Bersertifikat memberikan
kesempatan terhadap mahasiswa menjadi mahasiswa bertalenta digital dan siap
bekerja di dunia industri digital. Salah satu program yang diberikan yaitu
Fundamental UI/UX Designer dengan dirancang untuk mempelajari cakupan
mindset, pembelajaran siklus kerja seorang UI/UX Designer berdasarkan
pengambilan keputusan pengguna berbasis interaksi manusia-komputer, hingga
pembuatan project sebagai UI/UX Designer. Pembelajaran Studi Indepeneden
Bersertifikat Merdeka Belajar Kampus Merdeka (MBKM) dengan focus
Fundamental UI/UX Design ditempuh selama empat bulan yang dapat dikonversi
menjadi 20 sks.

Kata Kunci : Kampus Merdeka, Studi Independen Bersertifikat, UI/UX Design,

Hacktiv8

iii
 KATA PENGANTAR

َّ ‫ٱلرحْ َٰم ِن‬

‫ٱلر ِح ِيم‬ ِ َّ َٰ ‫ِبس ِْم‬
َّ ‫ٱَلل‬
Assalamualaiakum Wr. Wb.
Alhamdulillah, segala puji bagi Allah SWT tuhan yang maha esa, karena
dengan rahmat dan hidayah-Nya senantiasa memberikan Kesehatan, kemampuan,
kekuatan, sehingga penulis dapat menyelesaikan laporan akhir studi independent
bersertifikat dapat terselesaikan dengan baik.
Laporan akhir studi independent bersertifikat ini diajukan untuk
memenuhi salah satu syarat kelulusan dalam menyelesaikan kegiatan Studi
Independent Bersertifikat program Fundamental UI/UX Design di PT. Hacktivate
Teknologi Indonesia melalui Magang dan Studi Independent Bersertifikat
Merdeka Belajar Kampus Merdeka. Judul yang diambil pada laporan akhir studi
independent bersertifikat ini yaitu “Perancangan UI/UX website Checkdokter
pada desktop dan mobile menggunakan aplikasi Figma”.
Penulis tidak bisa memungkiri bahwa dalam menyusun laporan akhir ini
terdapat hambatan dan kesulitan, namun berkat bantuan dari berbagai pihak serta
doa, semangat, dan ikhtiar penulis mampu menyelesaikan penulisan laporan akhir
studi independent bersertifikat di PT. Hacktivate Teknologi Indonesia. Oleh
karena itu, dengan segala kerendahan hati pada kesempatan ini penulis
menyampaikan ucapan terima kasih yang sebesar-besarnya kepada yang terhormat
:
1. Bunda, Ayah, Kakak, dan Keponakanku tercinta yang selalu memberikan
doa dan seluruh bantuan hingga rasa kasih sayang melalui berbagai
dorongan yang telah diberikan semoga mendapatkan balasan dan pahala
yang berlipat ganda dari Allah SWT.
2. Kak Felia Sunarga sebagai mentor selama 4 (empat) bulan yang telah
memberikan ilmu, kritik, saran, hingga arahan terhadap penulis.
3. Lutfi Dwimulya sebagai Person In Charge (PIC) pada Studi Independent
Bersertifikat di PT. Hacktivate Teknologi Indonesia.
4. Dr. Dede Kurniadi, S.Kom, M.Kom. sebagai dosen pembimbing program
Studi Independent di PT. Hacktivate Teknologi Indonesia yang telah
memberikan arahan terhadap penyusunan laporan akhir hingga penilaian
capaian akhir peserta studi independent.
5. Dr. Nungki Heriyati, M.A. selaku PIC Studi Independen Bersertifikat
Teknik Informatika UNIKOM
6. Syabila Putri Syahada, salah satu sahabat yang selalu mendukung serta
memberikan arahan pada seluruh kegiatan yang penulis lakukan hingga
penulis berada di titik ini.

iv
 7. Tasya Maharatu, sahabat sekampus yang telah membimbing, menasehati,
hingga memberikan dorongan kepada penulis sehingga penulis dapat
menyelesaikan program Studi Indepeneden dengan baik.
8. Teman-teman CKD yaitu Silvy, Akhdan, dan Raya yang selalu
memberikan semangat dan bantuan sehingga penulis dapat mengikuti
hingga menyelesaikan program studi independent bersertifikat ini.
9. Serta semua pihak yang telah membantu dan memberi dukungan yang
tidak dapat penulis sebutkan. Semoga kebaikannya dapat dibalas oleh
Allah SWT.
Akhirnya penulis panjatkan doa semoga Allah SWT memberikan taufik dan
hidayah-Nya kepada kita semua. Aamiin.
Wassalamualaikum Wr. Wb.

v
 DAFTAR ISI
Lembar Pengesahan Teknik Informatika................ Error! Bookmark not defined.
Lembar Pengesahan ................................................................................................ ii
ABSTRAKSI.......................................................................................................... iii
KATA PENGANTAR ............................................................................................. iv
DAFTAR ISI .......................................................................................................... vi
DAFTAR GAMBAR ............................................................................................ vii
DAFTAR TABEL................................................................................................... ix
BAB I PENDAHULUAN ................................................................................ I-10
I.1 Latar Belakang .............................................................................................. I-10
I.2 Lingkup ......................................................................................................... I-11
I.3 Tujuan ........................................................................................................... I-12
BAB II STRUKTUR ORGANISASI PT. HACKTIVATE TEKNOLOGI
INDONESIA ....................................................................................................... II-1
II.1 Struktur Organisasi ......................................................................................... II-1
II.2 Lingkup Pekerjaan.......................................................................................... II-3
II.3 Deskripsi Pekerjaan ........................................................................................ II-4
II.4 Jadwal Kerja ................................................................................................... II-6
BAB III PERANCANGAN UI/UX WEBSITE CHECKDOKTER PADA
DESKTOP DAN MOBILE MENGGUNAKAN APLIKASI FIGMA .............. III-1
III.1 Permasalahan Kurangnya Literasi Kesehatan Di Indonesia.......................... III-1
III.2 Final Project 1 Research dan Ideation Website Checkdokter ........................ III-2
III.3 Final Project 2 Wireframing Low-Fidelity Website Checkdokter ................. III-7
III.4 Final Project 3 Mockup High-Fidelity Website Checkdokter ....................... III-8
III.5 Final Project 4 Prototyping Website Checkdokter ...................................... III-14
BAB IV PENUTUP ....................................................................................... IV-1
IV.1 Kesimpulan ...................................................................................................IV-1
IV.2 Saran .............................................................................................................IV-1
REFERENSI ........................................................................................................... 3
LAMPIRAN A. TOR .......................................... Error! Bookmark not defined.
LAMPIRAN B. LOG ACTIVITY....................... Error! Bookmark not defined.
LAMPIRAN C. DOKUMEN TEKNIK .............. Error! Bookmark not defined.

vi
 DAFTAR GAMBAR
Gambar II.1 Struktur Organisasi PT. Hacktivate Teknologi Indonesia ........................... II-1
Gambar III.1 Research Identification ........................................................................... III-2
Gambar III.2 Report Identification ............................................................................... III-3
Gambar III.3 Interview Reports (1) .............................................................................. III-3
Gambar III.4 Interview Report (2) ............................................................................... III-4
Gambar III.5 Interview Report (3) ............................................................................... III-4
Gambar III.6 Interview Report (4) ............................................................................... III-5
Gambar III.7 User Persona ........................................................................................... III-5
Gambar III.8 Ideation Product (1) ................................................................................ III-6
Gambar III.9 Ideation Product (2) ................................................................................ III-6
Gambar III.10 User Journey Report ............................................................................. III-7
Gambar III.11 User Scenario ........................................................................................ III-7
Gambar III.12 Wireframe Mobile Website Checkdokter .............................................. III-8
Gambar III.13 Wireframe Desktop Website Checkdokter ............................................ III-8
Gambar III.14 Mockup Mobile Cari Artikel................................................................. III-9
Gambar III.15 Mockup Mobile Dashboard .................................................................. III-9
Gambar III.16 Mockup Mobile Cari Dokter................................................................. III-9
Gambar III.17 Mockup Mobile Login .......................................................................... III-9
Gambar III.18 Mockup Mobile Reservasi Offline ...................................................... III-10
Gambar III.19 Mockup Mobile Info Obat .................................................................. III-10
Gambar III.20 Mockup Mobile Faskes Terdekat ........................................................ III-10
Gambar III.21 Mockup Mobile Toko Obat ..................................................................III-11
Gambar III.22 Mockup Mobile Asuransi ....................................................................III-11
Gambar III.23 Mockup Mobile Tes Kesehatan............................................................III-11
Gambar III.24 Mockup Mobile Kebutuhan Covid ..................................................... III-12
Gambar III.25 Mockup Mobile FAQ.......................................................................... III-12
Gambar III.26 Mockup Mobile Konsultasi Online ..................................................... III-12
Gambar III.27 Mockup Mobile Profile ...................................................................... III-13
Gambar III.28 Mockup Mobile Riwayat Transaksi .................................................... III-13
Gambar III.29 Mockup Mobile Janji .......................................................................... III-13
Gambar III.30 Mockup Desktop Website Checkdokter .............................................. III-14
Gambar III.31 Prototyping Desktop Website Checkdokter ........................................ III-15
Gambar III.32 Prototyping Mobile Website Checkdokter .......................................... III-15

Gambar A. 1 Term of Reference........................................ Error! Bookmark not defined.

Gambar A. 2 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 3 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 4 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 5 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 6 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 7 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 8 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 9 Term of Reference........................................ Error! Bookmark not defined.
Gambar A. 10 Term of Reference ...................................... Error! Bookmark not defined.

vii
Gambar A. 11 Term of Reference ...................................... Error! Bookmark not defined.
Gambar A. 12 Term of Reference ...................................... Error! Bookmark not defined.
Gambar A. 13 Term of Reference ...................................... Error! Bookmark not defined.
Gambar A. 14 Term of Reference ...................................... Error! Bookmark not defined.
Gambar A. 15 Term of Reference ...................................... Error! Bookmark not defined.
Gambar A. 16 Term of Reference ...................................... Error! Bookmark not defined.
Gambar A. 17 Term of Reference ...................................... Error! Bookmark not defined.

Gambar C. 1 Sertifikat Penyelesaian Program Dasar-dasar User Interface (UI) .......Error!

Bookmark not defined.
Gambar C. 2 Sertifikat Penyelesaian Program Merancang Design Thinking dengan Tepat
.......................................................................................... Error! Bookmark not defined.
Gambar C. 3 Sertifikat Penyelesaian Program Menguasai Konsep Scrum ................Error!
Bookmark not defined.
Gambar C. 4 Assignment 1 ............................................... Error! Bookmark not defined.
Gambar C. 5 Assignment 2 ............................................... Error! Bookmark not defined.
Gambar C. 6 Assignment 3 ............................................... Error! Bookmark not defined.
Gambar C. 7 Challenge 1 .................................................. Error! Bookmark not defined.
Gambar C. 8 Challenge 2 .................................................. Error! Bookmark not defined.
Gambar C. 9 Challenge 3 .................................................. Error! Bookmark not defined.
Gambar C. 10 Final Project 1 ............................................ Error! Bookmark not defined.
Gambar C. 11 Wireframe Website Desktop Checkdokter .. Error! Bookmark not defined.
Gambar C. 12 Wireframe Website Mobile Checkdokter ... Error! Bookmark not defined.
Gambar C. 13 Mockup Website Desktop Checkdokter ..... Error! Bookmark not defined.
Gambar C. 14 Mockup Website Mobile Checkdokter ....... Error! Bookmark not defined.
Gambar C. 15 Prototype Website Desktop Checkdokter ... Error! Bookmark not defined.
Gambar C. 16 Prototype Website Mobile Checkdokter ..... Error! Bookmark not defined.
Gambar C. 17 Usability Testing ........................................ Error! Bookmark not defined.

viii
 DAFTAR TABEL
Tabel II.1 Jadwal Kerja .................................................................................................. II-7
Tabel IV.1 Log Activity ..................................................... Error! Bookmark not defined.

ix
 BAB I PENDAHULUAN

I.1 Latar Belakang

Dalam UU RI No 2 Tahun 1989 tentang Sistem Pendidikan Nasional pasal
1 ayat 1 mengatakan bahwa Pendidikan adalah usaha sadar untuk menyiapkan
peserta didik melalui kegiatan bimbingan, pengajaran, dan/ atau latihan bagi
peranannya di masa yang akan datang[1]. Munculnya kebijakan Menteri
Pendidikan dan Kebudayaan pada tahun 2020 dengan diadakannya Merdeka
Belajar Kampus Merdeka (MBKM) menjadikan langkah dalam upaya
meingimplementasikan sistem pendidikan nasional Indonesia dan menghadapi
tantangan Pendidikan di era modern.
Merdeka Belajar Kampus Merdeka (MBKM) adalah konsep pendidikan
yang mendorong pembelajaran dan pengembangan keterampilan mandiri pada tiap
individu dengan tujuan memberikan kesempatan untuk mengasah kemampuan
sesuai bakat dan minat dengan terjun langsung ke dunia kerja sebagai langkah
persiapan. Pada Merdeka Belajar Kampus Merdeka (MBKM) terdapat sembilan
program kampus merdeka salah satunya yaitu Studi Independent Bersertifikat.
Studi Independent Bersertifikat adalah bagian dari program Kampuus
Merdeka yang bertujuan untuk memberikan kesempatan kepada mahasiswa untuk
belajar dan mengembangkan diri melalui aktivitas di luar kelas perkuliahan, namun
tetap diakui sebagai bagian dari perkuliahan. Program ini diperuntukan bagi
mahasiswa yang ingin memperlengkapi dirinya dengan menguasai kompetensi
spesifik dan praktis yang juga dicari oleh dunia usaha dan dunia industri[2]. Pada
program Studi Independent Bersertifikat terdapat berbagai macam organisasi
hingga perusahaan yang menjadi mitra dalam program Studi Independent
Bersertifikat salah satunya yaitu PT. Hacktivate Teknologi Indonesia.
PT. Hacktivate Teknologi Indonesia atau biasa dikenal dengan Hacktiv8
merupakan sebuah pelatihan coding bootcamp didirkan sejak tahun 2016 serta
berhasil menjadi pelatihan bootcamp terbaik dan pertama di Asia yang terdaftar
CIRR dengan menyediakan berbagai program pelatihan dengan metode langsung
(synchronous) dan metode pembelajaran secara tidak langsung (Asynchronous)
dengan menjadikan pemula menjadi seorang talenta digital yang siap kerja.
Hacktiv8 memberikan program bootcamp yang sudah teruji untuk
menghasilkan para lulusan yang kompeten dibidang industry dimana menyediakan
tiga program pelatihan yang terdiri dari Bootcamp Program yaitu mentransformasi
pemula menjadi talenta digital siap kerja seperti Full Stack JavaScript Immersive,
Data Science, Performance Marketing, Bootcamp Back End Golang, dan
Professional Development Program yaitu Program pembelajaran di luar jam kerja
untuk upskilling di bidang IT yang terdiri dari Web Developer Program, Python for

I-10
Data Science, React & React Native Basic, Web Service with Golang, Fundamental
UI/UX Design, Product Owner, dan Agile Scrum, dan Corporate Program dengan
berisikan program pelatihan fleksibel yang dirancang sesuai kebutuhan karyawan
sebuah perusahaan[3].
Hacktiv8 berhasil menghasilkan sebanyak lebih dari 1600 lulusan yang
telah meandapatkan pekerjaan di industry teknologi dengan angka 84% terhadap
kenaikan gaji yang dirasakan sebelum bergabung dengan pelatihan di Hacktiv8,
serta lebih dari 800 mempekerjakan mitra yang bekerja sama dengan Hacktiv8
untuk Hacktiv8 bertujuan untuk memberikan peluang kepada masyarakat untuk
belajar kemampuan praktisi yang mampu membantu mereka dalam menghadapi
dunia industri teknologi. Misi dari Hacktiv8 adalah menangani satu tujuan ambisius
yaitu merevolusi lanskap digital Indonesia melalui pendidikan teknologi untuk
mendorong transformasi digital.
Hacktiv8 telah bekerjasama dan menjadi mitra pada program Merdeka
Belajar Kampus Merdeka (MBKM) yang diadakan oleh Kementrian Pendidikan
dan Kebudayaan salah satunya terutama dalam program Studi Independen
Bersertifikat (SIB). Hacktiv8 memberikan tujuh program pada Studi Independent
Bersertifikat yaitu Python for Data Science, Web Developer Program, Node JS for
Back End Web Developer, Golang for Back End Programmer, React and React
Native for Front End Developer, Android Java for Mobile Developer, Fundamental
UI/UX Design.
Pada program Fundamental UI/UX Design mempelajari beberapa materi
yang mencakup Definisi dan mindset UI/UX Designer, Pengetahuan siklus hidup
desain hingga tools, Pengambilan keputusan pengguna berdasar interaksi manusia-
komputer dan aspek psikologis, Penggunaan tools standar industri, Research,
Design, dan Prototyping. Pada akhir pembelajaran peserta akan diberikan tugas
proyek akhir atau disebut Final Project secara berkelompok.
I.2 Lingkup
Pada program Fundamental UI/UX Design, Hacktiv8 memberikan
pembelajaran yang mendukung peserta dalam mengembangkan minat dan potensi
dalam bidang UI/UX Design. Lingkup project pada learning path Fundamental
UI/UX Design Hacktiv8 selama progam Studi Independen yaitu :
1. Self learning : Engineering Empathy
2. UI/UX Overview
3. Introduction Platform UI/UX Designer
4. Self-paced Learning : Merancang Design Thinking
5. Fundamental UI/UX Tools AdobeXD/Figma
6. Mindset UX Designer
7. Framing Design Strategy
8. Self-paced Learning : Dasar UI

I-11
 9. Rapid Prototyping
10. Mindset UI Designer
11. Desgin Patterns
12. Digital Prototyping & Tools
13. Interaction Design & Microinteractions Design
14. Design Sprints
15. Self-paced Learning : Engineering Empathy II
16. Final Project
I.3 Tujuan
Tujuan saya mengikuti program Studi Independen Fundamental UI/UX
Design oleh Hacktiv8 adalah untuk memberikan pengetahuan yang dibutuhkan
demi menjalankan peran sebagai Digital UI/UX Designer secara efektif dalam tim
pengemabangan produk digital era modern yang dimana diajak untuk
mengeksplorasi, menggali, dan mempelajari peran UI Designer dan UX Designer
beserta peran penting dalam perusahaan untuk pengembangan ide menjadi sebuah
prototype. Tidak hanya itu, tujuan saya mengikuti program ini adalah untuk
menambah pengalaman dalam bidang keahlian praktisi saya sebagai mahasiswa
Teknik Informatika dalam bidang UI/UX Design, memperluas relasi saya dengan
bertemu mentor serta teman-teman diluar lingkungan kampus saya, pengonversian
SKS matakuliah pada semester 6, dan menambah portofolio saya sebagai bahan
pertimbangan perusahaan pada saat saya melamar pekerjaan dikemudian hari.
Hasil dari mengikuti Studi Independen Bersertifikat pada program Fundamental
UI/UX Design oleh Hacktiv8 yaitu :
1. Memahami peran sebagai seorang digital UI/UX Designer secara efektif
2. Memiliki pengetahuan terkait siklus kehidupan desain dengan mencakup
proses, tujuan, serta alat bantu desain
3. Mempelajari cara pengambilan keputusan berdasarkan penguna dengan
dasar interaksi manusia-komputer dan aspek psikologis
4. Mampu menggunakan tools standar dunia industry dan hasil proyek untuk
UI/UX
5. Mampu menjelaskan pengambilan keputusan desain melalui presentasi
6. Dan memahami kerangka kerja design sprint dalam UI/UX.

I-12
 BAB II
STRUKTUR ORGANISASI PT. HACKTIVATE
TEKNOLOGI INDONESIA

II.1 Struktur Organisasi

Gambar II.1 Struktur Organisasi PT. Hacktivate Teknologi Indonesia

1. Bapak Ronald Ishak, selaku Chief Executive Officer yang bertanggung

jawab dalam memimpin, mengawasi perusahaan, serta mengarahkna
strategi perusahaan.
2. Ibu Juventia Vicky Riana, selaku President of Hacktiv8 yang bertanggung
jawab memimpin dan mengelola keseluruhan perusahaan.
3. Ibu Christie Amanda Harris, selaku Project Manager bertanggung jawab
dalam merancang, mengelola, dan mengarahkan pelaksanaan proyek
perusahaan.
4. Juventia Vicky Riana, selaku Chief Commercial Officer bertanggung jawab
dalam strategi kinerja komersial perusahaan, menganalisis pasar, serta
meningkatkan pendapatan perusahaan melalui penjalanan strategi yang
efektif.

II-1
5. Bapak Mars Theolando, selaku sales lead bertanggung jawab dalam
mengarahkan dan mengelola tim penjualan dalam pencapaian target
penjualan perusahaan.
6. Ibu Jessica Phan, selaku Business Developer & Partnership bertanggung
jawab dalam membangun dan memelihara hubungan bisnis Bersama mitra
potensial untuk menumbuhkan dan mensukseskan perusahaan.
7. Bapak Wahid Sabillah, selaku Marketing Coordinator bertanggung jawab
dalam mengkoordinasikan dan melaksanakan kegiatan pemasaran
perusahaan.
8. Ibu Monika Z, selaku Head of Pre-sales bertanggung jawab dalam
memimpin tim pre-sales dengan berkoordinasi dan mengelola kegiatan pre
sales untuk memenangkan kontrak dan pelanggan baru .
9. Bapak Ferdinand Padang, selaku Chief Operating Officer bertanggung
jawab dalam mengawasi dan mengelola operasional harian perusahaan
dengan memastikan efisiensi operasional.
10. Ibu Rina N. Dalimunthe, selaku PTP & Online Program Lead bertanggung
jawab dalam perancangan pengembangan, dan pengelolaan program-
program bootcamp yang ada di hacktiv8.
11. Ibu Astrid Silalahi, selaku Head of Offline Program bertanggung jawab
dalam pengelolaan dan pengembangan program bootcamp di hacktiv8 yang
dilaksanakan secara langsung di lokasi hacktiv8 sediakan.
12. Ibu Efriliani Pancarani, selaku Career Services Lead bertanggung jawab
dalam perancangan hingga pengembangan layanan karir untuk membantu
para lulusan hacktiv8 sesuai dengan tujuan karirnya.
13. Bapak Raka A, selaku Data Science Program Lead bertanggung jawab
dalam memimpin pengembangan program bootcamp pada bidang Data
Science.
14. Riza Fahmi, selaku Developer Evangelist bertanggung jawab dalam
mengubungkan dan mempromosikan pengembangan produk teknologi
untuk meningkatkan kesadaran terhadap program bootcamp yang ada di
hacktiv8.
15. Ibu Michelle Irawan, selaku Chief Financial Officer bertanggung jawab
dalam pengelolaan aspek keuangan perusahaan beserta perancangan serta
analisis keuangan pada hacktiv8.
16. Ibu Michelle, selaku Corporate Legal bertanggung jawab dalam berbagai
tugas yang berkaitan dengan aspek hukum pada hacktiv8.
17. Ibu Cindy F. Affandy, selaku Finance & Accounting Lead bertanggung
jawab dalam pengelolaan keuangan hacktiv8.
18. Noviya Zahri, selaku ISA Collection bertanggung jawab dalam pengelolaan
dana investasi individu para investor terhadap hacktiv8.
19. Luhtfi Dwimulya, selaku PIC program Studi Independen di Hacktiv8
bertanggung jawab dalam seluruh kegiatan program Studi Independen

II-2
 Bersertifikat di Hacktiv8 dengan tujuan kelancaran selama proses program
Studi Independen Bersertifikat.
20. Felia Sunarga, selaku mentor bertanggung jawab dalam pengarahan dan
dukungan pembelajaran pada Fundamental UI/UX Design di Hacktiv8.
II.2 Lingkup Pekerjaan
Pada program Studi Independen Bersertifikat Bersama Hacktiv8 terdapatg
tujuh program yang diberikan yaitu Python for Data Science, Web Developer
Program, Node JS for Back End Web Developer, Golang for Back End Programmer,
React and React Native for Front End Developer, Android Java for Mobile
Developer, Fundamental UI/UX Design.
Program Fundamental UI/UX Design oleh Hacktiv8 dilakukan dengan model
pembelajaran Asynchronous dan Synchronous. Metode Asynchronous merupakan
proses pembelajaran secara tidak langsung dimana para peserta melakukan
pembelajaran tanpa mentor atau penanggung jawab dalam sesi pembelajaran
tersebut, sedangkan Synchronous merupakan proses pembelajaran secara langsung
bersama mentor atau orang yang bertanggung jawab dalam pengarahan materi.
Berikut pembelajaran pada program Studi Independen Bersertifikat dengan focus
Fundamental UI/UX Design bersama Hacktiv8.
1. Self-paced Learning
Pada sesi ini kegiatan pembelajaran diberikan berupa teori dan
dilaksanakan melalui video learning pada laman kode.id. Dimana
pembelajaran ini dilakukan mandiri oleh peserta dan setelah selesai
menonton video learning tersebut diwajibkan untuk membuat ringkasan dan
dikumpulkan melalui google class yang telah disediakan.
2. Live Class Session
Pada pembelajaran ini dilakukan melalui google meet yang telah
disediakan oleh Hacktiv8 berisikan sesi para peserta dengan mentor untuk
melakukan pembelajaran berupa teori dan praktik secara bersama-sama dan
dipantau oleh PIC Studi Indepeneden Bersertifikat dari Hacktiv8. Kegiatan
ini dilakukan dua kali seminggu pada hari Senin dan Kamis pada pukul
19.00 – 21.00 WIB selama 12 kali pertemuan.
3. Final Project
Pada sesi ini peserta dibagi kedalam beberapa kelompok untuk
mengerjakan Final Project sebagai bahan penilaian akhir dan persyaratan
kelulusan dari program Studi Independen Bersertifikat dengan focus
terhadap Fundamental UI/UX Design oleh Hacktiv8. Final project ini
terdapat empat tugas dan setiap tugas wajib untuk di kirimkan ke google
classroom sebagai tanda penyelesaian pengerjaan Final Project.

II-3
II.3 Deskripsi Pekerjaan
Pada program Studi Independen Bersertifikat dengan pembelajaran
Fundamental UI/UX Design bersama Hacktiv8 terdapat pemberian pembelajaran
materi yang mendukung peserta untuk mengembangkan minat dan potensi dalam
bidang UI/UX Design dengan deskripsi pembelajaran sebagai berikut :
1. Self learning : Engineering Empathy
Pada sesi ini pembelajaran dilakukan secara mandiri berupa teori
melalui video learning di dalam platform Kode.id dengan terdapat dua
materi yaitu Adaptable Person dan Growth Mindset. Setelah selesai
menonton learning video tersebut para peserta diwajibkan untuk membuat
rangkuman yang dikumpulkan ke google classroom
2. UI/UX Overview
Pada sesi ini dilakukan bersama mentor dan seluruh peserta sekelas.
Para mentor memaparkan materi mengenai penjelasan singkat tentang
UI/UX.
3. Introduction Platform UI/UX Designer
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai tools yang digunakan oleh para UI/UX Designer dan pada sesi ini
terdapat praktikum pengenalan aplikasi figma sebagai aplikasi yang
digunakan selama program Studi Indepeneden berlangsung.
4. Self-paced Learning : Pelajari Dasar-dasar photoshop
Pada sesi ini pembelajaran dilakukan secara mandiri berupa teori
melalui video learning di dalam platform Kode.id dengan membahas terkait
pembelajaran penggunaan photoshop. Setelah selesai menonton learning
video tersebut para peserta diwajibkan untuk membuat rangkuman yang
dikumpulkan ke google classroom.
5. Fundamental UI/UX Tools AdobeXD/Figma
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai penggunaan AdobeXD dan juga Figma yang digunakan oleh para
UI/UX Designer.
6. Mindset UX Designer
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai mindset yang dimiliki oleh seorang UX Designer dengan
diajarkan kerangka-kerangka pemikiran melatih mindset.
7. Self-paced Learning : Merancang Design Thinking
Pada sesi ini pembelajaran dilakukan secara mandiri berupa teori
melalui video learning di dalam platform Kode.id dengan membahas terkait
Langkah dalam perancangan design thinking yang tepat bagi seorang
UI/UX Designer. Setelah selesai menonton learning video tersebut para
peserta diwajibkan untuk membuat rangkuman yang dikumpulkan ke
google classroom.

II-4
8. Framing Design Strategy
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai strategi dan langkah yang dilakukan seorang UX Designer dalam
menentukan keputusan desain dari hasil research data user agar aplikasi
yang kemudian hari dibuat mampu menjawab kebutuhan user. Pada sesi ini
terdapat tugas mengenai analisis permasalahan yang sudah disediakan dan
membuat user journey dibuat dengan tools figma dan dikumpulkan di
google classroom.
9. Rapid Prototyping
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai pembuatan wireframe berdasarkan hasil research yang telah
dilakukan sebagai gambaran kasar sebelum dijadikan mockup. Pada sesi ini
terdapat tugas mengenai pembuatan wireframe Lo-Fidelity aplikasi cucian
mobil dibuat dengan tools figma dan dikumpulkan di google classroom.
10. Mindset UI Designer
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai pembuatan wireframe berdasarkan hasil research yang telah
dilakukan sebagai gambaran kasar sebelum dijadikan mockup. Pada sesi ini
terdapat tugas mengenai pembuatan wireframe Lo-Fidelity aplikasi cucian
mobil dibuat dengan tools figma dan dikumpulkan di google classroom.
11. Self-paced Learning : Dasar-Dasar UI
Pada sesi ini pembelajaran dilakukan secara mandiri berupa teori
melalui video learning di dalam platform Kode.id dengan membahas terkait
dasar menjadi seorang UI dengan penggunaan tools hingga elemen-elemen
pada UI. Setelah selesai menonton learning video tersebut para peserta
diwajibkan untuk membuat rangkuman yang dikumpulkan ke google
classroom.
12. Desgin Patterns
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai metode dasar dalam penyeslesaian masalah serta membahas
desain yang tepat bagi user termasuk elemen-elemen dalam UI.
13. Digital Prototyping & Tools
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai Langkah pembuatan digital prototype serta terdapat tugas
membuat prototype dari tugas wireframe sebelumnya berupa mockup.
14. Interaction Design & Microinteractions Design
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai desain interaktif dari berbagai aplikasi dan membahas dalam
mengapa diperlukannya desain interaktif ini bagi user.
15. Design Sprints
Sesi mentoring ini diberikan materi yang dipaparkan oleh mentor
mengenai proses design sprint yang dilakukan oleh sebuah tim dalam

II-5
 mendevelop sebuah aplikasi dimulai dari seorang UI/UX Designer hingga
tim lain selain UI/UX Designer.
16. Self-paced Learning : Engineering Empathy II
Pada sesi ini pembelajaran dilakukan secara mandiri berupa teori
melalui video learning di dalam platform Kode.id dengan membahas terkait
cara efektif dalam management stress yang efektif, memiliki problem
solving yang tepat, hingga memiliki skill komunikasi dan presentasi.
Setelah selesai menonton learning video tersebut para peserta diwajibkan
untuk membuat rangkuman yang dikumpulkan ke google classroom.
17. Final Project
Pada sesi ini setiap peserta akan dipecah menjadi beberapa
kelompok dan diberikan suatu permasalahan berupa latar belakang untuk
diselesaikan dan dibuat hingga tahap prototyping. Terdapat empat sesi Final
Project dimana ke empat sesi tersebut saling berkaitan satu sama lainnya
dan perlu diselesaikan sebagai syarat kelulusan program Studi Independen
Bersertifikat dari Hacktiv8.
II.4 Jadwal Kerja

Kegiatan Tanggal
National dan Hacktiv8 Onboarding 16 – 17 Februari 2023
Live Class Session dan Self-paced
20 – 24 Februari 2023
Learning
Live Class Session 27 Februari – 03 Maret 2023
Live Class Session, Challenge, &
06 – 10 Maret 2023
Assignment
Live Class Session, Challenge, & Self-
13 – 17 Maret 2023
paced Learning
Live Class Session & Challenge 20 – 24 Maret 2023
Live Class Session, Challenge, &
Pengerjaan Final Project 1 (Research 27 – 31 Maret 2023
dan Ideation)
Pengerjaan Final Project (Research &
03 – 07 April 2023
Ideation)
Pengumpulan deadline Final Project 1
& Pengerjaan Final Project 2 10 – 14 April 2023
(Wireframe Lo-Fidelity)
Pengerjaan Final Project 3 (Mockup
17 – 21 April 2023
Hi-fidelity) & Libur Lebaran
Libur Lebaran 24 – 28 April 2023
Pengerjaan Final Project 3 (Mockup
01 – 05 Mei 2023
Hi-Fidelity)
Pengumpulan Final Project 3 08 – 12 Mei 2023

II-6
Pengerjaan Final Project 4 (Wireframe
Lo-Fi, Hi-Fi, Prototype mobile & 15 – 19 Mei 2023
deskktop website)
Pengerjaan Final Project 4 (Wireframe
Lo-Fi, Hi-Fi, Prototype mobile & 22 – 26 Mei 2023
deskktop website)
Perpanjangan deadline Final Project 4
29 Mei – 02 Juni 2023
dan Pengumpulan Final Project 4
Tabel II.1 Jadwal Kerja

II-7
 BAB III
PERANCANGAN UI/UX WEBSITE CHECKDOKTER
PADA DESKTOP DAN MOBILE MENGGUNAKAN
APLIKASI FIGMA

III.1 Permasalahan Kurangnya Literasi Kesehatan Di Indonesia

Tidak dipungkiri lagi bahwa kesehatan adalah hal yang sangat penting bagi
kehidupan manusia.Untuk meningkatkan taraf kesehatan maka diperlukan
literasi kesehatan yang baik. Literasi kesehatan meliputi di mana seseorang
memiliki kemampuan untuk mendapatkan, mengolah, dan memahami informasi
kesehatan dan pelayanan kesehatan yang dibutuhkan sebagai dasar untuk
mengambil keputusan yang tepat terkait kesehatannya.Indonesia sendiri masih
dikategorikan rendah dalam kesadaran tentang kesehatan.
Seorang peneliti telah melakukan survei literasi kesehatan di Semarang yang
merupakan penelitian literasi kesehatan pertama di Indonesia, dengan 1029
responden, yang menjadi bagian dari studi perbandingan literasi kesehatan Asia.
Hasilnya sangat buruk, yaitu 65% responden memiliki tingkat melek kesehatan
yang rendah (tidak memadai dan bermasalah).Seseorang dengan literasi kesehatan
yang rendah akan mengalami tantangan yang lebih banyak saat menggunakan
atau mengakses sistem pelayanan kesehatan. Tingkat literasi kesehatan dapat
dipengaruhi oleh beberapa faktor. Pertama adalah faktor personal yang meliputi
usia, jenis kelamin, ras, status sosial ekonomi, pendidikan, pekerjaan dan
pendapatan. Kedua yaitu faktor masyarakat dan lingkungan meliputi, kondisi
demografi, kebudayaan, bahasa dan sistem masyarakat) dan ketiga adalah faktor
sosial (dukungan keluarga maupun relasi).
Oleh karena itu, dibutuhkan beberapa solusi untuk meningkatkan literasi
kesehatan di Indonesia, salahsatunya dengan aplikasi tentang kesehatan.Di
Indonesia sudah terdapat beberapa aplikasi baik website maupun mobile yang
membahas tentangkesehatan untuk kebutuhan kesehatan seperti aplikasi konsultasi
elektronik.Aplikasi tersebut bertujuan agar pengguna dapat berkonsultasi secara
daring tanpa harus mengunjungidokter yang bersangkutan di tempat kerjanya.Hal
tersebut baik untuk meningkatkan kepedulian dan tingkat literasi kesehatan di
Indonesia. Tetapi tetapsaja aplikasi di bidang kesehatan masih sedikit digunakan
oleh orang Indonesia karena ketidak-mauannyauntuk sadar tentang kesehatan.
Selain itu, faktor pengguna tidak ingin menggunakan aplikasi kesehatan
adalah salah satunya tentang UserExperience (UX) yang masih belum
optimal.Tentunya feedback pengguna tentang penggunaan aplikasi masih banyak,
seperti fitur dan user experienceyang masih belum memuaskan dan belum optimal.

III-1
 Oleh karena itu, saya membuat perancangan UI/UX website aplikasi
Kesehatan guna menyelesaikan permasalahan kurangnya kesadaran Kesehatan
yang terjadi di Indonesia yaitu website Checkdokter.

III.2 Final Project 1 Research dan Ideation Website Checkdokter

Pada proses research dan ideation berfokus untuk mengidentifikasi
permasalahan yang ada menggunakan beberapa tahapan dan solusi dari Final
Project yang disediakan berupa desain-desain, berikut tahapan pada research dan
ideation yang dilakukan :
a. Research Identification
Pada tahapan research identification berisikan pencarian,
pengumpulan, penelitian, desain solusi dan keputusan solusi yang
tepat dari penelitian yang dilakukan. Di tahap ini pengumpulan
beberapa pertanyaan sebagai bahan brainstorming digunakan untuk
menentukan identifikasi calon pengguna beserta jawaban dari
pertanyaan tersebut.

Gambar III.1 Research Identification

III-2
 Gambar III.2 Report Identification
b. Interview Report
Tahapan ini berisikan laporan hasil interview user yang memiliki
kriteria sesuai dengan hasil research identification.

Gambar III.3 Interview Reports (1)

III-3
Gambar III.4 Interview Report (2)

Gambar III.5 Interview Report (3)

III-4
 Gambar III.6 Interview Report (4)
c. Persona Report
Pada tahap ini persona report sebagai dokumen yang
digunakan sebagai penggambaran profil secara fiktif dari audiens
interview dengan tujuan membantu dalam tahapan desain dalam
memahami kebutuhan, tujuan, perilaku, preferensi, dan juga
tantangan yang dimiliki pengguna untuk website layanan Kesehatan
online. Berikut merupakan persona report.

Gambar III.7 User Persona

III-5
d. Ideation Product
Tahapan ini merupakan tahapan dalam proses menghasilkan
ide-ide dalam perancangan website layanan Kesehatan dengan
tujuan meningkatkan fugnsionalitas dan pengalaman user
berdasarkan hasil research.

Gambar III.8 Ideation Product (1)

Gambar III.9 Ideation Product (2)

e. User Journey Report
Tahapan ini berisikan konteks desain UI/UX yang mengacu
pada tahapan yang diambil oleh pengguna saat berinteraksi dengan
sebuah produk melalui antarmuka pengguna. User journey
mencakup interaksi serta pengalaman pengguna dari awal hingga
akhir termasuk interaksi dengan elemen antar muka, mengatasi
tantangan, pencapaian tujuan, dan pengalaman emosi pada saat
penggunaan. Berikut user journey yang didapatkan dari hasil
research serta user persona.

III-6
 Gambar III.10 User Journey Report

f. User Scenario
User scenario berisikan urutan aktivitas yang akan dilakukan user
serta sikapnya hingga mencapai tujuan. Berikut User scenario dari
Checkdokter.

Gambar III.11 User Scenario

III.3 Final Project 2 Wireframing Low-Fidelity Website Checkdokter

Wireframe merupakan sebuah rancangan desain layout dalam bentuk Low-
Fidelity (Lo-Fi) yang dapat membantu desainer dalam mereprersentasikan
informasi interface, memberikan gambaran kerangka (outline) struktur interface
dan mempercepat proses desain[4]. Pada proses wireframe ini dibuat berdasarkan
hasil research dan ideation yang telah di dapatkan pada final project sebelumnya.
Berikut wireframe website layanan Kesehatan Checkdokter.

III-7
 Gambar III.13 Wireframe Desktop Website Checkdokter

Gambar III.12 Wireframe Mobile Website Checkdokter

III.4 Final Project 3 Mockup High-Fidelity Website Checkdokter

Pada Final Project 3 ini merupakan tahap akhir dari proses desain, yaitu
pembuatan mockup secara High-Fidelity untuk dijadikan desain dari sebuah
prototype sebelum dilakukan testing terhadap user.
Mockup merupakan fase pembuatan desain visual atau desain produk jadi
dengan sentuhan warna, font, logo, gambar, dan shape untuk memberikan gambaran
yang lebih jelas kepada pengguna dan membantu anggota tim dalam meninjau
desain dari aplikasi secara visual[5]. Berikut mockup website Checkdokter.

III-8
 Gambar III.17 Mockup Mobile Login

Gambar III.16 Mockup Mobile Cari Dokter

Gambar III.15 Mockup Mobile Dashboard

Gambar III.14 Mockup Mobile Cari Artikel

III-9
Gambar III.20 Mockup Mobile Faskes Terdekat

Gambar III.19 Mockup Mobile Info Obat

Gambar III.18 Mockup Mobile Reservasi Offline

III-10
 Gambar III.21 Mockup Mobile Toko Obat

Gambar III.22 Mockup Mobile Asuransi

Gambar III.23 Mockup Mobile Tes Kesehatan

III-11
Gambar III.24 Mockup Mobile Kebutuhan Covid

Gambar III.25 Mockup Mobile FAQ

Gambar III.26 Mockup Mobile Konsultasi Online

III-12
 Gambar III.27 Mockup Mobile Profile

Gambar III.28 Mockup Mobile Riwayat Transaksi

Gambar III.29 Mockup Mobile Janji

III-13
 Gambar III.30 Mockup Desktop Website Checkdokter

III.5 Final Project 4 Prototyping Website Checkdokter

Final Project terakhir yang dilakukan adalah prototyping. Pada tahapan ini
merupakan hasil akhir dari perancangan High-Fidelity Design yang dapat
dijalankan dan diuji coba oleh user. Hasil dari prototyping ini akan digunakan
pada tahapan testing untuk dilakukan pengujian.
Prototype dibuat sebelum dikembangkan atau justru dibuat khusus untuk
pengembangan sebelum dibuat dalam skala sebenarnya atau sebelum diproduksi
massal[6]. Berikut gambaran dari prototyping website Checkdokter.

III-14
Gambar III.31 Prototyping Desktop Website Checkdokter

Gambar III.32 Prototyping Mobile Website Checkdokter

III-15
 BAB IV PENUTUP

IV.1 Kesimpulan
Berdasarkan keseluruhan penjelasan dari laporan ini dapat diambil
kesimpulan sebagai berikut :
1. Program Studi Independen Bersertifikat merupakan bentuk pembelajaran
yang dapat memberikan kesempatan kepada mahasiswa untuk belajar dan
mengembangkan diri dan memperlengkapi mahasiswa dengan menguasai
kompetensi spesifik dan praktis yang juga dicari oleh dunia usaha dan dunia
industri.
2. PT. Hacktivate Teknologi Indonesia merupakan salah satu mitra yang
menjadi bagian dari program Studi Independen Bersertifikat yang bertujuan
untuk menghasilkan para lulusan yang kompeten dibidang industri dengan
berbagai peminatan yang diberikan salah satunya UI/UX Design.
3. Pada proses pembelajaran di Hacktiv8 menggunakan metode blenden-
learning yaitu penggabungan antara pembelajaran langsung (synchronous)
dan metode pembelajaran tidak langsung (asynchronous).
4. Pada akhir program, peserta diminta untuk menyelesaikan Final Project
yang telah disediakan permasalahannya untuk dibuatkan solusi dari research
hingga prototyping dengan menerapkan metode yang telah dipelajari selama
sesi pematerian.
5. Final Project yang dirancang bertujuan untuk menyelesaikan kasus
rendahnya literasi Kesehatan pada masyarakat Indonesia berdasarkan hasil
research yang telah dilakukan peserta bersama kelompoknya masing-
masing.
6. Proses pengerjaan final project dimulai sejak 27 Maret – 03 Juni 2023
dengan dimulai tahapan research dan ideation hingga tahapan terakhir yaitu
prototyping.
7. Hasil desain dibuat menjadi prototyping dan diujikan kepada responden
untuk mengetahui seberapa baik dan mudahnya website Checkdokter
dibuat.

IV.2 Saran
Demikian laporan akhir magang dan studi independent bersertifikat batch 4
yang diselenggarakan oleh PT. Hacktivate Teknologi Indonesia yang telah penulis
buat. Kritik dan saran yang bisa membangun diharapkan menjadi bahan
pertimbangan dalam evaluasi. Secara umum saran sebagai evaluasi untuk
kedepannya yaitu :

IV-1
1. Pematerian tentang UI/UX Design melalui platform kode.id dapat diperluas
oleh mentor agar materi yang didapatkan oleh peserta semakin luas dan
dalam.
2. Meningkatkan performa PIC agar peserta yang bertanya mendapatkan
jawaban dan memberikan kepastian secara cepat dengan respon yang cepat
juga.
3. Diperlukannya sesi webinar berisikan pematerian soft skill dan ilmu untuk
di dunia kerja sebagai bekal bagi peserta.

IV-2
 REFERENSI
[1] U.-U. R. Indonesia, “Sistem pendidikan nasional,” Jakarta: Direktorat Pendidikan Menengah
Umum, 2003.
[2] Kementerian Pendidikan dan Kebudayaan RI, “Apa itu program Studi Independen
Bersertifikat Kampus Merdeka,” 2022. https://kampusmerdeka.kemdikbud.go.id/ (accessed
May 31, 2023).
[3] PT. Hacktivate Teknologi Indonesia, “Hacktiv8,” 2023. https://www.hacktiv8.com/ (accessed
Jun. 03, 2023).
[4] M. F. Santoso, “Implementasi Konsep dan Teknik UI/UX Dalam Rancang Bangun Layout
Web dengan Figma,” Jurnal Infortech, vol. 4, no. 2, pp. 156–163, 2022.
[5] D. A. Rusanty, H. Tolle, and L. Fanani, “Perancangan User Experience Aplikasi Mobile
Lelenesia (Marketplace Penjualan Lele) Menggunakan Metode Design Thinking,” Jurnal
Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN, vol. 2548, p. 964X, 2019.
[6] M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic
Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” Jurnal Digit, vol.
10, no. 2, pp. 208–219, 2020.