Overview

Concept Furniture is a system-focused e-commerce project exploring how interaction design decisions translate into scalable product architecture.

Concept Furniture is a system-focused e-commerce project exploring how interaction design decisions translate into scalable product architecture.

Concept Furniture E–commerce
Live Site: conceptfurniture.vercel.app

Sector

Retail, E-commerce, Web App

Restaurant,
Wellness / Lifestyle

Restaurant,
Wellness / Lifestyle

Type

UX, UI, system planning, frontend & backend development

Tool

HTML, CSS, JavaScript, Node.js, Express, MongoDB, Prisma, Auth0

Year

2025

Introduction

Concept Furniture is an exploratory e-commerce project focused on learning how a product system is structured, extended, and maintained.

The goal was not to solve a specific user pain point, but to apply UI/UX thinking while designing and building a realistic e-commerce system, from product discovery, to cart persistence, to authenticated user state.

The goal was not to solve a specific user pain point, but to apply UI/UX thinking while designing and building a realistic e-commerce system, from product discovery, to cart persistence, to authenticated user state.

The goal was not to solve a specific user pain point, but to apply UI/UX thinking while designing and building a realistic e-commerce system, from product discovery, to cart persistence, to authenticated user state.

Research & Planning

Throughout the project, I focus areas were:

  • Designing familiar, usable interaction patterns

  • Planning system structure before coding

  • Understanding how data should be stored, updated, and accessed

  • Incrementally extending functionality without breaking existing behaviour

Research & Competitive Landscape

Instead of user interviews, I conducted competitive and pattern-based research by analyzing established e-commerce platforms such as EQ3, IKEA, Article, Amazon, and Crate & Barrel.

And focus on the following topics. These observations informed both my UI decisions and system design planning.

  • How product browsing is structured

  • What information appears in shopping carts

  • How cart data is stored and updated

  • How checkout interfaces influence user behavior

  • How authentication and account systems are commonly structured


System Structure & Planning

System Structure & Planning

Before and during development, I created:

  • UML use-case diagrams

  • System maps

  • Activity diagrams


These diagrams helped me:

  • Clarify user actions, goals, and system responsibilities

  • Identify what data needed to persist

  • Plan API routes and database structure

  • Understand how different parts of the system connect

Before and during development, I created:

  • UML use-case diagrams

  • System maps

  • Activity diagrams


These diagrams helped me:

  • Clarify user actions, goals, and system responsibilities

  • Identify what data needed to persist

  • Plan API routes and database structure

  • Understand how different parts of the system connect

(Final Solution)

|

Project Outcome

Core Experience

Core Experience

I built a product browsing experience using live data from a furniture API.

What’s included

  • Category-based navigation (Best Sellers, All Products, Room Types)

  • Dynamically rendered product listings

  • Product detail modal with extended product information

  • Client-side sorting logic to work around API limitations

  • User authentication for sign-up, login, and account-specific access

  • Shopping cart functionality with item management, price summary, promo code validation, and delivery option selection

Design intent

  • Study how large e-commerce platforms structure core shopping flows and intentionally adapt those patterns.

  • Maintain consistent visual branding while applying familiar user flows users already recognize.

I built a product browsing experience using live data from a furniture API.

What’s included

  • Category-based navigation (Best Sellers, All Products, Room Types)

  • Dynamically rendered product listings

  • Product detail modal with extended product information

  • Client-side sorting logic to work around API limitations

  • User authentication for sign-up, login, and account-specific access

  • Shopping cart functionality with item management, price summary, promo code validation, and delivery option selection

Design intent

  • Study how large e-commerce platforms structure core shopping flows and intentionally adapt those patterns.

  • Maintain consistent visual branding while applying familiar user flows users already recognize.

Takeaways

This project pushed me to think beyond individual screens and focus on how features work together as part of a real product.

Through this process, I learned to design UI and UX with system planning in mind, making sure ideas were buildable and clearly communicated.

I also became more confident explaining my design decisions in technical terms, collaborating with developers, and using AI tools to support problem-solving.

This project pushed me to think beyond individual screens and focus on how features work together as part of a real product.

Through this process, I learned to design UI and UX with system planning in mind, making sure ideas were buildable and clearly communicated.

I also became more confident explaining my design decisions in technical terms, collaborating with developers, and using AI tools to support problem-solving.

This project pushed me to think beyond individual screens and focus on how features work together as part of a real product.

Through this process, I learned to design UI and UX with system planning in mind, making sure ideas were buildable and clearly communicated.

I also became more confident explaining my design decisions in technical terms, collaborating with developers, and using AI tools to support problem-solving.

Next Project

Next
Project

Next
Project

Invisible Influence

Invisible
Influence

Invisible
Influence

You made it to the end —
Want to work with me?

You made it to the end —
Want to work with me?

📮💌 ☎️

📮💌 ☎️

work

info

contact