MEGUBAH PENGUNJUNG MENJADI PELANGGAN POTENSIAL

MELALUI LANDING PAGE YANG IDEAL

Diajukan sebagai buktitelah melakukan kerja praktek (magang)

Disusun oleh:
Nama : Yahyo
NIM : 18.01.4141

PROGRAM DIPLOMA
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
YOGYAKARTA
2020
 LEMBAR PENGESAHAN

Nama : Yahyo
NIM : 18.01.4141
Program Studi : Teknik Informatika

Disahkan,
Yogyakarta, 29 Januari 2021

Menyetujui,
Dosen Pembimbing Pembimbing Lapangan
Programmer Jogja Web

Jaeni, S.Kom, M.Eng Nugroho Dwis Sugiharto, S.Kom

NIK. 190302068

Mengetahui,
(Plt) Ketua Prodi D3 Teknik Informatika
Universitas AMIKOM Yogyakarta

Barka Satya, M.Kom

NIK. 190302126

KATA PENGANTAR

i
 Alhamdulillah kami panjatkan puji dan syukur kami atas hadirat Allah
Ta'ala yang telah memberikan beribu nikmat dan kemudahan hingga saat ini.
Sehingga penulis dapat menyelesaikan Laporan Kerja Praktik yang dilaksanakan
di Jogja Web
Tujuan dari penyusunan laporan ini adalah sebagai bukti pelaksanaan
kegiatan Kerja Praktik dan untuk memenuhi salah satu syarat dalam
menyelesaikan mata kuliah Kerja Praktek Program Diploma 3 (D3) Teknik
Informatika Universitas AMIKOM Yogyakarta.
Penulis menyadari dalam Menyusun Laporan Kerja Praktik ini, penulis
banyak menghadapi kesulitan dan hambatan dalam beberapa aspek. Contoh
kesulitan yang dihadapi seperti penulisan, isi dari laporan maupun dari segi
pemilihan kata dan penyusunan kalimat, namun berkat bantuan dan bimbingan
dari berbagai pihak akhirnya penulis dapat menyelesaikan Laporan Kerja Praktik
ini.
Dalam penyusunan Laporan Kerja Praktik penulis mendapatkan banyak
dukungan dari berbagai pihak. Penulis secara khusus mengucapkan banyak
terimakasih kepada pihak-pihak yang mendukung dan membantu kelancaran
penyusunan Laporan Kerja Praktik. Pada kesempatan kali ini penulis ingin
menyampaikan rasa terimakasih yang sebesar-besarnya kepada:
1. Allah Ta’ala dengan segala rahmat serta karunia-Nya yang memberi
kelancaran, kekuatan, dan banyak kemudahan dalam penyusunan
Laporan Kerja Praktik kali ini.
2. Kepada kedua orang tua tercinta yang selama ini banyak mendoakan
penulis dalam segala hal dan selalu mendukung dalam bentuk
perhatian dan kasih sayang demi kelancaran dalam penyusunan
laporan.
3. Yth. Mas Nugroho Dwis Sugiharto selaku pembimbing magang Jogja
Web
4. Yth. Bapak Jaeni, S.Kom, M.Eng selaku dosen pembimbim magang
5. Yth. Bapak Barka Satya, M.Kom selaku KaProdi D3TI

ii
 6. Yth. Ibu Krisnawati, S.Si., M.T selaku Dekan Fakultas Ilmu Komputer
Universitas AMIKOM Yogyakarta.

Akhir kata penulis ingin mengucapkan rasa syukur yang sebesar-besarnya

atas kehadirat Allah Ta’ala yang semoga penulis selalu dalam rahmat-Nya. Dan
semoga hasil dari laporan ini dapat bermanfaat sebagai sumber ilmu dan referensi
ataupun informasi yang bisa membantu banyak orang.

Yogyakarta, 24 Januari 2021

Penulis

Yahyo

iii
 DAFTAR ISI

LEMBAR PENGESAHAN............................................................................ i
KATA PENGANTAR.................................................................................... ii
DAFTAR ISI................................................................................................... iv

