Energiku ux ui

18
We defined the Energiku Brand Core Value to make App User Experiences. User Centered Consistent Element Bright/ Warm Simple & Flat HI TECH TRUST DYNAMICS INTIMACY/ FAMILIARITY DESIGN PRINCIPLE

Transcript of Energiku ux ui

Page 1: Energiku ux ui

We defined the Energiku Brand Core Value to make App User Experiences.

UserCentered

ConsistentElement

Bright/Warm

Simple & Flat

HI TECHTRUST DYNAMICSINTIMACY/

FAMILIARITY

DESIGN PRINCIPLE

Page 2: Energiku ux ui

LOGIN /SIGN UPSCREEN

Page 3: Energiku ux ui

01. HOME SCREENBright Gas dan Aqua Volume meter menjadi elemen paling mencolok yang tampil di hala-man utama. Ini mengajak user untuk memu-lai menekan tombol plus dan memulai order saat volume sudah habis.

Dari homescreen, user dapat mengatur beragam menu dan mengecek progress pengi-riman yang sedang berjalan.

ATURPEMAKAIAN

MANAGE PROGRESS

ATURJADWAL KIRIM

PANGGILSERVIS

DOMPETENERGIKU

RIWAYATORDER

PROFIL AGENENERGIKU

23 Mei 2015

25 Hari

1 dari 3ORDER TERAKHIR

ESTIMASI HABIS

15 HariESTIMASI HABIS

SISA TOK

100% 82%

13 Mei 2015 1 dari 0ORDER TERAKHIR SISA TOK

BRIGHT GAS AQUA

HOME SCREEN

Page 4: Energiku ux ui

02. PILIH AGEN

Saat menekan tombol plus, akan diarahkan untuk memulai proses order. Dimulai dari memilih agen terakhir yang digunakan (jika pernah melakukan order sebelumnya)

AGEN TERAKHIR CARI AGEN

PESAN

Agen Rahmat Energiku

>Margonda Raya, Depok

Last order : 14 Mei 2015

Last order : 12 Mei 2015

Pesan Sekarang!Lokasi550m

Rating Rp18,000

Pesan Sekarang!

Rp18,000

Agen Rahmat EnergikuRuko Niaga no 45, Juanda Depok. Kode pos 16432

021-7775619 / 087775808151

Lokasi550m

Agen Dilla Energiku

>Beji, Depok

Pesan Sekarang!Lokasi550m

Rating Rp17,400Agen Tifa Energiku

>Beji, Depok

Pesan Sekarang!Lokasi550m

Rating Rp18,000

RECENT AGEN

Page 5: Energiku ux ui

A

03. Cari AgenJika user baru pertama kali melakukan order, akan diarahkan untuk mencari agen dengan radius terdekat dari lokasinya.

Agen yang ditemukan dapat diurutkan ber-dasarkan harga termurah, jarak ataupun rating dari terendah hingga tertinggi.

AGEN TERAKHIR CARI AGEN

Agen Rahmat Energiku

>Margonda Raya, Depok

Pesan Sekarang!Lokasi550m

Rating Rp18,000Agen Dilla Energiku

>Beji, Depok

Pesan Sekarang!Lokasi550m

Rating Rp17,400

Last order : 14 Mei 2015

Agen Tifa Energiku

>Beji, Depok

Pesan Sekarang!Lokasi550m

Rating Rp18,000Urutkan Harga Jarak Rating

SEARCH AGEN

Page 6: Energiku ux ui

04. Isi OrderUser mengisi jumlah produk yang dipesan dan dapat menambahkan catatan khusus.

Alamat kirim akan terisi otomasi sesuai form pendaftaran di awal jika kolom “gunakan alamat saya” dalam mode centang.

Sedangkan “ganti alamat” dicentang jika barang dikirim ke alamat berbeda dengan alamat yang didaftarkan.

TOTALRp.144.000

HARGA PRODUK

BIAYA KIRIM

Rp144,000

Rp0.

PESAN

Nama : Fahry Yanuar Rahman

Alamat : Jalan Mujair 3 no.160, RT.04/09, Pancoranmas

