Design System telah menjadi sebuah kerangka kerja dengan pendekatan modern yang saat ini umum digunakan dalam proses desain sebuah produk digital bisnis. Namun, bagaimana jika seandainya SALT menghadirkan sebuah solusi yang jauh melampaui hal tersebut?

Memperkenalkan "Twilight," sebuah solusi komprehensif design system dari SALT yang mampu mempercepat pembuatan produk digital (Platform) hanya dalam hitungan menit saja, mulai dari tahap awal desain hingga pengembangan produk.

Apa sebenarnya kerangka kerja Twilight Design System ini? Mari kita bahas dalam artikel ini!

Apa Itu Twilight Design System?

Pada pembahasan artikel sebelumnya, kita tahu bahwa istilah Design System ini merupakan kumpulan standar dan pedoman yang digunakan untuk mengelola desain agar tetap konsisten dalam suatu pengembangan produk.

Sedangkan Twilight Design System adalah sebuah Inovasi Kerangka Kerja yang dihadirkan SALT sebagai solusi komprehensif dan modular, yang dirancang khusus untuk organisasi yang ingin menyederhanakan proses desain sekaligus mengefisiensikan proses pengembangan mereka.

Twilight Design System milik SALT ini dibangun dengan konsep dasar "Digital Product Experience Design" yang menggunakan pendekatan Token-based Design System sehingga mempercepat bisnis mengembangkan produk digital mereka lebih dari sekadar design system pada umumnya.

Fokus Utama dari sistem ini adalah fleksibilitas, skalabilitas, serta kemudahan dalam penggunaannya di seluruh tahap desain dan pengembangan produk, dari proyek kecil hingga aplikasi enterprise yang lebih besar.

Twilight bukan hanya sekadar panduan visual biasa, namun juga meliputi komponen fungsional dengan interaksi yang jelas dan tentunya mengikuti pedoman global WCAG (Web Content Accessibility Guidelines). Contohnya, kami selalu memastikan keseluruhan website lulus pada AA Level untuk Kepatuhan (Compliance) dan AAA Level untuk Warna dengan rasio kontras minimal 7:1.

Dengan adopsi Twilight, tim desain dan pengembangan dapat bekerja dengan lebih efisien, mengurangi beban komunikasi, dan meningkatkan kualitas pengguna secara keseluruhan dengan standar tertinggi dalam pengembangan produk digital.

Prinsip Twilight Design System

Prinsip Twilight dibangun atas tiga hal berikut:

a) Simplicity

Twilight didesain untuk memudahkan setiap tim dalam memahami dan menerapkan prinsip desain tanpa membutuhkan pelatihan teknis yang rumit.

Sistem ini menyediakan komponen dasar yang siap pakai, yang bisa langsung digunakan, mengurangi waktu yang dibutuhkan untuk membuat elemen desain dari nol.

b) Scalability

Salah satu tantangan terbesar dalam pengembangan produk adalah menciptakan solusi desain yang dapat beradaptasi dengan pertumbuhan proyek.

Twilight memfasilitasi pengembangan dari prototipe awal hingga aplikasi yang lebih kompleks. Baik itu untuk startup yang berkembang pesat ataupun perusahaan besar dengan berbagai tim dan proyek, Twilight menjamin bahwa setiap elemen desain tetap konsisten dan dapat diskalakan tanpa hambatan.

c) Inclusive, Yet Accessible

Dalam dunia desain, penting untuk memastikan bahwa antarmuka pengguna dapat diakses oleh berbagai kalangan, termasuk mereka yang memiliki keterbatasan fisik atau sensorik.

Karenanya, Twilight tidak hanya memprioritaskan segi estetika, namun juga aksesibilitas sembari mengintegrasikan prinsip desain inklusif yang menjamin setiap pengguna dapat berinteraksi dengan antarmuka secara nyaman.

Target Audiens dalam Penggunaan Twilight Design System

Kami meyakini bahwa Twilight sangat ideal diterapkan untuk berbagai tipe organisasi, mulai dari startup hingga perusahaan besar.

Untuk Startup, Twilight memberikan keuntungan berupa struktur yang jelas, memungkinkan tim kecil untuk bekerja dengan lebih rapi dan terorganisir dari tahap awal.

Sedangkan bagi Perusahaan Besar yang memiliki banyak tim dan proyek berskala besar, Twilight memungkinkan integrasi antar tim dan penciptaan ekosistem desain yang kohesif, bahkan ketika proyek berkembang dan berubah.

Alasan Mengapa Twilight Design System Itu Penting

Di antara banyaknya manfaat yang didapatkan ketika mengadopsi Twilight yang dihadirkan SALT, berikut tiga alasan mengapa sistem desain begitu penting:

a. Konsistensi dalam Kolaborasi Tim