BAB I PENDAHULUAN
1.1 Latar Belakang.......................................................................... 1
1.2 Tujuan ...................................................................................... 2
1.3 Manfaat..................................................................................... 2
1.4 Identitas Perusahaan ................................................................. 3
1.5 Sistematika Laporan.................................................................. 3

BAB II LANDASAN TEORI

2.1 Tinjauan Pustaka........................................................................ 5
2.2 Landasan Teori........................................................................... 6

BAB III METODOLOGI

3.1 Alur Magang.............................................................................. 10
3.2 Deskripsi Detail Alur Magang................................................... 10

BAB IV PEMBAHASAN
4.1 Pelaksanaan Magang.................................................................. 13
4.2 Anialisa Kegiatan....................................................................... 13
4.3 Kendala yang dihadapi dan Upaya Pemecahanya...................... 14
4.4 Alur Magang.............................................................................. 14

BAB IV PENUTUP
5.1 Kesimpulan................................................................................ 18
5.2 Saran........................................................................................... 18

DAFTAR REFERENSI.................................................................................. 19

iv
LAMPIRAN.................................................................................................... 20

v
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Landing Page adalah halaman yang dirancang khusus sesuai dengan
konsep pemasaran di situs web. Halaman inilah yang ditampilkan ketika
pengunjung mengunjungi website dari hasil pencarian berbayar. Webkilat
adalah perusahaan yang lini utama bisnisnya adalah pengembangan website
premium yang mampu mencapai tujuan dari klien webkilat dalam masalh
pembuatan website.
Desain UI (User Interface) pada sebuah produk bertujuan untuk
mempercantik tampilan produk. Sementara desain UX (User Experience)
dirancang untuk memberikan pengalaman yang menyenangkan saat
menggunakan produk. Fokus desain UI (User Interface) adalah keindahan
tampilan, sementara fokus desain UX (User Interface) adalah kepuasan
menggunakan produk. Seiring berjalannya waktu website banyak digunakan
orang dalam berbagai hal salah satunya adalah berjualan, berjualan online
melalui website memiliki prospek yang menjanjikan dikarenakan
kemudahannya dalam melakukan jual beli.
Namun tidak sedikit pula orang-orang yang kesulitan bagaimana
membangun sebuah website yang baik dan menarik bagi pengunjung. Untuk
membangun website yang baik dan menarik harus memiliki alur yang jelas,
seperti menampilkan informasi yang benar-benar lenkap sehingga
memudahkan pengunjung.
Figma adalah salah satu software prototipe UI/UX desain yang saat ini
banyak digunakan oleh para desainer karena memiliki fitur yang
memudahkan karena figma sangat kolaboratif sehingga programmer dan
desainer dapat bekerja sama dari jarak jauh.

1
 Gambar 1.1

Diharap laporan ini dapat membantu para pelaku UMKM untuk

meningkatkan traffic pengunjung website mereka, karena apabila laporan ini
diaplikasikan keuntungan serta informasi yang dimiliki dapat tersampaikan
dengan jelas tanpa mengeluarkan cost yang lebih untuk membayar brosur.
Selain itu pelaku UMKM dalam menjalankan usahanya bisa lebih efektif dan
efisien.

1.2 Tujuan
Berdasarkan latar belekang yang telah disampaikan maka tujuan dari
magang ini dapat ditulis sebagai berikut :
a. Membangun website webkilat dengan menerapkan ilmu-ilmu UI/UX
yang baik
b. Merancanag sebuat desain website webkilat yang mampu membuat
pengunjung nyaman dan dapat menyelesaikan kebutuhan para
pengunjung dalam hal pembuatan website.
c. Mengubah pengunjung menjadi pelanggan yang potensial

1.3 Manfaat
Berdasarkan latar belekang yang telah disampaikan maka dapat
disimpulkan manfaat dari laporan ini adalah :
a. Membantu UMKM meningkatkan penjualan melalui website.
b. Membuat tampilan website webkilat nyaman saat dikunjungi.
c. Memudahkan pengunjung webkilat dalam pembelian atau pembuatan
website.

