Back to Portfolio

UI/UX Design • Design System • Frontend Development

Muxi Home Website

Designed and implemented a responsive furniture brand website with reusable React and Tailwind CSS components.

Redesigned Muxi Home's digital brand experience to communicate its warm, minimal furniture philosophy while supporting practical product discovery. The website connects brand storytelling, furniture collections, LINE consultation, and showroom visits in one consistent responsive experience.

Role
UI/UX Design
Frontend Developer
Tech Stack
React
Tailwind CSS
My Contributions
  • Visual Design
  • Design System
  • Responsive Development
  • Frontend Implementation
Muxi Home website hero section

Challenge

Challenge

Build brand trust

Communicate comfort, simplicity, and craftsmanship through a polished digital brand experience.

Challenge

Support product browsing

Present furniture categories, product cards, prices, and collections without making the experience feel crowded.

Challenge

Connect online and offline

Guide users naturally from product discovery to LINE consultation and showroom visits.

Design Approach

I used a warm minimal visual direction with soft spacing, large lifestyle imagery, clear product sections, and calm typography. The site structure moves from brand impression to product discovery, then toward consultation and showroom actions.

Muxi Home website design approach

Design System

Muxi Home design system with color palette, typography, components, spacing, and image style

Responsive

Muxi Home desktop layout
Desktop
Muxi Home tablet layout
Tablet
Muxi Home mobile layout
Mobile

React & Tailwind Implementation

Component-based layout

The front-end was built with reusable React sections for hero content, product listing blocks, story modules, consultation areas, and footer navigation. This made the website easier to maintain and expand.

Responsive interface system

Tailwind CSS was used to create consistent spacing, responsive grids, and reusable utility-based styling across the full website. The goal was to keep the experience clean on desktop while still making product browsing comfortable on smaller screens.

Muxi Home product listing section

Outcome

Established a reusable React component system

Reusable React components keep product sections, brand content, consultation paths, and responsive layouts consistent across the website.

Improved product discovery

Users can move from brand messaging into furniture categories and product cards without losing context.

Built a reusable frontend foundation

The React and Tailwind structure supports future content updates, new categories, and additional landing pages.

If I had more time,

I would validate the design through usability testing
and iterate based on real user feedback.