Dengan mengadopsi Twilight, desain dan pengembangan dapat berjalan lebih mulus antar tim, mengurangi potensi ketidaksesuaian visual atau fungsional antara bagian-bagian aplikasi atau situs web. Hal ini akan memastikan bahwa pengguna dapat merasakan pengalaman yang konsisten dan profesional di seluruh platform.

b. Skalabilitas untuk Proyek yang Berkembang

Dalam proyek besar yang berkembang, Twilight memungkinkan penambahan elemen-elemen baru tanpa mengganggu struktur desain yang sudah ada. Komponen-komponen yang telah dibuat sebelumnya dapat dengan mudah disesuaikan dan digunakan kembali, meningkatkan efisiensi dalam menghadapi perubahan kebutuhan bisnis.

c. Meningkatkan Kecepatan Pengembangan dengan Beban Kognitif yang Lebih Ringan

Komponen-komponen yang dapat digunakan kembali (reusable components) dalam Twilight, bersama dengan dokumentasi yang jelas tentang cara penggunaannya, memungkinkan tim untuk mengurangi waktu yang dihabiskan dalam pengembangan. Ini juga membantu mengurangi beban kognitif tim karena mereka tidak perlu memikirkan hal-hal kecil yang sudah diatur sebelumnya.

Langkah-Langkah Mengadopsi Twilight dalam Alur Kerja Tim

Sebelum membahas mengenai langkah-langkah dalam mengadopsi Twilight, terdapat tiga fitur kunci design system yang harus ada terlebih dahulu, yaitu:

Komponen Modular, yaitu Komponen siap pakai yang dapat disesuaikan untuk berbagai proyek.
Kompatibilitas Lintas Platform, yang berfungsi dengan baik di web, mobile, dan desktop.
dan Panduan Visual dan Interaksi, untuk menjaga konsistensi. Sistem ini dirancang untuk pengalaman pengguna yang optimal, memastikan interaksi dengan antarmuka terasa intuitif dan efisien.

Selanjutnya, mengadopsi Twilight Design System dalam alur kerja tim Anda haruslah dilakukan dengan pendekatan yang terstruktur, setidaknya dengan mengikuti 4 hal berikut:

Tentukan Kebutuhan dan Prioritas Desain
Mulailah dengan menilai area mana dalam proyek Anda yang dapat memperoleh manfaat terbesar dari Twilight. Pertimbangkan jenis elemen desain yang paling banyak digunakan, dan tentukan apakah Twilight dapat mempermudah penerapannya di seluruh platform.
Menyiapkan Twilight Design System
Adapun yang harus dipersiapkan, antara lain:
1. Bangun Component Library, yaitu elemen-elemen desain yang dapat digunakan kembali, seperti tombol, formulir, navigasi, dan sebagainya.
2. Buat Style Guide, seperti tipografi, ukuran, skema warna, dan pedoman merek lainnya.
3. Lakukan Dokumentasi Proses, yaitu dengan cara menyimpan semua aset dan pedoman di sebuah repositori terpusat.
Latih Tim dengan Sistem Twilight
Pelatihan yang tepat penting untuk memastikan bahwa semua anggota tim, baik desain maupun pengembangan, memahami cara kerja Twilight dan bagaimana mereka dapat mengoptimalkan penggunaan sistem ini dalam pekerjaan mereka.
Integrasikan Twilight Secara Bertahap
Adopsi tidak perlu dilakukan secara instan. Mulailah dengan proyek kecil atau bagian dari aplikasi yang lebih besar, dan secara bertahap skalakan penggunaan Twilight ke seluruh sistem desain yang lebih besar.
Lakukan Praktik Terbaik Lainnya
Praktik-praktik dalam memelihara Twilight Design System dapat berupa:
1. Kontrol Versi Sistem (Version Control)
2. Siklus Umpan-balik (Feedback Loops)
3. Audit Berkala (Periodic Audits)
4. Penyesuaian Kolaborasi (Collaboration Adjustment)

Proses adopsi Twilight tentu membutuhkan alat dan sumber daya sebagai pendukung. Kabar baiknya, Twilight mampu diintegrasikan dengan berbagai alat desain populer seperti Figma, Sketch, ataupun Storybook, yang memungkinkan transisi yang mulus bagi tim yang sudah menggunakan alat-alat ini.

Dengan cara ini, Anda dapat mempertahankan alur kerja yang sudah terbiasa sambil memperkenalkan sistem desain baru yang lebih efisien.

Mengatasi Tantangan dalam Implementasi Design System

Umumnya, terdapat dua tantangan yang akan dihadapi bisnis ketika akan mengimplementasikan Twilight ke dalam sistemnya, yaitu:

Resistensi terhadap Perubahan
Salah satu tantangan utama dalam mengadopsi sistem desain baru adalah resistensi terhadap perubahan, khususnya dari tim. Untuk itu, penting untuk menunjukkan benefit nyata yang dapat diperoleh dengan menggunakan Twilight, baik dari sisi efisiensi, konsistensi, ataupun pengalaman yang lebih baik.
Kendala Awal Integrasi
Integrasi awal biasanya menimbulkan masalah teknis atau ketidakcocokan dengan sistem yang sudah ada. Solusi terbaiknya adalah dengan melakukan uji coba (pilot testing) terlebih dahulu untuk mengidentifikasi dan mengatasi masalah ini sebelum implementasi secara luas.