Kota Depok. 16432

Bright Gas 0112 KG, PURPLE COLOR

Rp144,000 Beri Catatan

Bright Gas 0012 KG, PINK COLOR

Rp144,000 Beri Catatan

DAFTAR PESANAN

ALAMAT KIRIM

Gunakan alamat saya Ganti alamat

BOOKING PAGE

Page 7: Energiku ux ui

05. RINGKASANHalaman ringkasan menampilkan seluruh field order yang telah diisi, dengan ringkasan pemba-yaran.

User dapat memilih pembayaran dengan deposit maupun cash.

BAYAR

RINGKASAN PESANAN

Penerima Fahry Yanuar RahmanNo Telp 08777 5808 151Alamat Jalan Mujair 3 no.160, RT.04/09 Pancoranmas Kota Depok

DETIL PENERIMA

Nomor PO 13245-BG12PUProduk Bright Gas, Purple 12KgJumlah 1 Buah

Bayar dengan Dompet EnergiKU

DETIL PESANAN

-CATATAN KHUSUS

RINGKASAN PEMBAYARAN

Harga Produk (1x) Rp144,000Biaya Kirim Rp,0Loyalti Point Rp-20,000

TOTAL Rp124,000

PAYMENT PAGE

Page 8: Energiku ux ui

06. PROSES KIRIM

Setelah pembayaran sukses, user akandiarahkan ke halaman proses pengiriman.

Selama proses pengiriman belum sampai, user masih dapat membatalkan order. Jika pengi-riman telah sampai, maka user akan diminta menandatangani nota oleh kurir.

BATALKAN TERIMA NOTA

SUMMARY

PROSES PENGIRIMANMr. Fahry Yanuar Rahman

Waktu Booking: 24 July 2013, 4:30pm

Bright Gas 12Kg

Nomor PO 13245-BG12PU

Jumlah 1 Buah

Harga Rp124,000

Agen Rahmat Energiku

Kurir Asep

Catatan -

Perkiraan Sampai 19.00 PM

-

DELIVERY PROGRESS PAGE

Page 9: Energiku ux ui

07. Tanda TerimaIni adalah halaman agen dimana penerima di-minta menandatangani nota barang yang tel-ah diterima.

-

NOTA PENERIMAAN (KURIR VIEW)

Nama Kurir Jam Booking Jam Datang

Nama Penerima

Asep 19:00 PM 20:00 PM

Fahry Yanuar Rahman

SUBMIT

PO NO. 13245-BG12PU

Sign Here

Page 10: Energiku ux ui

08. Order SelesaiProses order selesai ditandai dengan nota yang sudah diterima pada halaman user den-gan tanda tangan yang sudah dibubuhkan.

User dapat mereview kualitas agen, memberi komentar, juga menyimpan nota.

Saat user menekan tombol selesai, maka user diarahkan kembali ke halaman utama.

SUMMARY

-

KONFIRMASI PENERIMAAN

PO NO. 13245-BG12PU

Barang Anda telah diterima olehNama Kurir Jam Booking Jam Datang

Nama Penerima

BERI RATING AGEN INI

TULIS KOMENTAR

Asep 19:00 PM 20:00 PM

Fahry Yanuar Rahman

SELESAISIMPAN NOTA

Page 11: Energiku ux ui

09. Atur Pemakaian AirAtur pemakaian adalah menu untuk memban-tu user mengatur jumlah pemakaian (Aqua) dan memperkirakan jumlah habisnya.

1 galon aqua berisi 19 liter. Pengaturan pe-makaian dihitung dari 19 liter : ( jumlah orang x ( jumlah gelas perhari x jumlah takaran minum)). Maka akan muncul perkiraan angka habis 1 galon.

Notifikasi autorefill dinyalakan untuk memanggil agen untuk mengirim aqua baru saat stok sudah habis.

10 HariESTIMASI HABIS

Jumlah Orang

Jumlah takaran minum

Jumlah minum perhari2 orang 8 gelas

250ml

Pemakaian galon/bulan Notifikasi auto refill3 Galon ON