2
1.4 Identitas Perusahaan
Kegiatan kegiatan praktik/magang dilaksanakan kurang lebih selama 4
bulan lamanya terhitung dari tanggal mulai 16 November 2020 dan berakhir
pada tanggal 21 januari 2021 yang dilaksanakan di Jogja Web yang beralamat
di Jl. Nusa Indah No. 412 Dero, Condongcatur, Depok, Sleman, Yogyakarta
55283. Jogja Web sendiri adalah perusahaan yang lini utama bisnisnya
adalah pengembangan website premium. Selain itu Jogja Web juga
melakukan penjualan domain dan hosting, sekaligus sebagai pelengkap untuk
website yang dibuat.

Gambar 1.4

1.5 Sistematika Laporan

Untuk penyusunan laporan kerja praktik ini penulis menggunakan
sistematika penulisan laporan sebagai berikut :

BAB 1 PENDAHULUAN
Bab ini menjelaskan latar belakang dari penulisan
laporan ini serta menjelaskan tujuan, manfaat,
Batasan magang, identitas perusahaan, dan
sistematika penulisan laporan

BAB 2 LANDASAN TEORI

Bab ini menjelaskan beberapa landasan teori yang
mana penulis gunakan selama kegiatan magang
berlangsung

3
BAB 3 METODOLOGI
Pada bab ini penulis menjelaskan proses yang
penulis kerjakan selama kegiatan magang
berlangsung dan menjelaskan alur dari kegiatan
magang

BAB 4 PEMBAHASAN
Pada bab ini penulis menjelaskan keseluruhan
kegiatan magang dari mulai pelaksanaan magang,
Analisa kegiatan, kendala yang penulis hadapi
selama magang berlangsung serta alur magang yang
telah dirangkum dalam bentuk logbook

BAB 5 PENUTUP
Pada bab ini penulis memberikan kesimpulan dari
kegiatan magang dan menuliskan saran kepada
pihak kampus dan pihak perusahaan

4
 BAB II
LANDASAN TEORI
2.1 Tinjauan Pustaka
Laporan ini dibutuhkan referensi dari penelitian atau laporan yang ada
sebelumnya yang berkaitan dengan judul laporan yang dibuat.
1. Dalam penelitian Rani Puspita (2020) dengan judul “Perancangan
Komunikasi Visual Design Website (Muggle Division) Menggunakan
Kaidah UI/UX” menyebutkan "Muggle Division" bergerak di bidang
jasa produksi konveksi yang didirikan 5 tahun yang lalu, selama ini
menggunakan media promosi Instagram. Namun, ketika media sosial
tidak dapat memberikan informasi yang jelas dan lengkap, timbul
masalah seperti saat konsumen hendak memesan dan harus menunggu
customer service untuk menanggapi cukup lama. Oleh karena itu
diperlukan media untuk menjawab kendala tersebut yaitu website agar
dapat memberikan informasi yang lebih lengkap, jelas dan order input
pelayanan tanpa harus menunggu respon dari customer service.
Penelitian ini bertujuan untuk merancang website "Muggle Division"
yang dilengkapi dengan fitur order swalayan. Metode desain
pengalaman pengguna yang digunakan adalah metode elemen
pengalaman pengguna lima pesawat yang diikuti dengan penulisan tag
HTML, CSS, dan Javascript. Hasil dari desain tersebut adalah website
"Muggle Division" dengan UI dan UXrules. Penggunaan metode UI
meliputi warna, tata letak, tipografi, spasi, ikon, dan animasi.
Penggunaan metode UX adalah langkah demi langkah sistem
pembayaran dan halaman login yang menyediakan pilihan halaman
register bagi pengunjung yang belum menjadi anggota "Muggle
Division".
2. Dalam penelitian Trilaksono, Muhammad Tegar (2019) dengan judul
“Perancangan Landing Page Produk Video Game Aquaculture Land
sebagai Upaya Promosi pada Pasar Internasional” menyebutkan
Maulidan Game merupakan salah satu develeoper game yang ada di
Surabaya yang sekaligus publisher, Maulidan games telah cukup lama

