BAB IV MATERI KERJA PRAKTEK
4.1.
Gambaran Umum Proyek yang penulis dapatkan berawal dari keperluan untuk
membuat website Angel Eyes Cloth® yang merupakan UKM yang bergelut di bidang clothing. Briefing yang telah diterima oleh desainer grafis dan dirapatkan dengan pemilik Angel Eyes Cloth® untuk mendapatkan berbagai ide. Setelah konsep dipilih, eksekusi akan dilakukan untuk membuat website tersebut. Posisi yang diberikan oleh Angel Eyes Cloth® kepada penulis adalah sebagai freelance Graphic Designer, dimana penulis menjadi bagian dari kreatif desain di Angel Eyes Cloth®. Pada perusahaan ini penulis dibawah Senior Graphic Designer sebagai pengarah dalam proses pembuatan proyek.
4.2
Proses Perancangan 4.2.1
Briefing
Tugas yang diberikan kepada penulis adalah membuat website yang akan digunakan sebagai official web dari Angel Eyes Cloth®. Tugas diberikan langsung kepada desainer berbentuk briefing dari pembimbing.
4.2.2
Kebutuhan Teknis Perancangan Spesifikasi Hardware, Personal Computer dengan spesifikasi : •
Processor
: AMD Athlon™ II x2 245 processor 290GHz
•
Operating System : Windows 7 29
•
BIOS
: Ver: 08.00.12
•
RAM
: 4,00 GB
•
LCD
: SAMSUNG
Software aplikasi
: Software Adobe Dreamweaver CS 4 Adobe Flash CS 4 Adobe Illustrator CS 4
4.2.3
4.3
Proses Pengerjaan •
Memahami tema
•
Pemilihan image untuk dibuat website
•
Membuat format background
•
Mengolah tata letak image ilustrasi dan teks huruf
•
Mengolah warna
Hasil Akhir Karya 4.3.1
Membuat Home Page
Gambar 4.1. Home Page
Spesifikasi Teknis: Jenis karya
: website
30
Ukuran
:1024 x 768 pixel
Format file
: HTML (Hyper Text Markup Language)
Mode warna
: CMYK (Cyan, Magenta, Yellow, Black)
Kode warna
:
Keterangan :
Tipografi 1
1.
C : 0%
M : 0%
Y : 0%
K : 0%
2.
C : 40%
M : 0%
Y : 2%
K : 0%
3.
C : 49%
M : 11%
Y : 0%
K : 0%
4.
C : 66%
M : 18%
Y : 0%
K : 0%
5.
C : 54%
M : 25%
Y : 16%
K : 18%
6.
C : 82%
M : 22%
Y : 44%
K : 2%
7.
C : 62%
M : 0%
Y : 100%
K : 0%
8.
C : 1%
M : 99%
Y : 96%
K : 0%
: Impact
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 2
: Adobe Caslon Pro
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Dalam proses pembuatan website ini penulis menggunakan warna cyan sebagai warna utama karena warna cyan adalah warna dari logo Angel Eyes Cloth®. Merupakan cyan merupakan ciri khas warna perusahaan. 31
4.3.2
Membuat Catalog Page
Gambar 4.2. Catalog Page
Spesifikasi Teknis: Jenis karya
: website
Ukuran
:1024 x 768 pixel
Format file
: HTML (Hyper Text Markup Language)
Mode warna
: CMYK (Cyan, Magenta, Yellow, Black)
Kode warna
:
Keterangan : 1.
C : 0%
M : 0%
Y : 0%
K : 0%
2.
C : 40%
M : 0%
Y : 2%
K : 0%
3.
C : 49%
M : 11%
Y : 0%
K : 0%
4.
C : 66%
M : 18%
Y : 0%
K : 0%
5.
C : 54%
M : 25%
Y : 16%
K : 18%
6.
C : 82%
M : 22%
Y : 44%
K : 2%
7.
C : 62%
M : 0%
Y : 100%
K : 0%
8.
C : 1%
M : 99%
Y : 96%
K : 0%
32
Tipografi 1
: Impact
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 2
: Matura MT Script Capitals
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 3
: Adobe Caslon Pro
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
Dalam proses pembuatan Catalog Page penulis membuat catalog menggunakan animasi interaktif agar dapat menarik minat para pengunjung website. Animasi yang di maksud adalah jika cursor di arahkan ke desain baju yang lain maka image tersebut akan pindah ke image yang di pilih.
33
4.3.3
Membuat Size Page
Gambar 4.3. Size Page
Spesifikasi Teknis: Jenis karya
: website
Ukuran
:1024 x 768 pixel
Format file
: HTML (Hyper Text Markup Language)
Mode warna
: CMYK (Cyan, Magenta, Yellow, Black)
Kode warna
:
Keterangan : 1.
C : 0%
M : 0%
Y : 0%
K : 0%
2.
C : 40%
M : 0%
Y : 2%
K : 0%
3.
C : 49%
M : 11%
Y : 0%
K : 0%
4.
C : 66%
M : 18%
Y : 0%
K : 0%
5.
C : 54%
M : 25%
Y : 16%
K : 18%
6.
C : 82%
M : 22%
Y : 44%
K : 2%
7.
C : 62%
M : 0%
Y : 100%
K : 0%
8.
C : 1%
M : 99%
Y : 96%
K : 0%
34
Tipografi 1
: Impact
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 2
: Matura MT Script Capitals
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 3
: Informal Roman
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 4
: Adobe Caslon Pro
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Dalam proses pembuatan Size Page penulis mencantumkan berbagai jenis bahan, ukuran dan harga . Agar pengunjung website dapat mendapat semua informasi yang ada di dalam catalog.
35
4.3.4
Membuat Size Page
Gambar 4.4. Contact Page
Spesifikasi Teknis: Jenis karya
: website
Ukuran
:1024 x 768 pixel
Format file
: HTML (Hyper Text Markup Language)
Mode warna
: CMYK (Cyan, Magenta, Yellow, Black)
Kode warna
:
Keterangan : 1.
C : 0%
M : 0%
Y : 0%
K : 0%
2.
C : 40%
M : 0%
Y : 2%
K : 0%
3.
C : 49%
M : 11%
Y : 0%
K : 0%
4.
C : 66%
M : 18%
Y : 0%
K : 0%
5.
C : 54%
M : 25%
Y : 16%
K : 18%
6.
C : 82%
M : 22%
Y : 44%
K : 2%
7.
C : 62%
M : 0%
Y : 100%
K : 0%
8.
C : 1%
M : 99%
Y : 96%
K : 0%
36
Tipografi 1
: Impact
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 2
: Matura MT Script Capitals
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 3
: Informal Roman
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Tipografi 4
: Adobe Caslon Pro
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 Dalam proses pembuatan Contact Page penulis mencantumkan nama, email, dan message (pesan) agar pengunjung mudah untuk memesan barang atau menghubungi seller.
37