Atur jumlah pemakaian air

HITUNG

ATUR PEMAKAIAN

BRIGHT GAS AQUA

Page 12: Energiku ux ui

Atur pemakaian adalah menu untuk membantu user mengatur jumlah pemakaian Gas) dan mem-perkirakan jumlah habisnya.

12 Kg Gas dapat digunakan selama 60 jam. Pengaturan pemakaian dihitung dari 60 jam : (durasi pemakaian sekali pakai x jumlah pakai da-lam sehari. Maka akan muncul perkiraan angka habis 1 tabung

Notifikasi autorefill dinyalakan untuk memanggil agen untuk mengirim aqua baru saat stok sudah habis.

10. Atur Pemakaian Gas

30 HariESTIMASI HABIS

Durasi pemakaian2 jam

Jumlah pakai2 kali

Pemakaian galon/bulan Notifikasi auto refill1 Tabung ON

Atur jumlah penggunaan gas

HITUNG

ATUR PEMAKAIAN

BRIGHT GAS AQUA

Page 13: Energiku ux ui

11. Atur Jadwal Kirim>> Blank Field

Halaman Jadwal kirim adalah menu yang membantu user untuk mengatur jadwal pengi-riman yang gas/aqua yang akan datang secara otomatis.

Halaman awal tampil kosong sebelum user menekan tombol plus untuk menambah jadw-al

Tekan tombol “plus” untuk menambahkan aturan jadwal kirim

ATUR JADWAL KIRIM

Page 14: Energiku ux ui

12. Tambah Jadwal Setelah menekan tombol plus, pengaturan jadwal kirim akan muncul mulai dari memilih agen, memasukkan alamat, menentukan wak-tu kirim, tipe waktu pengiriman dan metode pembayaran.

Pilih agen ...

Pilih Produk ...

Masukkan alamat

Gunakan alamat saya

Gunakan alamat lain ...

Tentukan Waktu ...

Tipe waktu pengiriman

Sekali ini saja

Berulang setiap bulan

Pilih metode pembayaran ...

Jadwal Kirim 01

>

Page 15: Energiku ux ui

13. Atur jadwal Kirim>> Filled

Halaman pengaturan yang telah terisi akan muncul dalam content box yang disusun ber-urutan

Jadwal Kirim 05

23 April10:00 AM

5 tabung Bright Gas

Rahmat Energiku Sekali saja

Jadwal Kirim 01

23 April10:00 AM

3 tabung Bright Gas

Rahmat Energiku Sekali saja

Jadwal Kirim 02

25 April10:00 AM

3 Galon Aqua

Rahmat Energiku Setiap bulan

Jadwal Kirim 03

23 April10:00 AM

1 tabung Bright Gas

Rahmat Energiku Sekali saja

Jadwal Kirim 04

23 April10:00 AM

2 tabung Bright Gas

Rahmat Energiku Sekali saja

Page 16: Energiku ux ui

14. Saldo DompetMenu Dompet energiku digunakan untuk men-gatur jumlah deposit dan pembayaran secara lebih mudah. Diawali dengan tampilan seder-hana berisi total jumlah saldo yang dimiliki user saat itu.

SALDO DOMPET ENERGIKU

Rp700,000TAMBAH SALDO

Pembayaran berikutnya : 25 April 2015

Peringatan saldo menipisIngatkan saat dibawah Rp100,000

Page 17: Energiku ux ui

15. Form Tambah SaldoSaat user mengklik ambah saldo, akan muncul form pengisian saldo yang meminta user me-masukkan nama, bank dan nominal saldo.

SALDO DOMPET ENERGIKU

Formulir Tambah Saldo

Rekening Atas nama

Nama Bank (Contoh : BCA)

Pilih nominal saldo

Rp20,000

Rp50,000

Rp100,000

Rp200,000

Rp500,000

BAYAR

Page 18: Energiku ux ui

16. Pilih Metode BayarSetelah itu, user diarahkan untuk melakukan pembayaran dengan salah satu metode (trans-fer, atm, kartu kredit, alfamart, indomart.

SALDO DOMPET ENERGIKU