5
 berada di dunia pengembangan video game dan telah dipercaya
memberikan game oleh publik sebagai developer yang mempunyai
nilai value setiap produknya. Dari permasalahan pada Kerja Praktik ini
adalah bagaimana perancangan landing page Aquaculture Land untuk
mempromosikan di pasar internasional dengan pembuatan media
promosi pada media sosial yang diharapkan bermanfaat guna
menambah pengetahuan dan informasi bagi pembaca, terutama agar
mengetahui pentingnya media promosi yang ada di sekitar masyarakat.
Dan membantu memberikan kontribusi desain kepada pihak Maulidan
game dalam bentuk desain sesuai kebutuhan promosi.

2.2 Landasan Teori

2.2.1 UI/UX Design
User Experience (UX) merupakan proses mendesain suatu produk
melalui pendekatan pengguna. Dengan pendekatan ini, Anda jadi bisa
menciptakan produk yang sesuai dengan kebutuhan dan keinginan
pengguna.the fold agar pengunjung bisa langsung paham apa maksud
dari landing page yang dibuat. Produk dengan desain UX yang baik
akan menciptakan pengalaman yang menyenangkan bagi pengguna saat
menggunakan produk yang dibuat. Pengguna jadi merasa mudah dan
nyaman saat menggunakan produk. Adapun, komponen UX ini meliputi
bagaimana fitur-fitur yang disediakan pada produk, struktur desain,
navigasi penggunaan produk, aspek visual design, dan seluruh aspek
interaksi dengan pengguna.
UI adalah bagian dari UX yang berupa tampilan visual design
sebuah sistem. Tampilan tersebut memungkinkan pengguna terhubung
dan berinteraksi dengan suatu produk. Selain berfungsi sebagai
penghubung, UI juga berfungsi untuk memperindah tampilan sehingga
dapat meningkatkan kepuasan pengguna. Namun, tak hanya harus
indah, UI juga harus mudah digunakan. Beberapa komponen UI
diantaranya adalah komponen tombol, ikon tipografi, tema, layout,
animasi yang tampil pada produk, dan visual interaktif lainnya. Semua

6
 komponen UI tersebut didesain dengan berfokus pada keindahan dan
kemudahan pengguna

Gambar 2.2.1

2.2.2 Above The Fold

Above the fold adalah bagian dari halaman web yang terlihat tanpa
menggulir. Ini adalah pemandangan pertama yang ditemui pengunjung
di halaman web. Akibatnya, perancang dan pengembang situs web
memberikan banyak pemikiran tentang apa yang terjadi di bagian above
the fold agar pengunjung bisa langsung paham apa maksud dari landing
page yang dibuat.
Above the fold juga sangat penting bagi CRO (Conversion rate
optimization) dikarenakan setiap kali pengunjung membuka halaman
web, mereka berharap untuk segera menemukan informasi yang mereka
butuhkan. Jika laman web tidak langsung menawarkan informasi / nilai,
pengunjung akan pergi meninggalkan website. Dengan menyertakan
informasi yang relevan dan tindakan pengguna above the fold, situs
web yang dirancang akan membuat pengunjung terus terlibat - sejak
awal. Dengan ini, peluang pengunjung website akan meningkat

7
 Gambar 2.2.2

2.2.3 Responsive Landing Page

Responsive Landing Page adalah halaman web yang dapat
ditampilkan di semua perangkat seperti komputer, ponsel, tablet, atau
sistem operasi yang berbeda. Memiliki halaman yang responsif sangat
penting agar tetap dapat diakses oleh semua pengguna dan
memanfaatkan peluang web sebaik mungkin.
Halaman yang responsive sangat penting ketika suatu website ingin
menyampaikan pesan kepada audien, mereka mampu menyesuaikan
sesuai perangkat yang mereka miliki. Selain semua keunggulan dalam
hal mencari dan memuaskan pengunjung, desain web yang responsif
juga memiliki kemampuan untuk meningkatkan tingkat konversi, yang
tentunya sangat diinginkan oleh setiap pengguna ponsel di dunia.

