Layanan

Jasa Desain UI/UX untuk Website dan Aplikasi

Desain yang baik bukan yang paling enak dilihat di presentasi, melainkan yang membuat orang selesai melakukan hal yang membuat mereka datang.

Diskusikan proyekmu Lihat contoh hasilnya

Perkiraan waktu: 2–4 minggu, menyesuaikan lingkup
Cara penghitungan biaya: Dihitung per proyek, bukan per layar — yang menentukan jumlah layar dan kerumitan alurnya. Angkanya ditulis di penawaran setelah lingkupnya jelas, dan tidak berubah setelah disepakati.

Cocok untuk siapa

Kalau situasimu tidak ada di daftar ini, tetap boleh bertanya — kami akan bilang terus terang kalau bukan kami yang kamu butuhkan.

Tim yang akan membangun produk tapi belum punya rancangan layarnya
Produk yang sudah jalan tapi tiap halamannya terasa dibuat orang berbeda
Bisnis yang membangun sendiri atau lewat vendor lain, dan butuh desainnya lebih dulu

Isi layanan

Empat tahap, dan satu batas yang jelas

Urutannya tetap sama di setiap proyek — termasuk urutan apa yang belum boleh dikerjakan.

Struktur dulu, warna belakangan

Pekerjaan dimulai dari alur dan wireframe — kotak abu-abu tanpa warna dan tanpa font. Terdengar seperti melewatkan bagian yang seru, tapi justru di sinilah kesalahan paling mahal ketahuan: layar yang ternyata tidak dibutuhkan, langkah yang bisa dihapus, dan tombol yang tidak pernah jelas ke mana. Memperbaikinya di tahap ini butuh satu jam; memperbaikinya setelah dikodekan butuh satu minggu.

Alur langkah pengguna dipetakan sebelum layar digambar
Wireframe tiap layar utama, masih hitam-putih
Revisi di tahap ini murah — dan memang tempatnya di sini

Design system, bukan sekumpulan layar

Yang diserahkan bukan dua puluh gambar yang berdiri sendiri, melainkan satu sistem: skala warna, tipografi, jarak, dan komponen yang dipakai ulang di semua layar. Bedanya baru terasa enam bulan kemudian, waktu ada halaman baru yang harus dibuat — dengan sistem, halaman itu tinggal dirakit dari komponen yang sudah ada, dan hasilnya otomatis konsisten dengan yang lain.

Token warna, tipografi, dan jarak yang bernama
Komponen lengkap dengan keadaannya: normal, hover, fokus, error, kosong
Aturan pemakaian, supaya orang berikutnya tidak menebak

Satu sistem visual

Prototype yang bisa diklik sebelum satu baris kode ditulis

Sebelum masuk pembangunan, kamu menerima versi yang bisa dibuka dan diklik seperti aplikasi sungguhan. Gunanya dua: menunjukkannya ke tim atau calon pengguna dan mendapat reaksi yang jujur, dan memastikan semua orang membayangkan produk yang sama sebelum uang pembangunan dikeluarkan.

Rencana4

Jalan2

Diserahkan supaya developer mana pun bisa membangunnya

Berkas Figma-nya milikmu, beserta spesifikasi ukuran, jarak, dan perilaku tiap komponen. Ini disengaja: kamu tidak terkunci pada kami untuk tahap pembangunan. Kalau memang dilanjutkan bersama kami lewat Web Development, tahap desain ini yang membuat pembangunannya berjalan tanpa pertanyaan bolak-balik.

Berkas Figma beserta seluruh komponennya
Spesifikasi ukuran, jarak, dan perilaku
Aset siap ekspor

Laporan bulan iniOktober

Skor kecepatan

KecepatanBaik
KeamananSelesai
Tautan rusak2 temuan

Yang tidak termasuk

Riset pengguna dan usability testing bukan bagian dari lingkup ini. Keputusan desain diambil dari alur kerja dan pengetahuan bisnismu, bukan dari wawancara pengguna yang kami jalankan sendiri — dan lebih baik kamu tahu itu di depan daripada mengira ada riset yang tidak pernah dilakukan. Kalau produkmu memang butuh riset, kami sampaikan sejak diskusi pertama.

Yang kamu terima di akhir

Wireframe & alur
UI + design system
Prototype klik
Spesifikasi developer

Pertanyaan umum

Yang sering ditanyakan soal layanan ini

Tanya yang lain

Apakah desainnya harus dibangun oleh Baryaf Studio juga?

Tidak. Berkas dan spesifikasinya milikmu, dan sengaja ditulis supaya developer mana pun bisa membangunnya. Kalau dilanjutkan bersama kami, tahap desain ini yang membuat pembangunannya berjalan tanpa tebak-tebakan.

Apa bedanya dengan desain yang sudah termasuk di paket website?

Paket Web Development mendesain halaman yang akan kami bangun saat itu juga. Layanan ini berdiri sendiri: hasilnya rancangan produk lengkap dengan design system dan prototype, untuk dibangun kapan pun dan oleh siapa pun.

Saya belum tahu produknya mau seperti apa. Bisa mulai dari sini?

Bisa, selama kamu tahu masalah yang mau diselesaikan dan untuk siapa. Alur dan wireframe di tahap pertama justru dibuat untuk itu — mengubah bayangan yang masih kabur jadi layar yang bisa dilihat dan didebat.

Apakah termasuk riset pengguna?

Tidak. Lingkupnya berhenti di wireframe, UI, design system, dan prototype. Kalau produkmu butuh riset atau usability testing, kami sampaikan di diskusi pertama supaya kamu bisa mengaturnya terpisah.

Layanan lainnya

Web Development

Landing page sampai toko online, dirancang lebih dulu. Mulai 1 juta, tetap sejak awal.

Selengkapnya

Menerima proyek baru

Butuh desain ui/ux?

Ceritakan situasinya lewat email. Kami balas dalam satu hari kerja dengan pertanyaan lanjutan atau ajakan diskusi.

Mulai proyek Lihat portofolio

Balasan dalam satu hari kerja — [email protected]