energiku ux ui

Download Energiku ux ui

Post on 14-Jan-2017

11 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

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

    UserCentered

    ConsistentElement

    Bright/Warm

    Simple & Flat

    HI TECHTRUST DYNAMICSINTIMACY/

    FAMILIARITY

    DESIGN PRINCIPLE

  • LOGIN /SIGN UPSCREEN

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

    >

  • 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

  • 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

  • 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

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

    SALDO DOMPET ENERGIKU