Studi Kasus Singkat Penerapan Twilight

Dalam konteks Twilight Design System, pendekatan utility-first dapat dilihat sebagai sistem desain itu sendiri.

Framework ini menyediakan serangkaian kelas yang telah ditentukan sebelumnya yang dapat digunakan untuk membuat desain yang konsisten, dan file konfigurasi memungkinkan pengembang untuk menyesuaikan sistem desain sesuai kebutuhan mereka.

Fleksibilitas ini memastikan bahwa apakah Anda bekerja pada proyek startup kecil atau aplikasi perusahaan besar, Anda dapat mempertahankan desain yang konsisten dan dapat diskalakan.

Kesimpulannya, Twilight Design System bukanlah sekadar konsep teoretis, melainkan telah nyata diaplikasikan ke dalam platform milik klien-klien SALT dalam menciptakan pengalaman pengguna yang luar biasa.

Sebagai contoh studi kasus, salah satu klien SALT yang bergerak di Financial Services Industry (FSI), Pegadaian, berhasil mengimplementasikan Twilight ke dalam pengembangan platform website miliknya hanya dalam hitungan menit menggunakan metode token-based system.

Pengembangan ini dapat dilakukan ke berbagai channel platform, baik itu di domain utama (pada Pegadaian.co.id), domain pendukung (pada Sahabatpegadaian.co.id), microsite (Digital Service), ataupun landing page lain, sembari mempertahankan konsistensinya walaupun sewaktu-waktu ingin diskalakan.

Studi Kasus Twilight Design System pada Pegadaian

Pertanyaan Seputar Twilight Design System

a. Apa yang Dimaksud dengan Twilight Design System yang Diperkenalkan oleh SALT?

Twilight Design System merupakan kerangka kerja desain inovatif yang dihadirkan SALT untuk berupaya membantu perusahaan dalam menciptakan pengalaman pengguna yang lebih terstruktur dan konsisten, sembari mengefisiensikan proses pengembangan tanpa mengorbankan hasil dan juga kualitas.

b. Mengapa Twilight Design System Begitu Penting?

Terdapat tiga alasan utama mengapa Twilight menjadi begitu penting sekaligus game changer dalam proses desain hingga pengembangan produk digital, yaitu Konsistensi dalam Kolaborasi Tim, Skalabilitas untuk Proyek yang Berkembang, dan Kecepatan Pengembangan dengan Beban yang Lebih Ringan.

c. Industri Apa yang akan Memperoleh Manfaat Terbesar dari Penerapan Twilight Design System?

Twilight akan sangat bermanfaat bagi bisnis & industri yang bergantung pada teknologi (E-commerce, Software-as-a-Service, E-learning, dan sebagainya), perusahaan startup, hingga perusahaan-perusahaan besar yang memiliki banyak tim dan proyek yang berkembang pesat.

d. Apakah Twilight Cocok Diterapkan untuk Startup?

Ya, Twilight sangat cocok untuk startup yang ingin membangun sistem desain yang terstruktur dengan cepat tanpa mengorbankan fleksibilitas dan skalabilitas.

e. Apa Cara Terbaik dalam Mengukur Kesuksesan Twilight?

Keberhasilan dapat diukur berdasarkan seberapa konsisten dan efisien alur kerja tim, kecepatan dalam eksekusi proyek, serta bagaimana sistem desain ini dapat meningkatkan pengalaman pengguna di berbagai platform.

Penutup

Twilight Design System hadir sebagai solusi inovatif SALT yang dirancang bagi perusahaan dalam menciptakan pengalaman pengguna yang konsisten dan terstruktur dalam skala apapun.

Dengan prinsip dasar seperti kesederhanaan, skalabilitas, dan inklusivitas, Twilight memungkinkan tim untuk bekerja lebih efisien dan terorganisir, mempercepat siklus desain dan pengembangan tanpa mengorbankan kualitas. Hal ini menjadikannya pilihan ideal untuk berbagai jenis proyek, mulai dari startup hingga perusahaan besar.

Dengan mengadopsi Twilight, kini perusahaan Anda tidak hanya akan mendapatkan sistem desain yang lebih efisien, tetapi juga pengalaman pengguna yang luar biasa di seluruh platform karena kualitasnya yang sudah jauh lebih baik.

SALT selaku Technology Developer & System Integrator dapat menjadi partner strategis perusahaan Anda dalam mewujudkan Design System terbaik dan yang relevan dengan tujuan bisnis.

Mari eksplorasi berbagai layanan SALT dan mulai perjalanan transformasi Anda bersama kami dengan cara mengklik banner di bawah ini!

Blog & News