1
BAB V
Hasil Karya
AY
1.1
A
IMPLEMENTASI KARYA
Selama proses kerja praktek dengan kurun waktu satu bulan, penulis memperoleh beberapa hasil karya. Salah satunya adalah desain website bedrock
R
1.1.1 Desain Website bedrock hotel
AB
hotel. Berikut ini adalah beberapa rancangan desain:
SU
Bedrock hotel merupakan anak perusahaan PT. Centro Media Indonesia yang menjadi supporter dalam media promosi dan periklananya. Desain Intro website
ST
IK
O
M
1.
Gambar 5.1 : Intro Website
2
Pada gambar 5.1 merupakan gambar Intro website, dimana intro website
A
adalah tampilan awal ketika website di buka, biasanya berupa animasi ataupun ucapan selamat datang.Apabila diibaratkan website adalah sebuah
AY
rumah, web intro adalah tampilan awal rumah tersebut.Walaupun rumah tersebut terkesan biasa, tetapi memiliki tampilan dari luar yang mewah makan
mungkin sebaliknya.
AB
kesan pertama orang akan menerka bahwa rumah ini mewah padahal
Pada perancangan layout website bedrock hotel, intro pada layout ini tidak
text
di gunakan
sebagai ucapan
SU
dimana
R
terdapat informasi apapun dan hanya di beri sedikit animasi text „welcome”, selamat
datang.Intro
dapat
berpengaruh besar dalam menarik tidaknya sebuah website.Untuk membuat website yang berisi informasi selanjutnya, pengguna tinggal menekan tombol
ST
IK
O
M
logo yang terdapat ditengah-tengah halaman.
3
Desain tampilan Home
SU
R
AB
AY
A
2.
Gambar 5.2 : Tampilan Halaman Home
Tampilan home adalah tampilan awal ketika website pertama kali di buka,
M
biasanya home merupakan tampilan setelah intro di buka. Home di sini
O
merupakan halaman awal dimana terdapat berbagai informasi terbaru dan terupdate dapat di peroleh dengan cepat.
ST
IK
Untuk desain home, di buat sesuai dengan konsep awal.Dengan warna coklat yang mendominasi dengan ukuran 1024x768 yang menjadi ukuran standart website. Di dalam home terdapat slide show gambar hotel yang di animasikan, menubar yang berisi informasi-informasi yang dapat di peroleh, banner untuk iklan / promo dan artikel terbaru yang di terbitkan oleh bedrock itu sendiri.
4
Desain Slideshow gambar home
SU
R
AB
AY
A
3.
Gambar 5.3 : Tampilan Slide Show (Swimming Pool)
M
Gambar 5.3 adalah gambar yang berupa tampilan slide show gambar kolam
O
renang yang ada di bedrock hotel.Di beri penjelasan dengan tambahan keterangan teks “swimming poll” yang di letakkan di atas kanan.
ST
IK
Akan di tampilkan beberapa gambar unggulan yang di tawarkan oleh bedrock hotel lebih lanjutnya, hal ini di lakukan agar lebih menarik perhatian pengunjung.
SU
R
AB
AY
A
5
Gambar 5.4 : Tampilan Slide Show (Lobby)
M
Berikut ini adalah tampilan gambar slide show selanjutnya. Bedrock hotel
O
memberikan tampilan gambar lobby yang di miliki dengan menonjolkan konsep elegan kontemporer, di harapkan dengan gambar ini pengunjung
ST
IK
dapat ikut merasakan berada di bedrock hotel dan lebih tertarik dengan fasilitas yang di berikan. Selain itu, slide show ini tetap dilengkapi dengan keterangan gambar berupa teks “lobby” di kanan atas gambar.
SU
R
AB
AY
A
6
Gambar 5.5 : Tampilan Slide Show (Cafe)
M
Gambar5.5 ini merupakan gambar slide show pada café yang ada di
O
bedrock hotel. Dimana konsep yang di usung sama dan tentu saja menonjolkan ruangan yang tertata rapi.slide show di buat dengan
ST
IK
menggunakan animasi transparasi / berpindah tempat secara pelan-pelan. Café adalah salah satu fasilitas yang biasa ramai di kunjungi dalam suatu hotel, karena banyak orang yang menghabiskan waktu kosong untuk sekedar minum kopi atau mengobrol di café.
7
Desain tampilan About
SU
R
AB
AY
A
4.
Gambar 5.6: Halaman About
M
Gambar5.6 merupakan gambar tampilan about us (tentang perusahaan
O
bedrock hotel).About us di sini berisi tetang apakah bedrock hotel, bagaimana perkembangan dan apa yang di berikan.
ST
IK
Desain pada halaman about ini di buat sesederhana dan tidak rumit, karena pembaca akanmembutuhkan space yang cukup untuk dapat membaca dan menangkap informasi yang di berikan. Dalam halaman about, penulis hanyaakan memberikan beberapa gambar hotel yang di gabungkan menjadi satu untuk dapat lebih memperjelaskan informasi yang di berikan.
8
Desain tampilan Service
SU
R
AB
AY
A
5.
Gambar 5.7: Halaman Service
M
Halaman service adalah halaman yang berisi pelayanan jasa hotel, yaitu
O
penyewaan penginapan. Pada halaman ini akan terdapat beberapa macam type ruangan yang ada dalam bedrock hotel lengkap dengan informasi yang
ST
IK
di butuhkan.
Pada gambar 5.7, halaman ini merupakanawal halaman service, pengunjung dapat memilih dahulu type ruangan seperti apa yang di inginkan. Setelah mendapatkan pilihannnya,
pengunjung dapat langsung menklik gambar
ruangan dan di sini pengunjung akan langsung mendapatkan informasi dan gambar yang lebih jelas pada halaman service selanjutnya.
SU
R
AB
AY
A
9
Gambar 5.8: Tampilan Service (Deluxe)
M
Pada gambar 5.8 di jelaskan tentang tampilan service yang ada di hotel
O
bedrock, salah satunya yaitu deluxe. Untuk penerapan desain, di sini hanya akan di berikan gambar ruangan dan keterangan yang lebih lanjut.
ST
IK
Untuk kembali pada menu service awal, di sediakan tombol exit (x) yang di letakkan di pojok kanan atas atau tinggal menekan menu service yang ada dalam menu bar atas.
SU
R
AB
AY
A
10
Gambar 5.9: Tampilan Service (Grand Deluxe)
M
Berikut ini di tampilan gambar service bedrock hotel yang kedua yaitu
O
grand deluxe.Grand deluxe memberikan fasilitas yang lebih menarik dan tetap di berikan gambar ilustrasi sekaligus informasi untuk memberikan
ST
IK
informasi lebih lanjut kepada pengunjung. Untuk kembali pada menu service awal, di sediakan tombol exit (x) yang di letakkan di pojok kanan atas atau tinggal menekan menu service yang ada dalam menu bar atas.
SU
R
AB
AY
A
11
Gambar 5.10: Tampilan Service (Junior Suite)
M
Pada gambar 5.10 di perlihatkan untuk menu service yang selanjurnya yaitu
O
junior suite, dimana fasilitas yang ada dalam type kamar ini juga tidak kalah bagus dengan kamar-kamar yang lain. Isi dari desain hanya gambar kamar
ST
IK
dan keterangan untuk lebih menjelaskan informasi ke pengunjung. Untuk kembali pada menu service awal, di sediakan tombol exit (x) yang di letakkan di pojok kanan atas atau tinggal menekan menu service yang ada dalam menu bar atas.
SU
R
AB
AY
A
12
Gambar 5.11: Tampilan Service (Junior Suite 2)
M
Berikut ini adalah service menu terakhir yang di tawarkan oleh bedrock fasilitas
yang
lebih
daripada
sebelumnya,
hotel
ini
O
hotel.Dengan
memberikan gambar kamar yang jelas dan menarik sekaligus ditambah
ST
IK
keterangan yang informative. Untuk kembali pada menu service awal, di sediakan tombol exit (x) yang di letakkan di pojok kanan atas atau tinggal menekan menu service ataupun dapat berpindah ke menu lain yang telah di sediakan di dalam menu bar diatas.
13
Tampilan Contact Us
SU
R
AB
AY
A
6.
M
Gambar 5.12: Halaman Contact Us
O
Gambar 5.12 ini merupakan gambar tampilan contact us. Dimana pada halaman contact us ini akan berisi tentang informasi kontak dari perusahaan
ST
IK
bedrock hotel ini sendiri. Kontak yang terdapat dapat di gunakan untuk reservasi, kerja sama ataupun lainnya. Tampilan pada halaman contact us ini tidak perlu banyak element atau fitur, sama seperti about yang akan focus langsung pada informasi yang di berikan
oleh
bedrock
hotel.Untuk
berpindah
ke
informasi
lainnya,
pengunjung tinggal menekan menu yang ada di atas (menu bar) website.
14
Tampilan Location
SU
R
AB
AY
A
7.
Gambar 5.13: Halaman Location
M
Pada gambar 5.13, merupakan gambar tampilan dari halaman location
O
yang terdapat di dalam website bedrock.Halaman ini merupakan halaman lokasi dimana bedrock ini dapat di temui.
ST
IK
Informasi yang ada dalam halaman ini adalah peta hotel dan alamat hotel.Peta yang ada di mulai dari jalur pulau bali hingga ke pusat kota. Dengan adanya halaman location diharapkan pengunjung yang hendak mengunjungi hotel tidak kesusahan dalam mencari keberadaan hotel tersebut.
15
1.1.2 Hasil Karya Pendukung Perancangan background home(edisi ramadhan)
ST
IK
O
M
SU
R
AB
AY
A
1.
Gambar 5.14: Background Home (Edisi Ramadhan)
16
Pada gambar 5.14, Background home dalam website centroone.com
A
berikut ini merupakan desain background khusus untuk edisi ramadhan. 2 desain ini adalah beberapa desain alternative yang akan di ajukan untuk di
akan di sesuaikan dengan tema ramadhan.
AY
gunakan dalam website. Dimana di dalam penggunaan element dan warna
AB
Sedangkan pada gambar 5.15, merupakan background home untuk
edisi khusus dirgahayu Indonesia ke 68. Dimana desainnya juga di
SU
Perancangan Background Website (edisi kemerdekaan)
ST
IK
O
M
2.
R
sesuaikan dengan tema dan kesepakatan pihak PT. Centro Media Indonesia.
SU
R
AB
AY
A
17
Gambar 5.15: Background web (kemerdekaan)
M
Pada dua gambar 5.15 merupakan gambar background web yang akan di pakai khusus untuk acara Dirgahayu Indonesia yang ke-68. Di harapkan
O
orang yang melihat website ini dapat terinspirasi semangat dan ikut
ST
IK
merayakan kemerdekaan Indonesia. Pada tema ini, akan di buat 2 alternatif desain agar pihak PT. Centro Media Indonesia
memiliki
pilihan
dan
dapat
memberikan
masukan-masukan.
Penggunaan warna merah yang membara dan ilustrasi pahlawan-pahlawan menjadi element utama dari pembuatan background tersebut.
18
Perancangan E-card Ramadhan
ST
IK
O
M
SU
R
AB
AY
A
3.
ST
IK
O
M
SU
R
AB
AY
A
19
Gambar 5.16: E-card Ramadhan
Pada gambar 5.16 terdapat beberapa contoh gambar yang berisi tentang Ecard ramadhan dan hari raya idul fitri.Di dalam pembuatan e-card ini mengusung tentang tema Fun, dimana menggunakan mascot-maskot kartun yang ceria dan berwarna. E-card ini menjadi sebuah aplikasi yang dapat di download dan di bagi-bagikan ke teman khusus di bulan ramadhan.
20
O
M
SU
R
AB
AY
A
4. Perancangan Banner Iklan
Gambar 5.17: Banner Iklan
Gambar berikut adalah beberapa gambar banner iklan yang telah di
ST
IK
buat.Dimana
banner
mempromosikan
iklan
sesuatu.
ini
biasa
Dengan
di
ukuran
letakkan standart
di website iklan
banner
untuk yaitu
500x550px di harapkan tidak memperlambat jalannya proses website. Tema yang di usung oleh iklan ini bermacam-macam dan cenderung menyesuaikan, tergantung siapa yang beriklan, iklan apa dan apa yang di informasikan.
21
Perancangan Timeline Fanpage (edisi ramadhan)
SU
R
AB
AY
A
5.
M
Gambar 5.18: Timeline Fanpage (ramadhan)
O
Pada gambar 5.18 terdapat beberapa rancangan desain timeline (foto
ST
IK
sampul) yang akan di gunakan dalam fanpage. Dimana timeline ini di pasang sewaktu bulan ramadhan dengan isi selamat menunaikan ibadah puasa.
Warna hijau yang di ambil di harapkan dapat mewakili suasana ramadhan dengan element ketupat-ketupat, yang biasanya merupakan makanan yang di gemari dan hampir tidak tertinggal saat bulan ramadhan.
22
Perancangan Grafik Berita
SU
R
AB
AY
A
6.
Gambar 5.19: Grafik Berita (Perbandingan Gedung)
M
Gambar 5.19 adalah tampilan desain perbandingan gedung antara gedung tertinggi yang terletak di dubai dengan gedung tertinggi yang terletak di
O
Jakarta dan surabaya, grafik ini di buat untuk dapat memenuhi keperluan
ST
IK
berita di centroone.com Dengan menggunakan pemilihan warna abu-abu dan putih, agar dapat lebih menonjolkan gedung dan pemberian warna hitam pada teks juga dapat menonjolkan informasi yang terdapat dalam grafik tersebut.
AB
AY
A
23
SU
R
Gambar 5.20: Grafik Berita (Laju Inflasi 2013)
Gambar 5.20 merupakan gambar grafik untuk pemberitaan yang berisi tentang grafik laju inflasi pada tahun 2013 di Indonesia.Dimana di jelaskan
M
bahwa laju inflasi mengalami kenaikan yang luar biasa dan merupakan kenaikan tertinggi pada tahun 2013.
O
Untuk desain yang di gunakan lebih elegan ke arah bisnis-bisnis dengan
ST
IK
menggunakan element uang juga gambar dunia sebagai background, karena hal ini adalah hal yang cukup di perhatikan dalam bisnis di dunia, termasuk Indonesia.Pemberian keterangan angka inflasi harus jelas dan cepat di pahami.
24
Perancangan Greeting Card Idul Fitri
SU
R
AB
AY
A
7.
M
Gambar 5.21: Greeting Card (Idul Fitri)
O
Pada gambar 5.21, terdapat beberapa gambar yang berisi greeting card atau
ST
IK
ucapan selamat untuk di berikan kepada client ataupun orang-orang yang berpengaruh penting bagi perusahaan. Pada umumnya, greetingcard ini akan di berikan bersama dengan parcel ataupun bingkisan lainnya. Desain yang di gunakan lebih elegan dan resmi dengan menyeimbangkan penggunaan element-element vector yang sesuai.
25
Perancangan Flying Banner
ST
IK
O
M
SU
R
AB
AY
A
8.
Gambar 5.22: Flying Banner Gambar 5.22 adalah 2 flying banner yang di gunakan untuk iklan di sebuah website. Dimana informasi pada banner ini berisi tentang ucapan selamat hari raya idul fitri dan akan di tampilan pada saat hari raya idul fitri.
26
Perancangan Background web (Televisi)
ST
IK
O
M
SU
R
AB
AY
A
9.
Gambar 5.23: background web (televisi)
Gambar berikut adalah gambar yang berisi tentang background yang akan di gunakan untuk aplikasi televisi (live steaming).konsep yang di usung adlaah futuristic danilustrasi yang di gunakan di sesuaikan dengan perkembangan teknologi dan informasi yang semakin informative dan berkembang pesat, terutama di perkotaan