TokoTokoan

by Agus Ibrahim

Desain Aplikasi terinspirasi dari 3 App E-Commerce terkenal di Indonesia, yaitu Tokopedia, Blanja, dan Bukalapak. Saya jadikan satu, karena desain ketiganya bagus-bagus. image

Tokopedia, Blanja dan Bukalapak

NO DECOMPILATION / REVERSE ENGINEERING PROCESS

Tidak ada proses decom APK, tidak ada intip-intip xml/java/smali, murni coding sendiri. Namun untuk ikon serta kategorinya saya ambil dari cache Aplikasi Tokopedia.

Dari Tokopedia saya ambil desain Kategorinya, icon serta penataan yang rapih. Untuk item Produk saya ambil dari Blanja, flat dan jelas. Dan dari Bukalapak, saya ambil ListView horizontal, yaa mirip-mirip Google Play Store lah saya suka.

Seperti Apa Jadinya?

image

image

image

Mengambil tema warna hijau, Aplikasi yang saya namai "TokoTokoan" ini sekilas mirip dengan Tokopedia, karena disamping warna hijaunya, Kategori beserta ikonnya saya ambil dari Tokopedia.

BEHIND THE SCENE

Layout parent/root menggunakan CoordinatorLayout, sedangkan bodi aplikasi menggunakan NestedScrollView LinearLayout vertikal karena disini kita menempatkan beberapa bagian View, seperti kategori A, kategori B, dsb sehingga membutuhkan scroll. Untuk item dalam kategori saya menggunakan RecyclerView gaya Grid (GridLayoutManager) 2 kolom. RecyclerView juga diterapkan pada Scroll Horizontal produk (LinearLayoutManager orientasi Horizontal)

image

image

O iya, Coding/Build langsung di Android menggunakan AIDE

Download Demo

Download TokoTokoan

BUG

Di beberapa device masih kurang pas, terutama device berDpi kecil. Ikon serta teks membesar, item produk kepotong.

Reference

Help and Support

Contact: Agus Ibrahim