Design UI/UX for E-Commerce (Els Computer Yogyakarta)

Yeffrey Saputra
2 min readAug 6, 2018

--

Els Computer adalah salah satu toko komputer terbesar yang berada di Yogyakarta. Klien saya di Els menginginkan sebuah apps yang di dalamnya harus mempunyai feature yaitu download pricelist, member registration, claim voucher, tempat iklan untuk partner, claim voucher, WA chat, dan info produk.

Target pengguna apps nya adalah laki-laki atau perempuan dengan range umur 15 sampai 45 tahun. Els Computer sendiri sudah memiliki official website yaitu https://www.els.co.id/ . Web ini sedikit banyak menjadi acuan saya dalam pengembangan apps ini.

Flowchart untuk apps nya seperti berikut

Els Computer Apps Flowchart

Semua fitur utama dapat diakses melalui homepage, setiap user diharuskan untuk register dan login agar dapat claim voucher dan menggunakan chat. Pemesanan hanya dapat dilakukan via WhatsApp chat dan transaksi dilakukan langsung di toko sesuai permintaan user.

Dari Flowchart ini saya susun wireframe untuk masing-masing screen seperti berikut:

Els Computer Apps Wireframe

Setelah pembuatan wireframe saya lanjutkan dengan pembuatan Mockup untuk memudahkan dalam pengembangan apps, sekaligus sebagai guideline bagi developer team seperti berikut:

Els Computer Apps Mockup(Android)

untuk iOS seperti berikut:

Els Computer Apps Mockup(iOS)

Selain untuk memudahkan user dalam pemesanan dan mengakses info tentang produk-produk Els, apps ini juga digunakan untuk menjaring user sebanyak-banyaknya agar dapat digunakan ketika akan bekerja sama dengan partner.

--

--