8
 Gambar 2.2.3

2.2.4 SEO
Search Engine Optimization atau SEO adalah upaya mengoptimasi
website untuk mendapatkan peringkat teratas di hasil pencarian.
Dengan mendapatkan ranking tinggi di hasil pencarian, potensi trafik
organik website pun meningkat. Selain menghasilkan trafik organik
yang tinggi, SEO juga akan membantu suatu website mendapatkan
trafik yang tepat. Jadi website tidak hanya fokus pada trafik tinggi,
tetapi juga trafik yang tepat sesuai dengan tujuan utama website yang
dibanagun. Untuk bisa mendapatkan trafik tinggi yang tepat sasaran,
website yang dibangung perlu mengikuti aturan-aturan yang telah
ditetapkan oleh mesin pencari, dalam hal ini Google. Website yang
dirancang perlu memahami bagaimana cara kerja SEO, algoritma
Google, dan indikator utama SEO.
Mesin pencari menggunakan algoritma tertentu untuk menentukan
konten mana yang layak mendapat peringkat di hasil pencarian teratas.
Ini berlaku untuk semua mesin pencari, termasuk Google, Yahoo! ,
Bing dan Duckduckgo. Google terus memperbarui algoritme untuk
memberikan hasil pencarian dan solusi yang lebih relevan bagi

9
penggunanya. Sejak 2011. Hingga saat ini, setidaknya delapan
pembaruan besar pada algoritme Google telah dilakukan.

10
 BAB III
METODOLOGI

3.1 Alur Magang

Selama melaksanakan kegiatan magang penulis melalui beberapa alur
atau proses dalam menyelesaikan masalah yang dihadapi, adapun alur
tersebut telah disusun dalam bentuk flowchart seperti berikut :

Gambar 3.1

3.2 Deskripsi Detail Alur Magang

3.2.1 Memulai Projek
Pada tahap ini adalah awal ketika penulis mengerjakan suatu
projek yang diberikan dari mulai briefing kebutuhan website yang akan
dibangun dan brainstorming untuk memahami permasalahn-
permasalahan yang ada. Pada tahap ini, penulis benar-benar

11
 mempelajari masalah yang dihadapi sehingga mampu menghasilkan
website yang layak dan ideal untuk klien. Pada tahap briefing biasanya
hal yang dibahas meliputi kebutuhan website, target yang ingin dicapai,
dan mempelajari jenis website seperti apa yang akan di buat.

3.2.2 Mengumpulkan Referensi Desain

Pada tahap ini biasanya penulis sudah memiliki gambaran tentang
website yang akan dibangun, dengan ini selanjutnya adalah
mengumpulkan referensi desain untuk mempermudah penulis dalam
mendesain website. Tempat yang biasanya menjadi tujuan penulis
untuk mengumpukan atau mencari referensi desain adalah seperti
dribble, behance, pinterest. Di situs tersebut banyak menampilkan
eksplorasi desain dari berbagai desainer di seluruh dunia, namun situs
tersebut hanya menampilkan berupa gambar desain. Adapun situs-situs
yang penulis kunjungi lainnya seperti landing folio, lapa ninja, dan land
book disini banya menampilkan website-website yang sudah jadi
sehingga penulis mendapatkan gambaran yang lebih luar mengenai
website yang akan dibangun.

3.2.3 Membuat Wireframe dan Mengumpulkan Asset Desain

