Energiku Design User Interface

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

2. LOGIN /
SIGN UPSCREEN

3. 01. HOME SCREEN
Bright 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.
ATUR
PEMAKAIAN
MANAGE PROGRESS
ATUR
JADWAL KIRIM
PANGGIL
SERVIS
DOMPET
ENERGIKU
RIWAYAT
ORDER
PROFIL AGEN
ENERGIKU
23 Mei 2015
25 Hari
1 dari 3
ORDER TERAKHIR
ESTIMASI HABIS
15 Hari
ESTIMASI HABIS
SISA TOK
100% 82%
13 Mei 2015 1 dari 0
ORDER TERAKHIR SISA TOK
BRIGHT GAS AQUA
HOME SCREEN

4. 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!
Lokasi
550m
Rating
Rp18,000
Pesan Sekarang!
Rp18,000
Agen Rahmat Energiku
Ruko Niaga no 45, Juanda Depok.
Kode pos 16432
021-7775619 / 087775808151
Lokasi
550m
Agen Dilla Energiku
>
Beji, Depok
Pesan Sekarang!
Lokasi
550m
Rating
Rp17,400
Agen Tifa Energiku
>
Beji, Depok
Pesan Sekarang!
Lokasi
550m
Rating
Rp18,000
RECENT AGEN

5. A
03. Cari Agen
Jika 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!
Lokasi
550m
Rating
Rp18,000
Agen Dilla Energiku
>
Beji, Depok
Pesan Sekarang!
Lokasi
550m
Rating
Rp17,400
Last order : 14 Mei 2015
Agen Tifa Energiku
>
Beji, Depok
Pesan Sekarang!
Lokasi
550m
Rating
Rp18,000
Urutkan Harga Jarak Rating
SEARCH AGEN

6. 04. Isi Order
User 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.
TOTAL
Rp.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

7. 05. RINGKASAN
Halaman 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 Rahman
No Telp 08777 5808 151
Alamat Jalan Mujair 3 no.160, RT.04/09
Pancoranmas Kota Depok
DETIL PENERIMA
Nomor PO 13245-BG12PU
Produk Bright Gas, Purple 12Kg
Jumlah 1 Buah
Bayar dengan Dompet EnergiKU
DETIL PESANAN
-
CATATAN KHUSUS
RINGKASAN PEMBAYARAN
Harga Produk (1x) Rp144,000
Biaya Kirim Rp,0
Loyalti Point Rp-20,000
TOTAL Rp124,000
PAYMENT PAGE

8. 06. PROSES KIRIM
Setelah pembayaran sukses, user akan
diarahkan 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 PENGIRIMAN
Mr. 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

9. 07. Tanda Terima
Ini 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

10. 08. Order Selesai
Proses 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 oleh
Nama 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

11. 09. Atur Pemakaian Air
Atur 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 Hari
ESTIMASI HABIS
Jumlah Orang
Jumlah takaran minum
Jumlah minum perhari
2 orang 8 gelas
250ml
Pemakaian galon/bulan Notifikasi auto refill
3 Galon ON
Atur jumlah pemakaian air
HITUNG
ATUR PEMAKAIAN
BRIGHT GAS AQUA

12. 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 Hari
ESTIMASI HABIS
Durasi pemakaian
2 jam
Jumlah pakai
2 kali
Pemakaian galon/bulan Notifikasi auto refill
1 Tabung ON
Atur jumlah penggunaan gas
HITUNG
ATUR PEMAKAIAN
BRIGHT GAS AQUA

13. 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

14. 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

>

15. 13. Atur jadwal Kirim
>> Filled
Halaman pengaturan yang telah terisi akan
muncul dalam content box yang disusun ber-
urutan
Jadwal Kirim 05
23 April
10:00 AM
5 tabung Bright Gas
Rahmat Energiku Sekali saja

Jadwal Kirim 01
23 April
10:00 AM
3 tabung Bright Gas
Rahmat Energiku Sekali saja
Jadwal Kirim 02
25 April
10:00 AM
3 Galon Aqua
Rahmat Energiku Setiap bulan
Jadwal Kirim 03
23 April
10:00 AM
1 tabung Bright Gas
Rahmat Energiku Sekali saja
Jadwal Kirim 04
23 April
10:00 AM
2 tabung Bright Gas
Rahmat Energiku Sekali saja

16. 14. Saldo Dompet
Menu 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,000
TAMBAH SALDO
Pembayaran berikutnya : 25 April 2015
Peringatan saldo menipis
Ingatkan saat dibawah Rp100,000

17. 15. Form Tambah Saldo
Saat 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

18. 16. Pilih Metode Bayar
Setelah itu, user diarahkan untuk melakukan
pembayaran dengan salah satu metode (trans-
fer, atm, kartu kredit, alfamart, indomart.
SALDO DOMPET ENERGIKU