Studi kasus produk end-to-end tentang mempertahankan kebutuhan ruang dari inspirasi dan guidance profesional hingga pemilihan serta pembelian furniture.
Room plan dan furniture order menjawab pertanyaan yang berbeda. Sebuah plan menjelaskan bagaimana ruang dapat bekerja. Sebuah order menentukan apa yang bisa dibeli, berapa biayanya, dan kapan akan tiba. Kisah Ruang menyatukan layanan interior design profesional dan furniture marketplace dalam satu website, sehingga hubungan antara kedua keputusan tersebut menjadi pusat pengalaman.
Pada 2021, saya bekerja sebagai end-to-end User Experience Designer bersama Product Management, Engineering, dan Business stakeholders. Cakupan saya meliputi riset, experience strategy, information architecture, wireframe, component system, high-fidelity design, prototype, usability testing, dan developer handoff. Website ini dirilis. Keputusan desain utamanya adalah menghubungkan shopping list dari desainer dengan marketplace agar pengguna dapat menindaklanjuti room plan tanpa menyusun ulang pilihan di tempat lain.
🧭 Konteks Proyek dan Masalah Produk
Jarak antara ruang yang menginspirasi dan ruang yang dapat diwujudkan
Proyek dimulai dari masalah furnishing yang familiar. Orang mengumpulkan referensi dari Pinterest atau Instagram, mencari desainer, lalu membandingkan furniture di berbagai situs. Mereka tetap harus membawa sendiri konteks ruang di antara aktivitas tersebut: dimensions, style, budget, materials, dan hubungan antarpiece.
Pengguna yang menyewa desainer dapat menerima plan tetapi kemudian harus mencari produk di banyak toko. Pengguna yang berbelanja sendiri dapat menemukan sofa menarik tetapi kesulitan menilai kecocokan ukuran dan hubungannya dengan furniture lain. Peluang Kisah Ruang adalah menghubungkan guidance profesional dengan product discovery, sambil menjaga keduanya tetap berguna sebagai entry route mandiri.
Pertanyaan desainnya menjadi: bagaimana website membantu seseorang mengubah inspirasi ruang menjadi pilihan yang dipahami dan dapat ditindaklanjuti? Jawabannya lebih dari sekadar shared navigation. Recommendation kehilangan nilai jika produknya tidak tersedia, variant salah, total di luar budget, atau delivery tidak sesuai dengan room plan.
Dua entry route yang sama-sama valid
Saya memperlakukan service dan marketplace sebagai dua user intent dalam satu pengalaman. Pengunjung yang sudah tahu kategori furniture dapat langsung berbelanja. Pengunjung yang membutuhkan bantuan dapat memahami service, menilai designer, dan memilih package. Pengunjung lain mungkin memulai dari inspiration content.
Homepage perlu menjelaskan hubungan tersebut tanpa meminta commitment terlalu awal. Service page perlu menjelaskan process dan deliverable. Shop perlu mendukung comparison. Connection paling bernilai muncul saat pekerjaan desainer menghasilkan shopping list yang dapat ditindaklanjuti.
🔎 Riset dan Experience Strategy
Memahami cara orang meneliti dan membeli furniture
Discovery melibatkan interview dengan warga urban berusia 28–50 yang baru membeli atau berencana mengisi rumah. Peserta menggunakan online platform untuk research dan comparison, tetapi sering memilih kunjungan offline untuk merasakan produk. Inspirasi banyak datang dari social platform, sementara price, aesthetics, dan functionality memengaruhi keputusan.
Ketegangan itu penting. Online discovery memberikan breadth dan convenience, tetapi keputusan tetap bersifat fisik: apakah finish terlihat tepat, material terasa sesuai, dan ukuran muat. Menambah produk saja tidak mengatasi ketidakpastian. Interface perlu membuat evidence relevan mudah diperiksa dan membantu pengguna menerjemahkan visual preference menjadi pilihan konkret.
Catatan kuantitatif melaporkan lima sinyal: 87% menginginkan free shipping dan returns, 73% menghargai customer reviews, 65% menginginkan 360-degree views, 60% paling sering berbelanja untuk living room, dan 42% menggunakan furniture site untuk research selain purchase. Karena respondent count dan instrument tidak tersimpan, angka tersebut saya perlakukan sebagai sinyal studi, bukan estimasi populasi.
Membandingkan pola service dan retail
Benchmark memeriksa Dekoruma, Fabelio, IKEA, Wayfair, dan West Elm pada service, imagery, product description, quality signal, review, shipping and returns, promotion, immersive view, fabric preview, serta assembly information.
Benchmark proyek adalah perbandingan historis untuk eksplorasi desain, bukan penilaian terkini terhadap bisnis tersebut.
Matrix membantu membedakan informasi yang dibutuhkan pengguna dari pattern interface yang digunakan untuk menyampaikannya. Pertanyaan paling berguna bukan siapa yang memiliki fitur terbanyak, melainkan apakah seseorang dapat menemukan style, mengakses bantuan profesional, dan mengevaluasi furniture dengan informasi yang cukup.
Mengubah observation menjadi brief
Affinity map mengelompokkan alasan orang mengunjungi marketplace, pemicu online shopping, cara memilih produk, ruang yang ingin diisi, dan ekspektasi terhadap design service.
Synthesis membawa research behavior, product evaluation, room needs, dan service expectation ke satu view.
Sebagai contoh, research dan price comparison berarti browsing harus berguna sebelum checkout. Kebutuhan spesifikasi mendukung dimensions dan material information. Keinginan terhadap ruang yang coherent mendukung hubungan antara design advice dan satu set produk.
Saya menyintesis pola tersebut menjadi Lydia, business development professional di Jakarta yang baru membeli apartemen satu kamar dan ingin mengisinya di tengah jadwal yang padat. Lydia adalah composite persona. Ia menggabungkan visual preference dengan ketidakpastian praktis tentang quality, price, measurement, returns, dan waktu kunjungan toko.
Lydia memusatkan brief pada seseorang yang mengoordinasikan ruang, budget, dan waktu terbatas.
🗺️ Prioritas dan Journey Architecture
Memisahkan informasi dari operational complexity
Impact-effort matrix menempatkan designer profile, package information, product photography, variants, specifications, filtering, dan account entry sebagai fondasi. Chat, payments, order management, project setup, reviews, dan tracking lebih berat karena terhubung dengan ongoing service atau transaction behavior.
Matrix menunjukkan relative priority di antara information, service, commerce, dan advanced visualization.
Ini bukan berarti checkout kurang penting karena effort-nya tinggi. Matrix membedakan design value dan delivery dependency, bukan menjadi engineering estimate atau release calendar. 360-degree view, assembly video, AR/VR, dan downloadable instruction tetap merupakan opportunity setelah information foundation dapat dipercaya.
Satu website dengan dua struktur utama
Information architecture memisahkan Service, Shop, dan Blog sambil mempertahankan search, account, dan cart. Service mencakup explanation, package, designer directory, dan custom project. Shop dapat dimulai dari category, room, atau brand. Account menampung transaction, design question, dan order status.
Architecture memberi service discovery dan retail browsing struktur masing-masing dengan shared account dan transaction area.
Original transaction flow membuat commitment sequence terlihat. Service path mencakup account entry, package dan designer, room selection, checkout, project detail, concept, final design, serta shopping list. Purchase path bergerak dari browsing ke product detail, cart, checkout, payment, dan order status.
Flow awal menyusun purchase dan project-order steps sebelum journey yang lebih detail.
Menghubungkan shopping list dengan marketplace
User flow menyatukan kedua jalur. Di sisi service, optional Style Quiz diikuti room dan package information, designer matching, online collaboration, dan deliverables. Di sisi retail, room-led browsing menuju listing, product evaluation, dan checkout. Shopping list dari desainer menghubungkan keduanya.
User flow menggambarkan intended path. Sample value, completion node, dan performance annotation merupakan scenario atau hypothesis.
Design intent-nya adalah mempertahankan alasan sebuah recommendation. Ketika pengguna membuka sofa dari shopping list, variant, alasan pemilihan, kontribusi terhadap budget, dan hubungannya dengan room seharusnya tetap terlihat. Generic product link akan kehilangan konteks yang sudah dibangun bersama desainer.
Customer journey map memeriksa sequence serupa dari perspektif Lydia: orientation dan matching, collaboration, shopping, checkout, serta delivery wait.
CJM memodelkan intended journey; quote, emotional curve, purchase example, dan opportunity effect bersifat ilustratif.
Map memperlihatkan handoff kritis: response desainer yang terlambat dapat merusak booking flow, produk tidak tersedia dapat memutus shopping list, dan production time berbeda dapat membuat satu cart terasa seperti beberapa order yang tidak pasti.
🎨 Wireframe dan Design System
Menetapkan hubungan antarpages
Wireframe mengeksplorasi homepage, service explanation, shop landing, dan cart. Homepage menempatkan dua entry route sebelum menjelaskan Kisah Ruang. Service page menyediakan ruang untuk cara kerja. Shop mengorganisasi discovery berdasarkan room dan brand. Cart menjadi titik ketika selected products dan service order membutuhkan transaction information yang jelas.
Wireframe menetapkan content priority dan hubungan halaman sebelum imagery dan styling final.
Menggunakan pola yang sama di service dan commerce
Component library mencakup button, form, input group, navigation, breadcrumb, pagination, alert, badge, dan progress. Pola berulang memberi service dan shop interaction language yang konsisten.
Reusable controls dan feedback patterns mendukung consistency di kedua product area.
Visual foundation menggunakan warm neutral base dan yellow-gold accent, dengan warna terpisah untuk status dan feedback. Furniture dan room photography membawa visual interest, sementara border, background, shadow, dan text style memberi struktur.
Visual styles mendefinisikan treatment reusable, bukan styling setiap halaman secara terpisah.
Typography scale membedakan page introduction, section heading, supporting copy, dan detail information—penting pada halaman panjang yang menggabungkan inspiration dan evaluation.
Type scale menciptakan hierarchy konsisten di editorial, service, dan shopping content.
Project mencakup responsive intent, tetapi HiFi yang tersimpan adalah artwork desktop. Component sheet tidak dengan sendirinya membuktikan accessibility; keyboard behavior, contrast, focus, dan reflow tetap perlu diuji pada implementasi.
🛋️ High-Fidelity Experience dan Keputusan Desain
Homepage dengan dua starting point
Homepage hero menempatkan Find a Designer dan Shop Furniture berdampingan. Pengunjung dapat langsung memilih berdasarkan bantuan yang dibutuhkan, sekaligus melihat combined proposition sebelum membaca penjelasan panjang.
Bagian berikutnya memperkenalkan service, membandingkannya dengan engagement tradisional, lalu meringkas proses dalam tiga langkah: share a space, collaborate with a designer, dan order selected items. Furniture, editorial inspiration, customer stories, serta property-collaboration logos memberi konteks lebih luas. Logo dan testimonial pada artwork adalah content interface; kehadirannya tidak berdiri sebagai bukti partnership atau endorsement terverifikasi.
Homepage bergerak dari route selection menuju service explanation, furniture discovery, dan supporting content.
Trade-off utamanya adalah page length. Service dan shop membutuhkan penjelasan, tetapi shopper yang urgent tidak boleh dipaksa membaca semuanya. Hero actions dan persistent navigation menjaga direct route tetap tersedia.
Design service dengan process dan deliverable yang terlihat
Service page menjelaskan cara desainer membantu, kemudian relationship kerja. Pengguna memilih room dan package, membagikan needs, budget, serta inspiration, lalu terhubung dengan desainer. Collaboration menghasilkan dua initial concept, feedback, final design, floor plan, setup guidance, dan shopping list.
Service page menjelaskan engagement dan deliverable sebelum mengarahkan pengunjung menuju project atau designer.
Style Quiz membantu orang yang mengenali visual tetapi belum dapat menyebut style. Portfolio membantu menilai visual fit desainer. Shopping list adalah deliverable paling konsekuensial bagi platform karena menghubungkan service ke item yang dapat dibeli. Agar berguna, variant, quantity, price context, dan room intent perlu tetap terbawa.
Marketplace dengan room-led discovery
Shop homepage memberi furniture pengalaman discovery sendiri. Hero diikuti room tiles seperti Bedroom, Living Room, Dining Room, Outdoor, dan Office. Curated products, local dan premium brand, room compositions, serta Design Stalk melayani direct buyer dan orang yang masih membangun preference.
Shop landing menghubungkan room category, curated product, brand discovery, composition, dan editorial content.
Composition belum otomatis menjadi “Shop the Look”. Pengalaman tersebut membutuhkan setiap item terhubung, room total terlihat, dan alternative tersedia. Installment messaging juga perlu diikuti eligibility, terms, dan total cost yang jelas pada titik commitment.
Category listing untuk comparison
Living Room page menampilkan category shortcut dan filter berdasarkan brand, type, price, sale status, serta production time. Grid menggabungkan photography, identity, price, dan availability cue agar pengguna dapat menyempitkan pilihan sebelum membuka detail.
Category page mendukung narrowing dan comparison, lalu menawarkan route menuju professional design help.
Production time penting karena furniture yang sesuai style dan budget tetap tidak berguna jika tidak tiba sesuai kebutuhan. Product count, price, discount, stock language, dan installment pada source screen adalah contoh desain, bukan current catalog atau offer.
Design Stalk untuk intent yang masih berkembang
Editorial listing menyajikan artikel dengan image, summary, search, dan sorting. Ini memberi jalur low-commitment untuk belajar sebelum memilih service atau produk.
Design Stalk memberi discovery route berkomitmen rendah di samping service dan shopping.
Pertanyaan produk berikutnya adalah apa yang dapat dilakukan pembaca setelah menemukan ide. Artikel tentang small bedroom dapat mengarah ke relevant room category, designer, atau product yang sesuai constraint.
🧪 Evaluasi dan Reported Outcomes
Moderated usability testing dengan peserta nyata mencakup service dan shopping flow. Feedback yang terdokumentasi menyoroti portfolio access sebagai trust cue, Style Quiz sebagai starting point yang menarik, serta three-step explanation sebagai cara membantu memahami service. Iterasi yang tercatat mencakup perbaikan CTA hierarchy dan comparison dengan conventional interior design.
Testing record tidak menyimpan participant count, task script, raw observation, atau completion rate, sehingga feedback saya jelaskan sebagai directional. Feedback tentang portfolio access pada designer listing juga terpisah dari product-detail bounce metric; keduanya tidak boleh digabung menjadi satu measured experiment.
Proyek menghasilkan website experience yang mencakup service, furniture discovery, editorial content, account, dan transaction flow, didukung wireframe, prototype, component library, serta developer handoff. Website dirilis. Historical reporting mencatat engagement meningkat 42%, product-detail bounce menurun 30%, dan furniture conversion meningkat 18%.
Angka tersebut menggambarkan perubahan setelah launch, tetapi evidence yang tersedia tidak menunjukkan berapa besar setiap keputusan desain menyebabkannya. Acquisition, pricing, catalog quality, dan operation dapat memengaruhi hasil. Kontribusi desain paling jelas berada pada connected experience dan reusable system yang diserahkan.
🚀 Pengembangan Lanjutan dan Pertimbangan Produk
Prioritas pertama adalah memperkuat shopping-list handoff. Setiap recommendation perlu mempertahankan room, selected variant, quantity, quoted price, dan alasan inclusion. Sebelum list diterima pengguna, service perlu memeriksa availability dan membandingkan total dengan budget. Item yang tidak tersedia harus memiliki reviewed alternative.
Berikutnya, collaboration state perlu membuat designer response, concept deadline, included revision, dan next action dapat diperiksa. Furniture order memerlukan kejelasan berbeda antara production, dispatch, delivery, installation, damage, dan return eligibility. Satu room dengan banyak item dapat memiliki beberapa schedule.
Untuk service route, saya akan mengukur share dari eligible package starts yang mencapai confirmed booking, dengan time to first response dan missed milestone sebagai guardrail. Untuk marketplace, conversion dapat didefinisikan sebagai confirmed furniture orders dibagi eligible shopping sessions, dengan canceled dan failed order tetap terlihat.
Untuk integrasi, measure perlu mencakup shopping-list availability, budget alignment, substitution, serta share eligible project yang menghasilkan fulfilled furniture order dalam window tertentu. Denominator dimulai dari project yang eligible, bukan hanya pengguna yang mengklik item. Qualitative session kemudian menjelaskan apakah pengguna memahami package, menilai designer, mempertahankan recommendation context, dan memahami delivery expectation.
AR/VR, Shop the Look, personalization, native app, atau AI recommendation dapat dieksplorasi setelah fondasi tersebut. Setiap capability perlu membuktikan bahwa ia mengurangi uncertainty atau meningkatkan matching dibandingkan solusi yang lebih sederhana.
📝 Refleksi dan Pembelajaran
Kisah Ruang mengajarkan saya untuk memeriksa informasi apa yang tetap bertahan ketika pengguna berpindah antarproduct area. Shared website dapat menempatkan dua offer berdekatan tetapi tetap membuat pengguna mengoordinasikannya sendiri. Produk menjadi lebih berguna ketika room requirement, style, budget, variant, dan service expectation tetap mudah dipahami sepanjang journey.
Shopping list membuat hubungan itu konkret. Ia mengikat pekerjaan desainer ke keputusan berikutnya sekaligus membuka dependency catalog accuracy, availability, substitution, dan delivery. Takeaway utama saya adalah mengevaluasi integrated product pada handoff-nya: apakah pengguna dapat membawa approved room plan menuju purchase yang dipahami dan akhirnya diterima.
📌 Disclaimer: Studi kasus ini mencerminkan kontribusi UX saya pada Kisah Ruang, sebuah proyek profesional yang dikerjakan bersama Product Management, Engineering, dan Business stakeholders. Riset dan testing melibatkan peserta nyata; Lydia adalah composite persona, sementara journey quote, emotion, sample offer, dan completion state bersifat ilustratif. Business results merupakan historical outcomes yang dilaporkan; underlying analytics dan measurement definition tidak tersedia, sehingga angka tersebut tidak boleh dibaca sebagai isolated design causality. Visual mendokumentasikan design scope, bukan feature-by-feature release record. Brand dan imagery tetap menjadi milik pemiliknya masing-masing. Dibagikan untuk portfolio dan tujuan edukasi; seluruh pandangan adalah milik saya.
💬 Let’s Connect: Punya masukan atau pemikiran tentang studi kasus ini? Saya senang mendengarnya. Silakan tinggalkan komentar atau lihat karya product dan experience lainnya di cahyadiaditya.site. Untuk berdiskusi, hubungi saya melalui Telegram atau terhubung melalui LinkedIn. Terima kasih sudah membaca.
