VICIDI, Volume 2 no.3 Desember 2013
PERANCANGAN TAMPILAN VISUAL WEBSITE SEBAGAI MEDIA PROMOSI DAN INFORMASI APLIKASI BUKU INTERAKTIF CERITA RAKYAT BERJUDUL DONGENG Marina Sanarkoputri Marina Wardaya Visual Communication Design Fakultas Industri Kreatif Universitas Ciputra UC Town, Citra Land, Surabaya ABSTRAK Perancangan ini dilaksanakan untuk membantu memperkenalkan aplikasi Sande Studio kepada masyarakat dalam negeri maupun luar negeri, yaitu sebagai aplikasi yang kreatif, mempererat ikatan kekeluargaan, serta melestarikan kebudayaan Indonesia. Sebagai aplikasi yang baru diluncurkan, dibutuhkan kegiatan promosi yang efektif agar tujuan utama untuk memperkenalkan aplikasi ini kepada masyarakat luas dapat tercapai khususnya kepada target yang dituju. Untuk itu, penulis menggunakan teori desain website dalam pembuatan website yang sesuai dengan tema aplikasi beserta atribut-atributnya.
Abstract : This design is executed to help and introduce applications, made by Sande Studio, so that
people from Indonesia or others country will know it as creative application,
strengthen parents-child relationship, and conserve Indonesian cultures. As a new launched application, it’s also needed effective promotions so that the main purpose to introduce this application to many people could be accompalished. Therefore, the writer uses the website design theory in order to make a website that’s matched with the application theme with its attributes.
Kata kunci: Website, Aplikasi, Budaya Indonesia, Keluarga, Promosi, dan Informasi.
PENDAHULUAN Perkembangan teknologi informasi saat ini sudah berkembang dengan sangat maju. Tidak seperti pada era sebelum tahun 2000 dimana teknologi informasi seperti internet dan teknologi perangkat mobile (misal : telepon genggam) masih merupakan sesuatu yang sangat jarang digunakan oleh masyarakat Indonesia. Pada era tersebut hanya orang-orang yang berlatar belakang IT yang sering menggunakan teknologi tersebut. Namun, saat ini hampir setiap orang menggunakannya termasuk juga anak-anak sudah diberikan telepon genggam oleh orang tuanya. Salah satu teknologi informasi tersebut adalah internet. Awalnya di tahun 1960an internet hanya banyak digunakan dalam dunia pendidikan dan kalangan pemerintahan sebagai sarana
H a l a m a n | 11
VICIDI, Volume 2 no.3 Desember 2013
komunikasi dalam dunia militer. Tetapi sejak ditemukannya teknologi World Wide Web (WWW) tahun 1990an, internet yang semula hanya dapat menampilkan data, berkembang menjadi dapat menampilkan gambar, warna, dan suara. Sejak saat itulah kegunaan internet semakin berkembang. Banyak organisasi bisnis yang membuka bisnis mereka di internet untuk mempromosikan dan menawarkan produk atau jasa dengan memasang foto dan gambar produk-produk mereka. Tak berhenti di situ, teknologi internet semakin hari semakin melejit. Pada tahun 1992 jasa sambungan internet dikomersialkan--dapat dilihat saat ini banyak sekali provider yang menyediakan paket-paket internet yang dapat diakses di telepon genggam. Kemudian pada tahun-tahun ke depannya muncul layanan nir-kabel (wireless) atau yang biasa disebut hotspot wi-fi dan yang saat ini banyak dijumpai di kedai kopi, restoran, dan tempat-tempat umum lainnya. Perkembangan teknologi internet ini didukung dengan meningkatnya produksi tablet dan smartphone. Hal ini tentunya memudahkan khalayak manusia untuk mendapatkan informasi kapan saja dan di mana saja, tanpa dibatasi oleh waktu dan tempat. Sande Studio merupakan studio yang bergerak di sektor pembuatan aplikasi permainan, multimedia, dan hiburan berbasis di Surabaya. Tujuan awal dari Sande Studio adalah menciptakan aplikasi yang memiliki daya tarik untuk anak-anak serta dapat turut berkontribusi dalam mengenalkan budaya Indonesia ke anak-anak baik yang berasal dari Indoneia maupun dari luar negeri. Setiap aplikasi yang dibuat ini nantinya diharapkan dapat menjadi alat bantu bagi orang tua sebagai sarana untuk mengenalkan budaya lokal yang semakin pudar kepada anak-anak. Salah satu aplikasi berbayar yang menjadi projek baru Sande Studio berjudul “Dongeng”, yaitu buku interaktif yang berupa kumpulan cerita rakyat Indonesia yang dilengkapi dengan permainan sederhana untuk anak-anak berusia 3-5 tahun sehingga memberikan daya tarik terhadap anak-anak untuk memainkan aplikasi ini. Sebagai sebuah aplikasi yang baru, Sande Studio membutuhkan sebuah media yang tepat sebagai sarana promosi dan informasi untuk mengenalkan aplikasi ini sebagai aplikasi yang berkualitas yang patut dibeli, serta untuk memberikan informasi seputar aplikasi ini kepada orangorang. Berdasarkan riset internal yang telah dilakukan oleh Sande Studio, mereka membutuhkan sebuah media untuk mempromosikan aplikasi barunya dengan harga yang tidak terlalu mahal, tetapi dapat digunakan sebagai wadah informasi, mudah diakses di mana saja dan kapan saja, serta dapat diakses secara global. Oleh karena itu, sesuai dengan hasil rapat internal perusahaan website dipilih sebagai media promosi dan informasi yang tepat karena website dapat memenuhi kebutuhan Sande Studio tersebut.
BAGIAN INTI Tinjauan Internal Perusahaan Studio game Sande yang berdiri pada tahun 2012 ini berbasis di Surabaya. Dipalangi oleh 2 mahasiswi Universitas Ciputra jurusan Visual Communication Design, yaitu Devina Puspitasari dan
H a l a m a n | 12
VICIDI, Volume 2 no.3 Desember 2013
Marina Sanarkoputri. Nama Sande adalah sebuah plesetan dari Bahasa Inggris “Sunday” yang berarti Hari Minggu di mana hari tersebut dikenal sebagai hari Sabat atau sebagai hari untuk beristirahat. Brand idea studio ini adalah sebuah studio yang menyediakan permainan edukasi yang mengusung budaya Indonesia dengan karakter yang unik, dilengkapi dengan level yang menantang, serta dapat dimainkan bersama keluarga maupun individu. Visi studio ini adalah menciptakan berbagai permainan yang dapat dikenal oleh seluruh masyarakat dunia, mempererat ikatan kekeluargaan, serta melestarikan budaya Indonesia. Sedangkan misinya adalah memperkenalkan Sande Studio kepada khalayak luas sebagai studio aplikasi yang mampu menciptakan permainan yang bagus dan mendidik. Target market dari studio ini adalah para pecinta game mobile, baik anak-anak, orang tua, wanita maupun pria. Produk yang dihasilkan oleh Sande Studio adalah permainan-permainan yang mengadopsi cerita-cerita rakyat Indonesia, dikemas begitu rupa dengan karakter-karakter yang unik, serta permainan yang menarik dan mendidik. Hasil Wawancara Berikut adalah hasil wawancara yang dilakukan oleh peneliti terhadap para ahli dan target market: 1)
Camelia Shabrina Octavira merupakan kakak dari Rezo, adik angkat laki-laki berumur 4 tahun
yang suka bermain game di Ipad. Dapat dikatakan ia sudah seperti Ibu dari Rezo, karena sehariharinya selain kuliah, ia menghabiskan waktunya untuk menemani adiknya bermain. Ia mengatakan bahwa Ia lebih sering menggunakan smartphone-nya untuk membuka sebuah website. Untuk tampilan website yang diinginkan adalah yang mempunyai banyak informasi, seperti informasi mengenai cara bermain, karakter game, dan game terbaru. Ia juga mengatakan artikel psikologi dapat menarik perhatiannya untuk berkunjung ke website. Satu hal lagi yang ia inginkan adalah agar website tidak terlalu banyak tulisan. 2)
Jonathan Christianto yang merupakan ahli website mengatakan bahwa kriteria website yang baik
adalah yang responsive design, yaitu website yang dibuat dalam 1 versi (versi desktop) tetapi dapat diakses dari perangkat lain dengan baik (seperti handphone). Dari segi isi, website yang baik adalah website yang mampu menampilkan semua informasi yang berkaitan dengan halaman aktif. Ia memberi contoh website kompas.com. Website tersebut mampu menampilkan informasi-informasi terkait dari halaman yang aktif pada kolom kiri/kanan/bawah yang tentunya memudahkan pengunjung untuk mendapatkan informasi, sehingga dari sisi Admin, hal tersebut dapat membuat pengunjung betah berlama-lama dalam situs tersebut. Dari segi desain, website yang diminati oleh masyarakat sekarang adalah desain yang simple, clean, dan dapat ditampilkan dengan baik di perangkat mobile seperti, iPad, iPhone, dan lainnya. 3)
Mohammad Oktri Raditya mengatakan bahwa website yang bagus untuk sebuah game tentunya
harus mempunyai desain yang unik. Ia memberi beberapa contoh desain website yang bagus yaitu seperti website Angry Bird, Icon Pop Quiz, dan Cut The Rope. Ia juga mengatakan bahwa fitur yang
H a l a m a n | 13
VICIDI, Volume 2 no.3 Desember 2013
harus dimiliki oleh sebuah website game adalah shop, video trailer, link untuk mengunduh game, serta link untuk berbagi ke media sosial. Dari wawancara yang dilakukan kepada ahli dan target market, dapat diketahui bahwa website yang bagus untuk sebuah aplikasi harus mempunyai desain yang unik, responsive design, memuat informasi-informasi yang berguna agar audience betah dalam mengunjungi website, memiliki fitur shop, video trailer, link untuk mengunduh game, serta link untuk berbagi ke media sosial. Teori Website Menurut buku Perdagangan Online: Cara Bisnis di Internet, website merupakan sebuah teknologi yang ditemukan pada tahun 1990an yang mampu menampilkan data berupa teks, angka, gambar, suara serta warna dan digunakan sebagai sarana promosi serta penyebaran informasi produk atau jasa yang dijual secara online yang kemudian dapat menjangkau konsumen atau calon pembeli dalam pasar secara global. Website dapat digolongkan menjadi 3 jenis, yaitu: -
Website statis
Merupakan website yang jarang berubah isinya. Biasa digunakan untuk company profile. -
Website dinamis
Merupakan website yang isinya dapat diubah atau di-update sewaktu-waktu. Biasa digunakan oleh web berita atau portal yang berisi informasi dan polling. -
Website interaktif
Merupakan website yang menggunakan interaksi 2 arah. Maksudnya adalah pemilik website dan audience dapat berinteraksi secara langsung. Mereka dapat berinteraksi, berbincang, serta memberikan argumen. Contoh website seperti ini adalah blog dan forum. Proweb, sebuah web developer, mengatakan bahwa dalam mendesain sebuah website ada beberapa patokan yang dapat membantu memperindah website. Standarisasi tersebut adalah: -
Resolusi 72
72 dpi merupakan resolusi standar tampilan di monitor. Oleh karena itu, tidak disarankan untuk membuat website dengan resolusi 100 dpi karena ukuran pada website aslinya akan menjadi besar. -
Warna RGB
Merupakan warna yang dikhususkan untuk monitor. -
Grid System
Garis-garis ini membantu dalam menjaga konsistensi layout dari halaman satu ke halaman lain. -
Manajemen folder dan layer
Dengan mengatur dan mengelompokkan layer-layer menjadi sebuah grup akan mempermudah desainer dalam mengedit suatu desain. Menurut buku Perdagangan Online: Cara Bisnis di Internet dalam membuat sebuah website ada beberapa hal penting yang harus diperhatikan. Pertama, informasi dan pesan kepada audiens harus disampaikan secara jelas dan ringkas, serta terfokus kepada apakah mereka akan membeli, memesan, dan bersedia membayar untuk produk atau jasa kita. Kedua, sebaiknya kapasitas dalam
H a l a m a n | 14
VICIDI, Volume 2 no.3 Desember 2013
setiap halaman website tidak lebih dari 50 KB agar dapat diakses dengan cepat. Ketiga, tidak disarankan untuk memasang informasi kondisi perbaikan tentang website kita di halaman website karena akan mengecewakan audiens yang telah berkunjung. Keempat, menyediakan informasi untuk memudahkan audiens menghubungi kita dan yang terakhir adalah konsistensi antara website dengan karakter perusahaan. Teori Web Mobile Dalam buku yang ditulis oleh Cindy Krum, Mobile Marketing: Finding Your Customers No Matter Where They Are dikatakan bahwa dalam mendesain website mobile ada 2 hal penting yang harus diperhatikan, yaitu ukuran image dan font. Ukuran image yang akan digunakan harus dibuat seminim mungkin dengan mengecilkan resolusi, karena target market adalah pengguna produk Apple yang baterainya akan cepat habis bila dipakai terus menerus dan kecepatan internet yang lebih lambat daripada PC. Font yang digunakan adalah font yang secara umum ada di handphone seperti American Typewriter, Arial, Arial Rounded MT Bold, Courier, Courier New, Georgia, Helvetica, Helvetica New, Marker Felt, Times New Roman, Trebuchet MS, Verdana, dan Zapfino. Solusi Komunikasi Visual Berdasarkan penjelasan yang telah ditulis, aplikasi baru milik Sande Studio ini masih belum dikenal oleh masyarakat luas. Oleh karena itu dibutuhkan sebuah wadah yang mampu untuk memperkenalkan aplikasi tersebut baik di dalam negeri maupun luar negeri. Wadah tersebut merupakan tempat di mana target market mendapatkan informasi tentang aplikasi yang nantinya akan mengubah keingintahuan mereka menjadi keinginan dan kebutuhan mereka untuk membeli aplikasi tersebut. Kata kunci yang digunakan adalah informatif dan fun. Konsep dari perancangan desain yang akan dilakukan adalah desain yang mendukung tema multimedia apps dan terfokus pada produk, serta memuat informasi-informasi terkait. Pemilihan Media Media yang dipilih dalam perancangan ini adalah: 1.
Website
Dirancang sebagai media promosi dan wadah untuk menjual merchandise untuk aplikasi yang dimiliki Sande Studio pada situs www.dongengworld.com.
2.
QR Code
Sebagai salah satu alat bantu yang dapat menghubungkan calon konsumen kepada website. QR Code akan diaplikasikan pada x-banner, kartu nama, tisu, dan pin. 3.
X-Banner
Media berukuran 60 cm x 160 cm ini akan digunakan pada saat pameran Bobo Fair 2013 yang diadakan pada tanggal 26-30 Juni bertempat di Jakarta Convention Center – Jl. Jend Gatot Subroto, Jakarta, serta pada saat seminar Tiga Raksa yang diadakan di beberapa kota. 4.
Kartu Nama
H a l a m a n | 15
VICIDI, Volume 2 no.3 Desember 2013
Media berukuran 8 cm x 4,5 cm ini akan dibagikan pada saat mengikuti pameran-pameran, untuk mengenalkan website. 5.
Tisu Poket
Media ini digunakan pada pameran sebagai souvenir/cenderamata untuk para pegunjung. Media ini dipilih karena tisu merupakan hal yang dibutuhkan setiap orang dan dapat digunakan dalam jangka waktu yang cukup lama. 6.
Pin
Media ini akan dibagikan kepada para pengunjung pada saat seminar dan pameran yang diadakan oleh Tiga Raksa, Bobo Fair, maupun pameran lainnya (dalam jangka 1 tahun). 7.
Gantungan Kunci
Media ini juga akan dibagikan kepada para pengunjung seminar dan pameran. Media ini dipilih karena gantungan kunci dapat digunakan dalam jangka waktu yang cukup lama serta dapat digunakan sebagai hiasan kunci, tas, dan lain sebagainya. 8.
Flash Card
Merupakan salah satu media yang dapat digunakan sebagai media belajar anak-anak, yang dijual dalam website sebagai pendukung website dan aplikasi. 9.
Jejaring Sosial
Facebook dan Twitter akan digunakan sebagai media untuk mempromosikan website serta penyampai informasi jika terdapat update pada aplikasi. Jejaring sosial ini dipilih karena merupakan jejaring sosial paling tren masa kini dan dapat mencakup luar negeri dan dalam negeri. Konsep Desain Media 1.
Website
Website yang dirancang penulis bersifat informatif disesuaikan dengan pengguna yaitu orang tua dan anak-anak. Desain dan warna-warna yang digunakan mengikuti desain produk. Menggunakan ukuran 800 px x 600 px, disesuaikan dengan ukuran mobile website, karena Sande Studio hanya mempunyai anggaran yang cukup untuk membuat 1 versi website. Tipografi yang digunakan untuk setiap headline adalah Dumbledor di mana font ini adalah font yang dipakai untuk judul aplikasi. Untuk bodytext menggunakan Sans Serif karena font ini merupakan font standar yang terdapat di semua platform sehingga dapat mencegah adanya kejadian missing font saat diakses oleh pengguna. Situs Dongeng terdiri dari 4 bagian yaitu Homepage, For Parents, About Game, dan Shop. Homepage Situs Dongeng mempunyai halaman utama yang mendukung suasana produk agar pengunjung mendapatkan
kesan
bahwa
situs
tersebut
merupakan
situs
Dongeng.
Kesan
tersebut
dikomunikasikan dengan background dan adanya salah satu karakter yang terdapat dalam Dongeng. Dapat dilihat pada gambar 11 situs ini memiliki user interface dan sitemap yang langsung fokus menuju halaman-halaman utama, karena situs ini dibuat untuk meningkatkan penjualan. Layout yang dapat dilihat pada gambar 12 pun dibuat sedemikian rupa untuk menyesuaikan flow pembaca yang
H a l a m a n | 16
VICIDI, Volume 2 no.3 Desember 2013
dari kiri ke kanan, dengan bagian-bagian website yang terpenting berada di sisi kiri dan bagian-bagian pelengkap berada di sisi kanan. Kemudian terdapat 3 tombol yang menuju ke halaman For Parents, About Dongeng, dan Shop. Tombol ini mempunyai bentuk persegi panjang dengan lengkungan di tiap sudutnya serta menggunakan warna kuning karena warna tersebut merupakan warna yang cerah, yang menunjukkan bahwa Dongeng dapat membantu mencerahkan masa depan anak-anak, serta disesuaikan dengan konsep dari aplikasi Dongeng yang fun. Dalam halaman utama situs ini terdapat trailer yang menjadi tujuan utama agar para pengunjung dapat langsung mengetahui seperti apa Dongeng ini. Selain itu, tersedia pilihan untuk menggunakan Bahasa Indonesia atau Bahasa Inggris karena produk ditujukan untuk dalam negeri dan luar negeri. Iklan untuk sebuah aplikasi game baru diletakkan di ujung kanan bawah karena menyesuaikan dengan flow pembaca yang dari kiri atas ke kanan bawah. For Parents/Untuk Orang Tua Setelah pengunjung mengetahui aplikasi ini secara umum, penulis mengarahkan pengunjung untuk mengetahui mengapa aplikasi ini bagus untuk anak-anak mereka, oleh karena itu penulis menyuguhkan beberapa artikel pendukung yang dapat menguatkan alasan mereka untuk mengunduh aplikasi ini yang kemudian dapat juga digunakan sebagai panduan mereka dalam mendidik anakanak mereka. Tersedia tombol print yang ditujukan kepada pengunjung yang ingin mencetak artikel untuk memudahkan mereka membaca, karena terkadang ada orang yang kurang nyaman membaca langsung dari layar komputer. Tersedia tombol e-mail yang ditujukan untuk memudahkan para pengunjung (orang tua) untuk berbagi artikel tersebut kepada teman-temannya. About Dongeng /Tentang Dongeng Untuk menjelaskan bagaimana cara mengoperasikan aplikasi, asal usul cerita dari tiap Dongeng yang ada, serta karakter-karakter yang digunakan. Font yang digunakan untuk judul tiap Dongeng adalah Quicksand karena font ini sesuai dengan bodytext yang digunakan dalam aplikasi. Shop Tempat untuk membeli mechcandise Dongeng. Didesain dengan layout yang sama dengan halaman for parents dan about game. 2.
QR Code
QR Code dikemas dalam x-banner, kartu nama, tisu poket, dan pin. 3.
X-Banner
Didesain dengan menggunakan gambar barcode di dalam iPad sebagai focal point dari x-banner, agar
pembaca
dapat
langsung
terfokus
dengan
barcode
yang
menuju
ke
website
www.dongengworld.com. 4.
Kartu Nama
H a l a m a n | 17
VICIDI, Volume 2 no.3 Desember 2013
Bagian depan terdapat barcode, alamat website, serta kata-kata “Scan to See Your Kid’s Bright Future” agar para pengunjung yang mendapatkan kartu nama ini merasa tertarik untuk mengunjungi website karena kata-kata yang digunakan adalah menyangkut masa depan anak-anak mereka. 5.
Tisu Poket
Tisu Poket ini berguna sebagai media promosi untuk memperkenalkan situs www.dongengworld.com. Selain sebagai media promosi, tisu ini berguna karena bisa digunakan dalam jangka waktu yang cukup lama. 6.
Pin
Tujuan dari pembuatan pin ini adalah mempromosikan situs DongengWorld, oleh karena itu desain dari pin ini berisi QR-Code yang akan menghubungkan ke situs DongengWorld. Selain itu tertulis alamat situs pada bagian bawah. Pin ini menggunakan background yang serupa dengan produk dan pinggiran pin diwarnai kuning yang notabene merupakan warna dari aplikasi Dongeng. 7.
Gantungan Kunci
Alat bantu promosi yang lain adalah gantungan kunci. Desain gantungan kunci yang dibuat adalah bentuk awan karena sesuai dengan brain concept logo Sande Studio. Di tengah gantungan kunci terdapat alamat situs. Bahan akrilik dipilih karena tidak gampang kotor. 8.
Flash Card
Flash Card dibuat menjadi 4 macam yaitu Flash Card Bawang Merah & Bawang Putih, Kancil, Andeande Lumut, dan Roro Jonggrang. Flash Card pada setiap cerita memiliki warna yang berbeda untuk membedakan satu cerita dengan yang lainnya. Warna untuk setiap cerita dipilih mengikuti warna dominan pada setiap judul cerita. Desain setiap Flash Card dibuat persegi dengan tepi yang tumpul agar anak-anak yang menggunakan tidak terluka. Setiap Flash Card berisikan gambar dan kosakata yang menjelaskan gambar tersebut. Penjelasan dibuat dalam 2 bahasa yaitu bahasa Inggris dan Indonesia, karena mengikuti produk Dongeng. 9.
Jejaring Sosial
Latar belakang Facebook dan Twitter mengikuti desain dan warna-warna yang ada pada produk dan website.
KESIMPULAN Sebagai sebuah aplikasi baru yang
akan dirilis ke dalam appstore, Sande Studio
memerlukan media promosi dan aktivasi yang dapat mendongkrak penjualan aplikasi mereka, yaitu dengan menggunakan media website beserta gantungan kunci dan QR Code yang diaplikasikan pada x-banner, kartu nama, tisu poket, dan pin sebagai media aktivasi. Penulis menyarankan kepada para mahasiswa yang akan melakukan perancangan situs sebagai tugas akhir mereka agar melakukan pendaftaran nama domain terlebih dahulu karena nama yang diinginkan bisa saja sudah terpakai oleh situs lain. Penulis juga mengharapkan untuk ke depannya situs ini dapat berguna bagi calon pembeli aplikasi Dongeng.
H a l a m a n | 18
VICIDI, Volume 2 no.3 Desember 2013
Gambar Sitemap, Web, Media Promosi Website Dongeng
DAFTAR PUSTAKA Sarwono, Jonathan dan K Prihartono, A.H (2012). Perdagangan Online: Cara Bisnis di Internet.Jakarta: PT Elex Media Komputindo http://www.proweb.co.id Krum, Cindy (2010). Mobile Marketing. United States of America: Que
H a l a m a n | 19
