10 Website Referensi UI/UX Paling Lengkap

Deskripsi

Dribbble adalah platform komunitas desain yang menampilkan berbagai karya antarmuka, ilustrasi, branding, dan motion design. Banyak desainer menggunakan Dribbble untuk mencari ide tampilan UI modern dan gaya visual yang kreatif.

Kelebihan & Kekurangan

• Kelebihan: sangat kaya inspirasi visual, tampilan karya beragam, komunitas aktif.
• Kekurangan: sering lebih fokus pada estetika daripada detail UX fungsional.

Deskripsi

Behance adalah platform portofolio yang menampilkan proyek desain lengkap, termasuk UI/UX, desain produk, dan studi kasus visual. Website ini cocok untuk melihat proses berpikir desain yang lebih menyeluruh.

Kelebihan & Kekurangan

• Kelebihan: banyak studi kasus mendalam, cocok untuk riset proses desain.
• Kekurangan: kualitas proyek sangat bervariasi dan pencarian bisa memakan waktu.

Deskripsi

Awwwards menampilkan website-website terbaik dengan penilaian berdasarkan desain, kreativitas, usability, dan konten. Portal ini sering dijadikan referensi untuk melihat tren desain web yang premium dan inovatif.

Kelebihan & Kekurangan

• Kelebihan: kurasi ketat, kualitas visual tinggi, cocok untuk inspirasi web modern.
• Kekurangan: beberapa desain terlalu kompleks untuk dijadikan acuan implementasi sederhana.

Deskripsi

Mobbin adalah pustaka referensi antarmuka dari aplikasi dan produk digital populer. Website ini sangat berguna untuk melihat pola UI nyata seperti onboarding, navigasi, checkout, dan form pada produk yang sudah matang.

Kelebihan & Kekurangan

• Kelebihan: sangat praktis untuk studi pola antarmuka, banyak contoh nyata.
• Kekurangan: akses penuh pada beberapa fitur bisa terbatas dan berbayar.

Deskripsi

Pttrns berisi koleksi screenshot antarmuka mobile yang dikelompokkan berdasarkan kategori. Website ini membantu desainer memahami pola interaksi pada aplikasi mobile dan membandingkan pendekatan berbagai produk.

Kelebihan & Kekurangan

• Kelebihan: fokus pada mobile UI, mudah dipakai untuk referensi cepat.
• Kekurangan: tampilan situs cukup sederhana dan beberapa konten terasa kurang luas dibanding platform lain.

Deskripsi

Collect UI adalah galeri desain antarmuka yang dikurasi secara rutin dari berbagai sumber. Website ini cocok untuk mencari inspirasi komponen, landing page, dan tampilan visual dengan gaya yang bersih.

Kelebihan & Kekurangan

• Kelebihan: kurasi rapi, mudah untuk browsing inspirasi UI harian.
• Kekurangan: kedalaman informasi proyek tidak selalu lengkap.

Deskripsi

Land-book menampilkan referensi landing page dari berbagai industri, mulai dari SaaS, e-commerce, hingga agensi. Website ini membantu melihat struktur halaman, hero section, CTA, dan susunan konten yang efektif.

Kelebihan & Kekurangan

• Kelebihan: sangat berguna untuk referensi landing page dan layout pemasaran.
• Kekurangan: kurang fokus pada detail interaksi aplikasi yang kompleks.

Deskripsi

UI8 menyediakan aset desain premium seperti kit UI, template, icon set, dan mockup. Website ini banyak dipakai untuk mempercepat proses desain sekaligus melihat standar komponen antarmuka yang konsisten.

Kelebihan & Kekurangan

• Kelebihan: aset berkualitas tinggi, sangat membantu workflow desain.
• Kekurangan: banyak sumber daya premium sehingga tidak semuanya gratis.

Deskripsi

Figma Community adalah ruang berbagi file desain, plugin, dan template dari para kreator di seluruh dunia. Website ini sangat bermanfaat untuk mempelajari struktur file, komponen, dan praktik kolaborasi desain.

Kelebihan & Kekurangan

• Kelebihan: banyak file gratis, cocok untuk belajar dan mempercepat pembuatan prototipe.
• Kekurangan: kualitas file sangat beragam karena berasal dari komunitas yang luas.

Deskripsi

One Page Love adalah galeri website satu halaman yang berisi contoh desain untuk landing page, portofolio, dan situs promosi. Website ini membantu desainer mempelajari alur informasi yang ringkas namun tetap menarik.

Kelebihan & Kekurangan

• Kelebihan: cocok untuk inspirasi website sederhana dan fokus pada satu halaman.
• Kekurangan: tidak selalu relevan untuk proyek web besar dengan banyak halaman.