Pada tahap ini adalah tahap dimana penulis mulai mengerjakan
website yang telah dibreafing dan brainstorming, mulai dari menyeleksi
referensi desain yang telah dikumpulkan sebagai acuan setelah itu tahap
pembuatan wireframe. Wireframe sendiri adalah kerangka dasar dari
halaman website, di dalam wireframe terdapat berbagai komponen
seperti banner, header, content, footer, link, form, dan lain-lain. Proses
pembuatan wireframe website disebut wireframing di mana Anda akan
mengatur semua komponen di atas sesuai dengan tata letak yang
diinginkan.
Setelah wireframe selesai biasanya penulis juga mencari suber-
sumber asset desain untuk kebutuhan desain, situs yang sering penulis
kunjungi untuk mendapatkan asset gratis adalah material.io yang mana

12
 situs tersebut menyediakan banyak ikon gratis yang bisa digunakan
dalam segala kondisi seperti untuk projek nyata atau hanya untuk
sekedar eksplorasi. Aset desain adalah resources tertentu di dalam
UI/UX yang digunakan ke dalam proses pengembangan perangkat
lunak atau aplikasi. Penamaan file di dalam assets design itu sangat
penting, itu akan memudahkan designer maupun developer yang akan
memindahkan desain ke dalam codingan.
Setelah wireframe dan pengumpulan asset selesai tahap selanjutnya
adalah melakukan finishing design yaitu High Fidelity Prototype. High
Fidelity adalah design yang tingkat presisinya tinggi. Sudah memiliki
warna, ukuran , jarak dan bentuk elemennya juga sudah dibuat dengan
tingkat presisi dan akurasi yang detail.

3.2.4 Penyerahan Desain

Pada tahap penyerahan desain ada dua kemungkinan yang akan
terjadi, yaitu desain deterima dan langsung di kerjakan oleh developer
atau pun desain mendapat revisi yang mana akan dikerjakan ulang oleh
penulis dan diperbaiki bagian

13
 BAB IV
PEMBAHASAN
4.1 Pelaksanaan Magang
Penulis melaksanakan kegiatan magang selama kuarng lebih 4 bulan
di CV Jogjaweb.com yang beralamat di Jl. Nusa Indah No. 412 Dero,
Condongcatur, Depok, Sleman, Yogyakarta 55283. Selama kegiatan magang
berlangsung penulis mendapat tugas dan mengerjakan secara daring atau
work from home dikarenakan kodisi pandemic. Kegiatan magang dimulai
pada tanggal 23 September 2020 dan berakhir pada tanggal 21 Januari 2021
yang mana berjalan selama kurang lebih 4 bulan. Dalam kegiatan ini penulis
juga melakukan pertemuan melalui platform meeting online yaitu zoom yang
mana dalam pertemuan tersebut penulis dan pembimbing magang membahas
tugas atau memberikan brief tugas yang akan dikerjakan.
Selama berlangsungnya magang online penulis banyak mendapatkan
pelajaran dari tugas yang diberikan dan sesuai dengan apa yang dipelajari di
mata kuliah kampus yaitu UI/UX desain. Yang mana materi ini dipelajari
pada semester 3

4.2 Analisa Kegiatan

Selama penulis mengikuti kegiatan magang di CV Jogjaweb.com,
penulis mendapat beberapa tugas mendesain website yang akhirnya bisa
diimplementasikan menjadi website yang bisa dijalankan. Di bawah ini
penulis akan menampilkan sedikit dari tugas yang telah diimplementasikan.
Ini adalah dua contoh tampilan desain website untuk web klinik kecantikan
TIUwoo yang mana memakan waktu selama kurang lebih 3 minggu untuk
pengerjaan full desain websitenya.

14
 Gambar 4.2

4.3 Kendala yang dihadapi dan Upaya Pemecahanya

Selama pelaksanaan magang berlangsung penulis mendapatkan
beberapa kesulitan, salh satu contoh nya adalah ketikan proses desain yang
terkadang tidak sesuai brief yang diberikan. Penulis sangat sulit memahami
sebuah brief yang diberikan sehingga mengalami beberapa revisi.
Pemecahan masalah yang penulis lakukan adalah dengan menanyakan
bagian yang masih belum dipahami kepada pembimbing magang agar
meminimalisir kesalahan saat eksekusi desain dan mengurangi kemungkinan
revisi.

