YUK-RECYCLE VISUAL BRANDING & DESIGN GUIDELINE

Donny Samuel
PPL A-4 YUK RECYCLE
3 min readMar 20, 2019

Hi, it’s Donny !

Salah satu cara untuk memperkenalkan suatu produk adalah dari desain dan tampilannya. Tentu setiap desain yang dibuat haruslah berkaitan satu dengan lain. Mengapa? Karena konsistensi dalam desain adalah hal yang penting untuk menjaga visual dari suatu produk dan sebagai ciri khas dari produk tersebut. Dengan begitu, YUK-RECYCLE juga memiliki guidline design yang sengaja khusus dibuat jika nantinya pengembang ingin menambah fitur atau mengubah fitur, desain bisa dapat dibuat dengan lebih cepat dan konsisten dengan halaman lainnya. Inilah desain dan visual branding dari YUK-RECYCLE.

LOGO

YUK-RECYCLE memiliki satu logo, namun dibagi menjadi dua, yang pertama pada background terang akan memiliki logo yang atas. Jika background berwarna gelap, akan memiliki logo yang bawah. di tengah antara tulisan YUK dan RECYCLE terdapat logo recycle yang memberi kesan bahwa ini aplikasi dengan purpose to recycle things.

COLOR SCHEME

Pada aplikasi ini, tidak menggunakan putih (0xFFFFFF) karena kami merasa penggunaan warna putih yang terlalu dominan sebagai warna untuk font akan terlalu menusuk ke mata dengan scheme warna yang ingin kami buat. Maka dari itu, kami memilih menggunakan broken white (0xF2F2F2) karena mendekati putih. Base dari YUK-RECYCLE adalah hijau (0x007E24) dipilih karena kami merasa hijau mewakili warna dari recycle itu sendiri dan go green. Kami juga memilih menggunakan warna abu (0x293542) sebagai salah satu warna untuk background karena memberikan sentuhan yang lebih soft dibanding hitam (0x1D1D1D).

FONT

Pada aplikasi ini hanya menggunakan font Roboto. Perbedaan terletak pada font weight. Kami merasa Roboto adalah font yang sudah sangat baik saat berdiri sendiri. Pada YUK-RECYCLE sendiri, tidak ada typography, sehingga tidak memerlukan font yang bertipe typescript. Roboto sendiri memberikan kesan yang serius namun ramah sehingga penggunaan Roboto pada aplikasi YUK-RECYCLE meninggalkan kesan yang user-friendly ditambah dengan flow penggunaan aplikasi yang mudah.

BUTTON

Penggunaan tombol ada banyak pada aplikasi YUK-RECYCLE sehingga diperlukan button yang sejenis. Setiap button akan memiliki border 10 derajat pada setiap siku. Penjelasan mengenai tombol tersebut akan diletakkan pada tengah tombol. Font akan berwarna broken white berdasarkan skema warna pada guideline.

PENTING UNTUK DIINGAT

Penggunaan warna sebaiknya seminim mungkin. Aplikasi ini lebih menitik beratkan pada flow pemesanan dan penerimaan pesanan. Berdasarkan dari terget pengguna, lebih condong untuk menonjolkan simplicity and efficiency sehingga penggunaan white space akan membantu pengguna untuk memahami setiap tombol atau kegunaan pada aplikasi.

Design guidline yang ada sekarang tidak menutup kemungkinan untuk penambahan atau perubahan. Fungsinya disini hanya sebagai pengingat dan membantu untuk menjaga konsistensi dari desain YUK-RECYCLE.” *D*

ps: you can check our guideline at http://bit.ly/2TRmrXX

--

--

Donny Samuel
PPL A-4 YUK RECYCLE

CS Student at University of Indonesia | UI/UX, Tech Enthusiast