Back to Portfolio

Visual Design / React / Tailwind CSS

Muxi Decor Suit Page

Designed and implemented a responsive landing page for Muxi Decor's whole-home interior package.

A live landing page for Muxi Decor's whole-home interior package. The page presents a clear NT$590,000 starting offer, interior style options, furniture configurations, pricing details, and consultation entry points in a responsive React interface.

Role
Visual Design
Frontend Developer
Tech Stack
React
Tailwind CSS
My Contributions
  • Landing Page Flow
  • Visual Design
  • Responsive Development
  • Frontend Implementation
Muxi Decor suit page hero section

Challenge

Challenge

Make the offer clear

The page needed to quickly explain the NT$590,000 whole-home package and show what is included without overwhelming users.

Challenge

Support visual decision-making

Interior design customers rely heavily on visual style, so the page needed strong imagery, style filters, and clear package previews.

Challenge

Guide consultation

The experience needed obvious calls to action, especially LINE consultation, so interested users could move from browsing to inquiry.

Design Approach

I structured the page around a direct marketing flow: a clear offer in the hero, style categories for browsing, package cards with pricing, furniture configuration details, and repeated consultation actions. The visual style keeps the page warm and residential while maintaining enough structure for comparison and decision-making.

Muxi Decor hero and navigation UI

React & Tailwind Implementation

Reusable page sections

The interface was built with React components so repeated content, such as style cards, price blocks, CTA areas, and configuration modules, could stay consistent and easier to maintain.

Responsive layout

Tailwind CSS was used to create a responsive layout system that adapts from desktop browsing to mobile consultation behavior, keeping product details readable across screen sizes.

Muxi Decor package cards and configuration section

Outcome

Clearer package story

The landing page explains the offer, included furniture, and design styles in a more guided, product-focused structure.

More polished brand experience

Interior visuals, warm copy, and structured cards help the page feel more trustworthy and easier to browse.

Practical front-end build

The React and Tailwind setup supports reusable components, responsive sections, and future updates to package content.

If I had more time,

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