4.4 Alur Magang

Selama melaksanakan kegiatan magang deskripsi pekerjaan yang
diberikan adalah mendesain template website yang mana telah melalui
banyak proses dalam mendesain dan setiap kegiatan telah dirangkum pada
sebuah logbook. Berikut bentuk uraian kegiatan magang daam bentuk
logbook :

15
NO HARI/TANGGAL URAIAN KEGIATAN

Mendapatkan brief pertama yaitu

pembuatan design website untuk
1 Kamis, 24 September 2020
webkilat.com dan perkenalan dengan
pembimbing magang
Mengumpulkan referensi design dan
memahami brief kebutuhan website dan
2 Jum’at, 25 September 2020
Mengumpulkan dan mencari bahan
asset kebutuhan desain

Merancang dan membuat sketsa kasar

3 Senin, 28 September 2020
untuk di jadikan wireframe home page

4 Selasa, 29 September 2020 Mebuat wireframe untuk home page

Mendesain home page menjadi hi-fi dan

5 Rabu, 30 September 2020 menyerahkan progress kepada
pembimping

6 Kamis, 1 Oktober 2020 Revisi desain home page

7 Jum’at, 2 Oktober 2020 Mendesain halaman kategori

8 Sabtu, 3 Oktober 2020 Desain diterima

Memahami brief desain website

9 Senin, 5 Oktober 2020
magetan.pw

Mencari referensi desain website yang

10 Selasa, 6 Oktober 2020
sesuai dengan brief website magetan.pw

Membuat sketsa dan wireframe untuk

11 Rabu, 7 Oktober 2020
website dan desain

16
 Menyerahkan progress desain kepada
12 Kamis, 8 Oktober 2020
pembimbing magang

Meminta review pembimbing magang

13 Sabtu, 10 Oktober 2020
untuk desain magetan

Revisi warna desain website

14 Senin, 12 Oktober 2020
magetan.pw dan review element lain

Revisi beberapa tampilan pada desain

15 Selasa, 13 Oktober 2020
magetan.pw
Bercengkrama dengan pembimping
16 Selasa, 3 November 2020
magang
Memahami brief baru mengenai desain
17 Sabtu, 14 November 2020
tour agent
Mencari referensi sejenis untuk
18 Senin, 16 November 2020
kebutuhan desain tour agent
Mulai mengerjakan desain dari tahap
19 Selasa, 17 November 2020 sketsa kasar dan wireframe dan mulai
mendesain awal untuk home page
Menyerahkan progress desain website
20 Kamis, 19 November 2020 tour agent kepada pembimbing magang
dan mendapat review
Revisi tampilan website tour agent
21 Jum’at, 20 November 2020
untuk menyesuaikan pasar
22 Sabtu, 21 November 2020 Menyerahkan hasil revisi
Melanjutkan desain home page tour
23 Selas, 24 November 2020
agent
Briefing projek desain tiuwoo klinik
24 Selasa, 1 Desember 2020
kecantikan melalu zoom
Pembuatan draft untuk kebutuhan
desain home page dan mulai
25 Rabu, 2 Desember 2020
mengerjakan desain dari mulai home
page

17
 Menyerahkan draft kepada pembimbing
26 Kamis, 3 Desember 2020
magang

Menyerahkan hasil desain kepada

27 Jum’at, 4 Desember 2020 pembimbing magang dan meminta
review

Menyerahkan hasil revisi desain dan

28 Sabtu, 5 Desember 2020 progress desain dan mendapatkan brief
tambahan dari pembimbing magang

Menyerahkan revisi untuk beberapa

29 Selasa, 8 Desember 2020 bagian dan elemen seperti ukuran teks
dan jarak

Membuat halaman before after untuk

menampilakn hasil treatment dan
30 Rabu, 9 Desember 2020
membuat halaman jenis treatment dan
revisi bagian footer

