Redesign Zara app ( wireframe part one )

meiske ramschie

UX Designer
UI Designer

Redesign Zara app ( wireframe part one )

·
3 min read
·
May 2, 2021
--
the continue from picture one about download this app ( part 2 )
the continue from picture one about download this app ( part 2 )
the continue from picture one about download this app ( part 3 )

OVERVIEW

Zara adalah salah satu merek atau brand fashion yang berasal dari negara Spanyol, dan bermarkas di Arteixo, Gallicia. Zara didirikan pada tahun 1975 oleh Armancio Ortega dan Rosallia Mera.

Kenapa memilih meredesign Brand ini ?

tampilan detail app yang masih sangat sederhana dan kelihatan biasa saja
user interface masih sangat tidak bersahabat dengan pengguna
kurang adanya beberapa gambaran icon yang bisa memperjelas maksud dari aksi tersebut bagi pengguna
tidak ada nya beberapa tampilan color yang memberikan kesan hidup pada aplikasi ini
masi ada beberap hasil riview yang saya temukan pada koment app store dari beberapa pengguna tentang seberapa puaskah mereka menggunakan aplikasi ini, diantaranya ke-empat point di atas yang baru saya sebutkan

Tujuan saya meredesign aplikasi ini

mengundang daya tarik pengguna serta kenyamanan dalam memakai aplikasi ini
agar menambah peningkatan perbelanjaan bagi para pengguna terhadap product yang ada di dalamnya
kepuasan user dalam proses menggunakan fitur atau app ini

User flow

Tahap pertama yang akan di lakukan sebelum mauk ke proses pengembangan redesign aplikasi ini, hal yang perlu dilakukan dulu adalah dengan membuat user flow ( langkah cara menggunakan sebuah product design dari awal sampai akhir )

Skema User flow

berikut ini akan saya tampilkan bagan skema user flow yang telah saya buat, dan untuk skema user flow saya buatkan masi belum secara keseluruhan, fokus utama yang saya buatkan adalah bagaiman caranya seorang user mulai mendownload sebuah aplikasi Zara sampai menuju ke halaman beranda ( ini baru masuk ke bagian pertama / skema user flow part 1 ).
User flow part 1

Wireframe

Setelah masuk ke user flow dilanjutkan lagi dengan tahap berikutnya yaitu Wireframe, dan untuk pengertian atau pemahaman wireframe mungkin anda bisa mencarinya nanti di berbagai sumber yang ada di google, berikut saya tampilkan gambaran wireframe part 1 dari skema user flow di atas
wireframe part one from Zara app

Tampilan mockup wireframe part one

sebenarnya untuk bagian terakhir ini tidak mengharuskan seseorang atau pun saya untuk memposting hal ini, tapi karena ingin mencoba memberikan kesan yang hidup pada artikel medium saya kali ini, saya menambahkan juga beberapa hasil mockup dalam sebuah wireframe di atas
on boarding wireframe mockup
Register or sign in wireframe mockup
Register wireframe mockup
Sign ini wireframe mockup
Home wireframe mockup

Akhir kata

sekian artikel tentang bagaimana saya membuat sebuah redesign app ini, saya berharap ada beberapa kritik atau saran dari artikel ini, agar bisa menjadi koreksi pembelajaran selanjutnya
Thanks ! ..
Partner With meiske
View Services

More Projects by meiske