<?xml version="1.0" encoding="utf-8"?>
Open full project

Halo semuanya! 👋 Saya ingin membagikan proyek UI design saya: FurniSpace, sebuah website e-commerce furnitur rumah tangga yang saya rancang dengan nuansa elegan, ringan, dan halus.

🎯 Latar Belakang

Banyak website furnitur saat ini terasa “berat” dan membingungkan. Produk sulit ditemukan, navigasi rumit, dan tampilan terlalu ramai. Saya ingin menghadirkan pengalaman belanja furnitur online yang bersih, modern, dan menyenangkan.

Dengan menggunakan palet warna:

#F6F4EE (soft beige, latar utama) #B18B5E (golden-brown, aksen elegan) #FFFFFF (bersih & minimalis) #EBF9FD (sentuhan segar)

Website ini mencoba menggabungkan kesederhanaan + keanggunan untuk menciptakan UI yang user-friendly.

✨ Fitur Utama

🔔 Top Info Bar Diskon terbaru, nomor kontak, pilihan bahasa, mata uang, hingga setting.

📌 Navigation Bar Menu utama (Home, About, Shop, Pages, Blog, Contact), search bar, wishlist, dan shopping cart.

🎯 Hero Section Judul produk, deskripsi singkat, gambar produk, serta tombol Buy Now & View Detail.

🚚 Website Features Free Delivery, Online Support, Money Return, dan Reliable Service.

💸 Promo Section Produk diskon dengan badge persentase dan tombol beli langsung.

🔥 Flash Sale + Countdown Diskon hingga 50% dengan batas waktu tertentu.

🛋 Interactive Room Showcase Gambar ruangan elegan, di mana setiap furnitur bisa diklik untuk melihat detail, rating, dan opsi beli.

Product Filtering Filter berdasarkan harga, kategori, dan rating bintang.

👩‍💻 Testimonials Review asli dari pelanggan.

📈 Best Seller Section Produk terlaris yang paling diminati.

📰 Blog Section Artikel inspiratif seputar furnitur & interior design.

📲 Call-to-Action Section Ajakan daftar/sign in, bergabung newsletter, hingga download aplikasi mobile (Play Store & App Store).

🤝 Brand Partners Logo brand dan perusahaan rekanan.

📍 Footer Menu lengkap & informasi tambahan.

🖥 Experience & UX Focus

Saya mendesain FurniSpace dengan fokus pada:

Simplicity → Navigasi mudah dan jelas. Elegance → Warna lembut dengan aksen premium. Readability → Tipografi yang nyaman dibaca. Interactivity → Furnitur clickable dan user journey yang mulus.

🛠 Tools & Proses

Figma – UI Design Wireframe → High-fidelity → Prototype Iterasi desain dengan feedback untuk menciptakan hasil yang konsisten dan modern.

🌟 Refleksi

Proyek ini membantu saya belajar bagaimana merancang website e-commerce yang tidak hanya fungsional, tapi juga memiliki karakter brand. Ke depannya, saya ingin mengembangkan fitur AI-based product recommendation dan AR Preview, agar pembeli bisa mencoba furnitur secara virtual sebelum membeli.

👉 Bagaimana menurut kalian? Apakah UI seperti ini sudah cukup elegan untuk e-commerce furnitur, atau ada elemen lain yang sebaiknya ditambahkan?

Tools used

Figma

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

7 reviews


Lovely work Saiful, the elegance and clarity really shine through — just watch out for small details like typos and alignment — overall it’s a polished and promising project!


Great work!

Love how you're playing with a complementary color palette with the content of the furniture (big orange chair --> small blue chair).

I would apply a Tailwind style palette for each color, to get a better hierarchy and align the brand even more, maybe something like this:

https://uicolors.app/

I think I would've deleted the stars from the products because I don't see that they are adding any value for me as a customer and also to align the site with, what I perceive, is a luxury furniture brand? Or have them to be shown on hover.

I'm getting a feeling that you're not consistent with a grid system?

But great job! Keep it up!


The Furnispace project feels elegant and well thought out, with a clear focus on creating a premium shopping experience.

The clean layout, strong use of imagery, and smooth browsing flow make it easy for users to explore products. To make it even stronger, I’d suggest adding more attention to accessibility, like clearer contrast and screen reader support, and showing how the design adapts on mobile.

Overall, it’s a polished and engaging e-commerce concept that sets a solid base for a real furniture brand.


Saiful, good work. The design is clean, elegant, and has many useful features. To improve, show how it works on mobile and keep the layout simple. Overall, a strong project.


FurniSpace is elegantly showcased, Syaiful ⑁

It has a neat color combo, clear hierarchy, and conveys what elegance is supposed to be with those evenly placed whitespaces but I found some typos and misaligned elements, two of which:

  • Is there supposed to be a logo before the main menu? The indentation suggests so.
  • “Featired Product” should most likely be “Featured Products”

They’re minor mishaps, but proofreading and rechecking everything before publishing will benefit you and others. Nice work!


This design feels very elegant and premium, which fits the furniture theme perfectly. I like the minimal layout, calming colors, and how the hero product is highlighted. The trust icons and section consistency also add a lot of professionalism.

One improvement could be stronger contrast for buttons and text to improve readability and call-to-action focus. Overall, it’s a polished and user-friendly design.


Congratulations, you've created a well-thought-out project.

I think you've placed the Hero Image in the Hero Section as a slider, meaning that as users drag, other photos will appear. My question is, users will already be scrolling to scroll down the page. Will this movement change the photo, or will users be able to easily navigate to other sections of the page?

Since you shared the file in Figma, some unnecessary pages are visible to those viewing the project. By paying attention to these, you can focus directly on the project.


28 Claps
Average 3.5 by 8 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>