Membuat halaman produk kecantikan

31 Kamis, 10 Desember 2020 produk Tiuwoo dan membuat halaman
detail produk

Membuat halaman profile dokter,

32 Jum’at, 11 Desember 2020
profile terapis, dan profile oprasional

Membuat halaman maps atau alamat

33 Sabtu, 12 Desember 2020
klinik tiuwoo

Pembimbing meminta asset untuk

34 Minggu, 13 Desember 2020
kebutuhan perancangan website

35 Rabu, 16 Desember 2020 Membuat halaman standarisasi alat

18
 BAB V
PENUTUP

5.1 Kesimpulan
Kesimpulan yang penulis dapatkan setelah menjalani kegiatan
maganga selama kurang lebih 4 bulan adalah sebagai berikut :
1. Sebuah website yang baik harus mampu memahami apa
kebutuhan pengunjung saat mereka mengunjungi website yang
kita buat.
2. Dalam pembuatan website harus paham tujuan dan maksud
website tersebut dibuat.
3. Memahami konsep-konsep pada ui/ux sangat penting dalam
pembuatan website.
4. Konten yang runtun dan mudah dibaca sangat penting bagi
kemudahan pengunjung dalam memahami flow dari website,
dikarenakan ada teori piramida terbalik yang mana konten paling
penting harus ditempatkan di paling atas.

5.1 Saran
Berdasarkan kesimpulan di atas, penulis mencoba untuk memberikan
saran yang mana bisa jadi pertimbangan antara pihak kampus dan tempat
magang yaitu antara Universitas Amikom Yogyakarta dan CV Jogjaweb.com
Dengan adanya kegiatan magang ini, penulis berharap pihak kampus
dan tempat magang mampu menjalin hubungan baik dan kerja sama yang
baik yang mana dengan adanya kegiatan magang ini memberikan kesempatan
yang baik kepada mahasiswa untuk belajar dan terjun langsung dalam
mempelajari dunia kerja.

19
 DAFTAR REFERENSI

Rahmat Nurul Fauzi. (2016) LAPORAN MAGANG KERJA DI PT.KUSUMA

SATRIA AGROBIO TANI PERKASA, BATU, JAWA TIMUR

Ahmad Iqbal Yunus. (2018) PERANCANGAN DESAIN USER INTERFACE

DAN USER EXPERIENCE PADA APLIKASI SIAKAD DENGAN
MENGGUNAKAN METODE USER CENTERED DESIGN (UCD) PADA
UNIVERSITAS ISLAM NEGRI SUNAN AMPEL SURABAYA

Rani Puspita. (2020) PERANCANGAN KOMUNIKASI VISUAL DESAIGN

WEBSITE (MUGGLE DIVISION) MENGGUNAKAN KAIDAH UI/UX

Muhammad Tegar. (2019) “PERANCANGAN LANDING PAGE PRODUK

VIDEO GAME AQUACULTURE LAND SEBAGAI UPAYA PROMOSI PADA
PASAR INTERNASIONAL

20
 LAMPIRAN

1. Surat Keterangan Magang dari Instansi

21
2. Kegiatan Magang
a. Landing Page Webkilat
Di bawah ini adalah bentuk tampilan dari hasil final landing page
desain website webkilat yang mana saat ini sudah bisa diakses, pada
landing page di bawah memiliki delapan bagian, yaitu sebagai berikut:
- Hero banner
- Tema Website Premium
- Fitur dan Layanan Utama
- Alur Pembuatan Website
- Testimonial
- FAQ
- Banner Membuat Website
- Footer

b. Halaman Kategori Webkilat

Pada halaman ini menampilkan kategori website yang tersedia di
webkilat yang mana akan memudahkan pengunjung dalam memilih

22
website sesuai kebutuhan mereka, pada halaman ini memiliki 5 bagian,
yaitu sebagai berikut:
- Hero Banner
- Pilihan Kategori Website
- Alur Pembuatan Website
- Banner Membuat Website
- Footer

23
24