11
BAB 5 PEMBAHASAN DAN HASIL DESAIN
5.1
Konsep Desain Easybuy mengangkat konsep desain yaitu Mentari kehidupan dalam berbelanja, memberikan kesan yang ramah, layanan yang cepat dan menyenangkan. Konsep mentari diangkat menggunakan shape dari kategori yang ditawarkan oleh easybuy, sebagai toko online berbasis android. 5.1.1 Logo
Gambar 5
5.1.2 Font
NBA CELTICS
A H O V Gambar 6
B I P W
C J Q X
D K R y
E F G L M N S T U z
12 5.1.3 Simbol Digunakan sebagai komunikasi singkat, dan pemanis aplikasi secara visual.
Gambar 7
5.2
Pengaplikasian dalam Media
Tampilan Utama
Gambar 8
Pada halaman ini akan memunculkan logo dan background bergradasi jingga selama 3 detik, sebagai waktu dimana aplikasi dapat mempersiapkan pengaturan dan datanya untuk dapat diakses.
13 Pattern Lock
Gambar 9
Konsep desain masih disamakan dengan konsep tampilan awal (gambar 5.2.1) dengan transisi fade in. Pada halaman ini terdapat 12 simbol yang merupakan perwakilan dari kategori belanja easybuy. Digunakan sebagai sistem pengamanan menggunakan rangkaian tombol yang membentuk garis tertentu yang rahasia sebagai sandi. Tombol pattern lock pada awalnya akan berwarna orange, namun setelah user melakukan slide pada tombol -tombol tersebut untuk memasukkan pattern, tombol tersentuh tersebut akan berubah menjadi warna hijau, dan apabila pattern yang dimasukkan benar maka tulisan:pattern lock akan berubah menjadi warna hijau, sebaliknya jika salah akan berubah menjadi warna merah.
14 Halaman Utama
Gambar 10
Pada halaman utama ini, easybuy akan menampilkan 4 bagian penting dalam berbelanja. 1. Main Menu (BUY) Gambar 11
Merupakan bagian dimana produk- produk ditampilkan.
yang diperjualkan akan
2. Shopping Category (BUY)
Gambar 12
Merupakan bagian dimana user dapat melakukan pemilihan kategori yang akan dicari. Konsep pemilihannya menggunakan sistem putar, dimana setiap simbol yang berada ditengah akan membesar dan berwarna hijau. Terdapat 12 simbol yang mewakili masing masing kategori tersebut :
15
Bread/Bakery : sandwich loaves, dinner rolls, tortillas, bagels
Beverages : coffee/tea, juice, soda
Dairy : cheeses, eggs, milk, yogurt, butter
Canned/Jarred Goods : vegetables, spaghetti sauce, ketchup
Frozen Foods : waffles, vegetables, individual meals, ice cream
Meat : lunch meat, poultry, beef, pork
Produce : fruits, vegetables
Dry/Baking Goods : cereals, flour, sugar, pasta, mixes
Personal Care : shampoo, soap, hand soap, shaving cream
Cleaners : all- purpose, laundry detergent, dishwashing liquid/detergent
Paper Goods : paper towels, toilet paper, aluminum foil, sandwich bags
Other : baby items, pet items, batteries, greeting cards Gambar 13
16 3. Brand Selection Kolom yang terhubung dengan Shopping Category dimana merek yang akan ditampilkan merupakan merek dari kategori yang terpilih pada Shopping Category.
Gambar 14
4. Kolom Iklan Kolom Iklan merupakan kolom dimana pemilik produk dapat melakukan promosi menggunakan audio visual. Kolom ini akan terintegrasi dengan halaman iklan yang lebih lebar (fullscreen) ketika diklik. Sehingga user dapat melihat iklan dengan proporsi yang lebih besar dan jelas.
Gambar 15
17 Halaman Promosi Produk
Gambar 16
Main Menu (PRODUCT NEWS)
Gambar 17
Pada bagian ini, akan menampilkan promosi –promosi yang ada di easybuy dalam hal ini satu space iklan dapat menggunakan format yang digunakan dapat beragam, antara lain slide show ( untuk 1 produk ) dan movie yang terintegrasi dengan youtube Pada menu Product News, user dapat mendapatkan banyak informasi seputar informasi produk terbaru maupun clearance sale. Terdapat 10 halaman yang dapat dilihat dengancara dislide baik kekanan maupun kekiri.
18
Halaman Rak Belanja
Gambar 18
1. Brand Selection Shortcut
Gambar 19
Pada halaman ini juga terdapat brand selection, tujuannya adalah mengingat pentingnya brand suatu produk dimata masyarakat.
2. Shelf Shelf dibuat dan diatur supaya mencirikan rak di pasar modern sungguhan. Cara ini juga merupakan sebuah solusi dimana konsumen dapat membandingkan produk yang satu dengan yang lainnya pada satu bidang (tanpa harus masuk ke jendela baru setiap masing masing produk) Sistem yang digunakan adalah sistem scroll kebawah, produk dibedakan berdasarkan kegunaannya, namun sortir produk masih dapat dilakukan menggunakan fitur shortcut menu.
Gambar 20
19 3. Symbols
Gambar 21
: Merupakan tombol info, untuk menampilkan ingredients dan informasi produk secara singkat.
: Merupakan keterangan / simbol produk baru Gambar 22
: Merupakan keterangan / simbol produk terlaris Gambar 23
: Merupakan keterangan / simbol produk yang berpromosi Gambar 24
Gambar 25
: Merupakan tombol beli yang belum diklik, bila diklik akan menjadi tombol hijau seperti tombol dibawah.
: tombol beli yang telah diklik tombol plus untuk menambah jumlah pembelian Gambar 26
tombol minus untuk mengurangi jumlah pembelian dan kembali ke tombol jingga seperti tombol diatas.
20 Shopping Cart
Gambar 27
Fitur Shopping Cart akan terbuka ketika layar disentuh dan didrag dari ujung kanan ke arah kiri. Pada fitur ini Menampilkan produk yang telah dipilih untuk dibeli, tercantum lengkap dari nama produk hingga harga, dan total harga.
Gambar 28
Fitur utama dalam Shopping Cart adalah untuk memastikan user akan barang yang telah dipilihnya untuk kemudian dibeli. Terdapat stiker promosi wow yang bertujuan untuk mengajak user membeli barang promosi sesuai dengan ketentuan promosi yang ada. Text box merupakan penunjuk kuantitas barang per produk yang telah dibeli user. Editable dengan menggunakan fitur keyboard android. Tombol ini berguna ketika user telah menyelesaikan proses belanjanya. Dan akan membawa tampilan pada halaman My Cart (main menu).
21 Shopping Cart
Gambar 29
Terdapat dua bagian penting pada fitur ini, yaitu : 1.
Shortcut dari Main Menu Fitur dimana user dapat menuju ke halaman kategori produk yang lain secara cepat, sehingga lebih praktis dan ringkas. 2. Sortir produk. Sortir produk merupakan fitur untuk membuang produk yang tidak ingin dibeli dengan cara melakukan uncheck dan check pada check box. Barang ditampilkan pada shelf Barang tidak ditampilkan pada shelf
22
Gambar 30
Gambar 31
23 Halaman Pembayaran Merupakan halaman kelanjutan ketika user telah mengklik payment pada halaman ini ditegaskan kembali informasi harga yang lebih lengkap dan jelas. Dengan total yang harus dibayarkan dengan jelas
Pada dasarnya fitur my cart ini memiliki 3 tahap : 1. Shopping Cart, menampilkan barang barang yang telah dimasukkan kedalam “keranjang”. dan juga total harga dari seluruh produk yang terpilih
Gambar 32
24
2. Confirmation,
Gambar 33
Pada halaman ini dimungkinkan pengguna untuk melakukan edit alamat kirim,dan juga dapat menentukan kapan barang yang dibeli akan diantar kerumah. Sekaligus mendapatkan informasi total harga yang akan ditagihkan pada kartu kredit yang telah terdaftar
25
3. Order Status, Informasi dan status barang yang telah dibayarkan.
Gambar 34
kolom akan menyala / berwarna kuning seiring dengan kemajuan proses dan status barang yang dipesan.
Gambar 35