Design System

Panduan singkat dan referensi dalam pembuatan design system bagi website company profile maupun enterprise (web-app)

A collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. - Will Fanguy in https://www.invisionapp.com/inside-design/guide-to-design-systems/

Di dalam ranah design system untuk pembuatan UI website, Rolling Glory membuat 2 klasifikasi untuk memudahkan designer dan engineer.

1. Company Profile

Company profile merupakan tipe website dengan tingkat kustomisasi tinggi, menyesuaikan dengan kebutuhan dan persona dari projek yang digarap, sehingga kreativitas designer dapat diluapkan dengan luas.

2. Enterprise/Web-app

Sebagai website enterprise, website memiliki sistem yang kompleks dan berhubungan satu sama lain, selain itu, peran engineer dalam membuat aplikasi web yang baik juga menjadi concern designer dalam membuat UI website semacam ini. Untungnya, dengan dibantu oleh engineer, designer akan mendapatkan referensi framework yang digunakan oleh engineer sehingga designer memiliki patokan untuk membuat design system-nya.

Up until now: Engineer menggunakan base design system Material (material.io) sebagai acuan design dan Vuetify.js sebagai framework. Designer dapat menggunakan Material untuk menciptakan design system bagi projek website enterprise/web-app.