BAB IV KONSEP PERANCANGAN A. Tataran lingkungan/komunitas Motion graphic pada umumnya merupakan gabungan dari potonganpotongan desain berbasis media visual yang menggabungkan Bahasa film dengan desain grafis, seperti memasukan elemen elemen yang berbeda seperti 2d atau 3d, animasi, video, tipografi, illustrasi, fotografi dan music. Dengan dimanfaatkannya motion graphic sebagai media informatif yang akan membuat banyak orang dapat menerima informasi informasi baru dengan mudah. Maka dari itu penulis membuat motion graphic seller center tokopedia guna untuk membuat para penjual di tokopedia yang kurang paham dengan aplikasinya bisa terbantu setelah menonton motion graphic yang penulis buat. Sehingga para penjual tidak akan kebingungan saat mengelola toko online mereka. B. Tataran sistem Motion graphic yang penulis buat ini akan memberikan informasi mengenai fitur fitur yang sering di tanya oleh banyak penjual di tokopedia, mulai dari buka toko, fitur gold merchant dan fitur statistik. Motion graphic yang penulis buat akan memberikan informasi informasi tentang fitur yang sering di tanyakan penjual, penulis mengemas infomasi ini dengan media motion graphic, sehingga para penjual yang menonton motion graphic ini akan langsung bisa menerima informasi yang jelaskan di dalam motion graphicnya. Penyebaran motion graphic ini akan di lakukan dengan media internet seperti youtube, situs seller tokopedia dan acara roadshow yang tiap bulan tokopedia adakan. Cara penyebaran ini termasuk cara yang memberikan 24
impact informasi yang mudah di lakukan oleh banyak penjual, karna youtube dan situs seller center tokopedia sering dibuka oleh banyak orang. Untuk roadshow akan tayang saat acara berlangsung, sehingga para penonton di acara tersebut akan langsung melihat tayangan motion graphic yang sedang di mainkan. C. Tataran produk Pembuatan motion graphic yang penulis buat ini berdasarkan permasalahan yang sedang dialami tokopedia, terutama pada bagian seller/penjualnya yang selalu memiliki keluhan tentang ketidak pahaman mengenai fitur-fitur yang ada di tokopedia, penulis merangkum beberapa keluhan yang sering di tanyakan kepada pihak costumer service tokopedia yaitu mengenai cara membuka took di tokopedia, apa itu fitur gold merchant dan penggunaan fitur statistik yang merupakan salah satu fitur gold merchant. Penulis memulai dengan membuat animasi motion graphic buka toko pada motion graphic ini penulis lebih menekankan alur cerita ke tutorial, karna disini penulis membuat animasi motion graphic secara step by step. Gambar 4.1 screenshot motion graphic seller center buka toko 25
Scene pertama penulis menganimasikan sebuah laptop dengan ada paying penutup diatasnya, sebagai gambaran bahwa para penjual siap untuk membuka toko dan kursor mengarah ke tulisan BUKA TOKO Gambar 4.2 screenshot motion graphic seller center buka toko Selanjutnya penulis mengarahkan kursor menuju panel yang berlambang toko di bagian kanan atas dan klik tombol buka toko, setelah masuk ke scene berikutnya penjual akan melihat cara men-cek nama toko mereka. Setelah nama toko yang di pakai terverifikasi, selanjutnya tab bagian isi informasi 26
toko akan men-scale agar para penjual bias langsung melihat proses pengisian data untuk toko mereka. Gambar 4.3 screenshot motion graphic seller center buka toko Ketika pengisian data toko sudah lengkap, selanjutnya posisi bar animasi akan menuju kebawah dan kursor meng-klik kota asal toko dan mengisi kode untuk daerah penjual, pada bagian bawahnya terdapat bank-bank dan agen kurir untuk media pengiriman barang, pada motion graphic yang penulis buat 27
ini menampilkan jika penjual dapat meng-klik bank bank yang terhubung dengan penjual dan agen kurir apa yang penjual bias jangkau untuk pengirimannya. Setelah semua dipilih kini animasi kursor akan bergerak mengklik tombol BROWSE FILE yang ada di bagian bawah icon toko untuk mengati gambar foto profile toko. Animasi sidebar akan muncul dan kursor akan mengklik gambar foto yang nantinya akan penjual pilih untuk mempercantik tokonya. Gambar 4.4 screenshot motion graphic seller center buka toko 28
Setelah menganti gambar toko animasi akan men-slide ke bagian bawah dan kursor akan mengklik tombol buka toko, sampai disini penjual telah berhasil membuka toko onlinenya dengan cepat dan mudah. Gambar 4.5 screenshot motion graphic seller center buka toko Pada bagian akhir motion graphic ini penulis menutup dengan transisi logo buka toko, dan bertuliskan tokopedia seller center. Motion graphic berikutnya penulis akan membahas mengenai fitur gold merchant, fitur golf merchant adalah fitur berbayar tokopedia yang memungkina penjualan akan lebih memiliki banyak pembeli dibanding akun toko yang biasa. Gambar 4.6 screenshot motion graphic seller center gold merchant 29
Scene pertama penulis mengambarkan keadaan toko yang terlihat sepi dan membosankan, lalu transisi menjadi sebuah toko yang lebih berwarna dengan menghighlight fitur gold merchant pada voice overnya. Gambar 4.7 screenshot motion graphic seller center gold merchant Setelah itu penulis melakukan transisi dengan mengeluarkan animasi koin gold merchant beserta fitur fiturnya yang mengambarkan kelebihan dari gold merchant, salah satunya adalah dengan di highlightnya toko penjual dari toko toko yang tidak memiliki gold merchant Gambar 4.8 screenshot motion graphic seller center gold merchant 30
Gambar 4.9 screenshot motion graphic seller center gold merchant Dengan lebih menunjukan fitur fitur goldmerchant, para penjual selain bisa menghighlight tokonya, para penjual juga bisa mengganti cover tokonya, penulis melakukan pergerakan pada bagian cover toko sehingga para penjual bisa melihat kalau mereka bisa mengganti cover toko mereka. Gambar 4.10 screenshot motion graphic seller center gold merchant Tidak hanya itu, kini para penjual bisa tidak perlu khawatir jika ingin menjual produk import karna dengan berlangganan gold merchant para penjual 31
difasilitasi dengan perhitungan kurs otomatis, dan mereka bisa melakukan promosi toko kapan saja dan dimana saja. Gambar 4.11 screenshot motion graphic seller center gold merchant Pada scene ini, penulis mengambarkan jika fitur gold merchant tidak hanya memperindah tampilan toko, namun juga mempermudah penjual saat berjualan, penulis menganimasikan data statistik dan cara mendownload data statistik yang ingin dilihat, sehingga para penjual tidak perlu repot lagi untuk menulis pendapatan mereka 32
Gambar 4.12 screenshot motion graphic seller center gold merchant Scene berikutnya penulis mulai menganimasikan karakter sebagai gambaran si penjual, dimana disini digambarkan penjual yang mendapat banyak orderan dan tidak sanggup untuk menjawabnya satu per satu, dengan fitur gold merchant penjual bisa menambah dua admin sebagai pengendali toko, bisa dari teman, saudara atau siapapun yang penjual percaya untuk mengendalikan tokonya. Dan dengan fitur ini juga keluhan atau pertanyaan penjual akan lebih cepat di jawab oleh tim costumer care tokopedia. 33
Gambar 4.13 screenshot motion graphic seller center gold merchant Untuk scene terakhir penulis menganimasikan transisi ke logo gold merchant dan tulisa tokopedia seller center sebagai penutup. Motion graphic terakhir yang penulis buat adalah tentang fitur statistik, yang mana para penjual masih banyak yang belum paham dengan fitur ini, karna fitur ini memungkinkan para penjual untuk menghitung pendapatan dan pengeluaran selama berbelanja tanpa harus menulis secara manual dalam pembukuan Gambar 4.14 screenshot motion graphic seller center statistik 34
Pada scene awal, penulis mengambarkan rumah dari si penjual, lalu cut ke bagian si penjual yang sedang bingung memantau penjualan di tokonya, lalu voice over menghighlight fitur statistik dan animasi karakter pun penulis buat kaget menggambarkan jika penjual baru tau dengan adanya fitur statistik. Gambar 4.15 screenshot motion graphic seller center statistik Selanjutnya motion berpindah ke bagian laptop yang sedang penjual lihat, di bagian ini di gambarkan cara untuk melihat perkembangan penjualan, dengan cara mengklik tombol tanggal, penjual bisa memiliki statistik kapanpun yang penjual mau. Gambar 4.16 screenshot motion graphic seller center statistik 35
Gambar 4.17 screenshot motion graphic seller center statistik Dengan memperlihatkan sebagian besar halaman utama statistik, para penjual akan lebih diperlihatkan banyak informasi mengenai fitur statistik tersebut, lalu kursor mengarah ke tulisa view detail untuk melihat lebih detail penjualan pada hari itu, seperti pendapatan, biaya promosi, dan biaya kurir bisa terlihat dengan cara mengarahkan kursor pada grafik. 36
Gambar 4.18 screenshot motion graphic seller center statistik Dengan mengarahkan kursor ke tombol download, data transaksi akan langsung terkirim ke email penjual, penulis mengambarkan pesawat sebai data dari penjualan yang bergerak menuju gambar surat yang artinya data sudah sampai di email penjual 37
Gambar 4.19 screenshot motion graphic seller center statistik Tidak hanya itu, penjual juga bisa mengubah data produk yang sudah tercantuk dan juga bisa mengubah pilihan promosi yang penjual mau. Setelah semua selesai, animasi pun langsung cut ke bagian karakter penjual yang penulis gambarkan ceria karna sudah terbantu dengan fitur statistik ini. Gambar 4.20 screenshot motion graphic seller center statistik Ending dari motion graphic ini di tutup dengan transisi ke logo statistik dan tulisan tokopedia seller center. 38
D. Tataran elemen Pada motion graphic ini, penulis menerapkan unsur flat design pada illustrasinya, Flat design merupakan desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada tipografi, warna-warna cerah dan ilustrasi dua dimensi. Penulis menggunakan unsur flat design karna unsur ini sering kita jumpai dalam kehidupan nyata, sebagai contoh adalah sign system. Sehingga para masyarakat awan akan lebih cepat mengerti tentang apa yang dijelaskan motion graphic tersebut. Gambar 4.21 illustrasi flat design pada motion graphic 39
Untuk perwarnaan pada illustrasi motion graphic ini penulis lebih banyak membawakan warna-warna yang soft dan tidak terlalu terang, karna dengan warna-warna ini animasi akan terlihat lebih beragam dan lebih smoth untuk dilihat. Untuk fontnya, penulis menggunakan font yang memang sudah di terapkan di web tokopedia, yaitu font gotham dan bebas, penulis tetap mempertahankan kedua font ini karna kedua font ini adalah font yang mudah untuk dibaca, dan lebih user friendly, karna hamper beberapa web menggunakan kedua font ini untuk tipografi pada webnya. Gambar 4.22 font pada motion graphic tokopedia seller center Sumber: www.dafont.com 40