RANCANGAN WIREFRAME WEBSITE ABEL'S CACTS

maulanii sm
Mar 17, 2020
2 min read

Sebelum membahas tentang bagaimana wireframe yang sudah saya buat, disini saya akan menjelaskan sedikit tentang Abel's Cacts sebagai client saya.

Abel's Cacts ini merupakan sebuah usaha kecil menengah yang di pelopori dan didirikan oleh anak muda yang kreatif, tidak lain yaitu kak Abel sebagai owner dari Abel's Cact, usaha ini dirintis pada thaun 2015 berawal dari hoby akan kegemarannya pada tanaman hias, dan ternyata bisa berlanjut sampai sekarang serta sudah membuka beberapa store di Yogyakarta. Abel's Cacts menjual produk berupa cactus, tanaman hias, baik itu terrarium, bamboo hias, succulent dsb. Usaha ini merupakan hasil dari kreativitas anak muda

BRAND IDENTITY

Nama Brand : Abel’s Cact

Owner : Abel

Tahun Berdiri : Sejak 2018

Produk : Kaktus succulent, tanaman hias, mini terrarium dan bamboo hoki.

Harga : Mulai 12k - 100k

Alamat

1. Jl Mangga B14 CT VIII Klebengan, Karang Gayam, Caturtunggal, Kec. Depok, Kabupaten Sleman, Daerah Istimewa Yogyakarta 55281

2. Sunmor UGM pukul 06.00 - 12.00 ( Barat Polsek Bulaksumur )

3. Jogja City Mall

4. Sleman City Hall ( Persis di jalan masuk parkiran SCH )

WhatsApp : +62 878-2277-2132

Instagram : abelscact

Shopee : abelscact

Email : abelscact@gmail.com

APA SIH PENGERTIAN WIREFRAME ?

Wireframe adalah struktur dasar dari sebuah website. Dalam tahap pengembangan, wireframe dapat menetapkan fungsi (sliders, tabs, dan lainnya) tanpa warna atau desain apapun, hanya structural guidelinesnya saja. Wireframing merupakan tahap yang penting dalam proses perancangan. Wireframe memungkinkan untuk mendefinisikan information hierarchy dari desain, sehingga memudahkan kita dalam perencanaan layout sesuai dengan rencana kita tentang bagaimana user dapat memproses informasi. Wireframe membantu kita untuk mengorganisir dan menyederhanakan elemen dan isi di dalam website.

https://sis.binus.ac.id/2017/12/18/wireframe-dalam-desain-website/

Kira-kira begitulah penggambaran singkat tentang apa itu wireframe, dan bagaimana peran pentingnya dalam proses perancangan sebuah website.

BERIKUT HASIL RANCANGAN WIREFRAME UNTUK ABEL'S CACTS

Brief singkat yang kami dapat dari client yaitu, penggunaan warna yang lebih banyak ke soft green dan juga putih, serta di beri sedikit warna pink dan hitam untuk kombinasi.

1. Home, tampilan awal website ketika dibuka

2. Catalog, berisikan produk-produk dari Abel's Cacts

Hirarki 1

Hirarki 2, berisi detail lebih lengkap mengenai produk, dan juga terhubung ke marketplace untuk proses pembelian yang lebih lanjut

3. About Us

4. Blog

Blog berisi tentang info-info seputar kaktus dan tanaman hias, sesuai dengan request Abel's Cacts, mereka ingin isi blognya dapat memberi informasi yang bermanfaat seputar kaktus dan tanaman hias.

Hirarki 1