Mengenal System Design Di eFishery

Leonardo Dwigantoro
3 min readNov 5, 2022

--

Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Dengan hadirnya design system, dapat menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.

Contoh dari design system adalah:

Mengenal System Design

Berberapa alasan menggunakan system design adalah:

  • Karya desain (dan pengembangan) dapat dibuat dan direplikasi dengan cepat dan dalam skala besar.
  • Mengurangi ketegangan pada sumber daya desain untuk fokus pada masalah yang lebih besar dan lebih kompleks.
  • Menciptakan bahasa terpadu di dalam dan di antara tim lintas fungsi.
  • Menciptakan konsistensi visual di seluruh produk, saluran, dan (berpotensi silo) departemen.
  • Dapat berfungsi sebagai alat pendidikan dan referensi untuk desainer tingkat junior dan kontributor konten.
OneFish Sebuah Design System daru eFishery

OneFish adalah sistem bahasa desain eFishery. Berupa kumpulan panduan dan komponen yang dapat digunakan untuk membuat pengalaman yang sederhana, intuitif, dan indah. Sistem Desain Onefish mencakup sumber daya untuk membuat interface yang konsisten dengan prinsip onefish, bahasa desain, dan praktik terbaik. user experience berfokus pada interaksi, dan aliran. OneFish memiliki resource yang mencakup:

  • Pedoman desain
  • Jenis huruf
  • Warna
  • Ikon
  • Komponen

Selain itu di eFishery juga digunakan React dan Chakra UI untuk mengembangkan user interface. Dalam pengertiannya React adalah perpustakaan pengembangan UI berbasis JavaScript. Facebook dan komunitas pengembang open-source menggunkannya. Meskipun React merupakan library daripada bahasa, React digunakan secara luas dalam pengembangan web. Library ini pertama kali muncul pada Mei 2013 dan sekarang menjadi salah satu library frontend yang paling umum digunakan untuk pengembangan web.

Cara Menggunakan React

React menawarkan berbagai ekstensi untuk seluruh arsitektur aplikasi, seperti Flux dan React Native, lebih dari sekadar UI. Selajutnya ada Chakra UI yang merupakan Library atau kumpulan komponen sederhana, modular yang dibuat oleh Segun Adebayo. Terdiri dari komponen — komponen dasar yang kita butuhkan untuk mengembangkan Aplikasi yang dikembangkan dengan React JS.

Komponen — komponen pada Chakra UI sendiri bisa dengan sangat mudah untuk kita customize, dan setiap komponen tersebut dapat kita gunakan secara berulang — ulang di setiap halaman website kita. Sehingga, ini bisa mempercepat proses pengembangan aplikasi yang kita kerjakan.

Hari Terakhir Pembelajaran Di eFishery Academy Batch 2.2 Bandung

Dan hari ini adalah hari terakhir kita untuk sesi pembelajaran selama dua minggu di program aqua developer dari efishery, diakhir kita diberi final assigment yang harus diselesaikan selama satu minggu. Senang rasanya bisa belajar selama dua minggu disini.

--

--

Leonardo Dwigantoro
0 Followers

Computer Science Student at Universitas Padjadjaran