- McMaster-Carr adalah perusahaan pemasok komponen industri yang menjual mur, baut, bearing, dan sebagainya
- Bagaimana situs industri seperti ini bisa menjadi situs belanja terbaik? Karena situs ini hanya melakukan hal yang benar-benar diperlukan
- Desainnya minimalis, sebagian besar grayscale dengan sedikit penekanan warna hijau dan kuning
- Sama sekali tidak ada popup, animasi, banner, carousel, atau video
- Tujuan pengguna yang mengunjungi situs ini adalah menemukan komponen yang diinginkan secepat mungkin. Situs ini sepenuhnya dirancang untuk itu
- Karena ini bukan tempat untuk sekadar browsing, tidak ada algoritme rekomendasi AI, tidak ada produk unggulan, dan tidak ada pengenalan produk baru
- Misalkan kita mencari "bolt"
- Ketik
bolt di kotak pencarian
- McMaster menampilkan beberapa subkategori, seperti
hex head, socket head, dan set screws berdasarkan bentuknya. Pilih Socket Head
- Di bilah navigasi kiri, tersedia beberapa opsi filter. Baut biasanya diklasifikasikan berdasarkan ukuran ulir (
Thread Size) dan panjang. Saya sedang mencari baut 1/4"-20 x 1" (artinya diameter baut 1/4" dan panjangnya 1")
- Ada juga filter lain seperti material/kekuatan/ukuran kepala. Setelah filter dipilih, area pencarian utama langsung menampilkan item satu per satu (bukan subkategori)
- Antarmuka pencarian McMaster benar-benar luar biasa. Semua fungsi di halaman ini dirancang agar pengguna bisa menemukan komponen yang diinginkan secepat mungkin
- Bagian filter sederhana dan elegan, dan bila perlu menampilkan ilustrasi yang menjelaskan strukturnya
- Ilustrasi-ilustrasi itu disederhanakan agar hanya menampilkan informasi yang relevan, sehingga tidak mengganggu saat mencari
- Halaman hasil juga menyediakan dropdown yang membantu menjelaskan komponen yang sedang dicari
- Mirip gabungan handbook insinyur dan katalog dalam satu tempat
- Insinyur sering langsung mencari istilah-istilah seperti ini, jadi dengan menyertakan informasi tersebut, situs ini menghemat waktu yang sangat berharga
- Filter McMaster bukan hanya berguna untuk pencarian yang terarah, tetapi juga membantu saya menentukan apa yang sebenarnya saya butuhkan
- Kadang saya mencari hanya dengan gambaran umum tentang komponen yang saya inginkan, dan dalam situasi seperti itu saya menentukan detailnya lewat penjelasan subkategori
- Misalnya, saya tahu saya membutuhkan
Lock Washer (washer anti-kendur), tetapi tidak tahu mana yang paling cocok; dari gambar dan penjelasannya saya bisa memutuskan
- Karena semua barang yang dijual McMaster didefinisikan oleh spesifikasi, mereka bisa menyediakan pencarian yang intuitif
- Tidak ada ketergantungan pada brand, foto produk, atau elemen pemasaran
- Tetapi fungsinya jauh lebih baik daripada situs seperti Grainger, DigiKey, atau Home Depot
- Sebagai perbandingan, Amazon sangat buruk dalam memfilter item
- Memang Amazon memiliki jauh lebih banyak produk sehingga tugasnya lebih sulit, tetapi bahkan fungsi pencarian dasar seperti harga pun sangat kurang
- Kotak pemilihan harga Amazon hanya terdiri dari dua text box. Kenapa tidak pakai slider saja?
- Selain itu, opsi pemilihan harga selalu sama, apa pun produknya. Mencari pulpen yang sangat murah atau trampolin yang mahal tetap diperlakukan sama
- Salah satu keunggulan McMaster adalah menyediakan file CAD untuk hampir semua komponennya, sehingga bisa diunduh dan ditambahkan ke model 3D saya
- McMaster juga menyediakan ekstensi untuk program CAD populer agar file bisa langsung diimpor,
sehingga membuat hidup insinyur lebih mudah 10x lipat (dan tentu saja pembelian di McMaster juga jadi lebih banyak terjadi)
- McMaster - https://www.mcmaster.com/ hampir sempurna. Akan lebih baik kalau bilah pencariannya dibuat sedikit lebih menonjol, tapi...
- McMaster adalah "layanan yang memahami penggunanya"
8 komentar
Menyediakan data desain secara sangat detail juga menjadi salah satu faktor.
Mall belanja online biasa sering kali bahkan tidak menyediakan informasi yang kita inginkan di halaman detail produk.
Saya membagikan tautannya untuk yang mungkin membutuhkannya, dan katanya ini adalah situs yang sudah ada selama puluhan tahun. Katanya, 20 tahun lalu mereka bahkan membuat buku katalog yang terbit dengan ketebalan dua kali buku telepon..!
Menarik juga bahwa mereka sama sekali tidak mendukung web mobile dan malah mengarahkan pengguna untuk mengunduh aplikasi.
Oh? Saat saya membukanya di iPhone, muncul opsi Buka di App Clip, dan ketika saya menekannya, App Clip langsung berjalan tanpa proses instalasi aplikasi! Saya baru pertama kali merasakan pengalaman App Clip secara langsung setelah sebelumnya hanya melihatnya lewat video WWDC, dan transisinya terasa sangat mulus.
Wah, saya sudah terpasang jadi sebelumnya tidak sadar, ternyata mereka juga mengimplementasikan itu ya.
Aplikasi мобилenya juga dibuat dengan cukup baik. Seru juga untuk sekadar menjelajah-jelajah haha
Ini tampaknya referensi yang bagus untuk dijadikan acuan saat membuat toko online yang spesifik untuk suatu domain.
Kategorinya sebanyak itu, tapi tetap rapi dan tanpa elemen berlebihan, juga tidak ada aset yang sia-sia memakan resource.
Ilustrasinya yang tenang dan konsisten nadanya juga enak dilihat, dan UX-nya tampak berguna saat kita sedang lupa, "itu namanya apa ya".
Terasa sangat setia pada hal-hal dasar, hehe