Web Redesign for a Bedding Brand
2026
Web Design
Worked closely with cross-functional teams to define product direction and enhance user experience across key digital touchpoints, including checkout and product pages.
Applied up-to-date UX/UI trends and best practices to create intuitive, visually consistent, and user-centered design solutions.
E-commerce UX Improvement for a Bedding Brand
E-commerce UX Improvement for a Bedding Brand
E-commerce UX Improvement for a Bedding Brand
Website Redesign Project
Website Redesign Project
Website Redesign Project
Focusing on Conversion & Brand Identity Reinforcement
Focusing on Conversion & Brand Identity Reinforcement
Focusing on Conversion & Brand Identity Reinforcement
Checkout Page + Product Detail Page + Marketing Assets
Checkout Page + Product Detail Page + Marketing Assets
Checkout Page + Product Detail Page + Marketing Assets
Project Overview
Project Overview
Project Overview
The Background
The Background
The Background
This project was initiated to address the existing website’s high bounce rate and low purchase conversion rate.
This project was initiated to address the existing website’s high bounce rate and low purchase conversion rate.
This project was initiated to address the existing website’s high bounce rate and low purchase conversion rate.
Key Objectives
Key Objectives
Key Objectives
Designed a minimal and premium user interface aligned with the brand identity.
Redesigned the webpage layout with a stronger visual hierarchy and improved content structure.
Created branded content sections to effectively communicate the brand’s identity and product value.
Designed a minimal and premium user interface aligned with the brand identity.
Redesigned the webpage layout with a stronger visual hierarchy and improved content structure.
Created branded content sections to effectively communicate the brand’s identity and product value.
Designed a minimal and premium user interface aligned with the brand identity.
Redesigned the webpage layout with a stronger visual hierarchy and improved content structure.
Created branded content sections to effectively communicate the brand’s identity and product value.
Main Scope of Redesign
Main Scope of Redesign
Main Scope of Redesign
Checkout Page
Checkout Page
Checkout Page
Designed a structured multi-step checkout experience and optimized the information hierarchy to minimize purchase friction and improve conversion flow.
Designed a structured multi-step checkout experience and optimized the information hierarchy to minimize purchase friction and improve conversion flow.
Designed a structured multi-step checkout experience and optimized the information hierarchy to minimize purchase friction and improve conversion flow.
Detail Page
Detail Page
Detail Page
Redesigned the product landing page to improve brand communication, product discoverability, and conversion-focused user experience.
Redesigned the product landing page to improve brand communication, product discoverability, and conversion-focused user experience.
Redesigned the product landing page to improve brand communication, product discoverability, and conversion-focused user experience.
Marketing Assets
Marketing Assets
Marketing Assets
Created promotional campaign materials and poster designs aligned with brand identity and marketing goals.
Created promotional campaign materials and poster designs aligned with brand identity and marketing goals.
Created promotional campaign materials and poster designs aligned with brand identity and marketing goals.
FOCUS AREA 1
FOCUS AREA 1
FOCUS AREA 1
Project Detail Page
Project Detail Page
Project Detail Page
Objective: Improving brand value communication and optimizing user exploration efficiency
Objective: Improving brand value communication and optimizing user exploration efficiency
Objective: Improving brand value communication and optimizing user exploration efficiency
1
Hero Section
Utilized a large hero image with a clear “Shop Now” CTA to deliver the brand identity immediately upon first impression.
2
Product Grid
Implemented a card-based layout with top-level filters (All / Sport / Firm) to enable faster and more intuitive product discovery.
1
Trust & Story
Used the “Why Plasmabed” section to highlight key technologies, followed by customer reviews and certification badges to build credibility and trust.
1
Decision Support
Integrated “Compare Models” and a competitor comparison table to support in-page decision-making and reduce the need for external research.
Marketing & Home Page
Marketing & Home Page
Marketing & Home Page
1
Hero Section
Utilized a large hero image with a clear “Shop Now” CTA to deliver the brand identity immediately upon first impression.
Hero Section
Utilized a large hero image with a clear “Shop Now” CTA to deliver the brand identity immediately upon first impression.
1
2
Product Grid
Implemented a card-based layout with top-level filters (All / Sport / Firm) to enable faster and more intuitive product discovery.
Product Grid
Implemented a card-based layout with top-level filters (All / Sport / Firm) to enable faster and more intuitive product discovery.
2
1
1
Trust & Story
Used the “Why Plasmabed” section to highlight key technologies, followed by customer reviews and certification badges to build credibility and trust.
Trust & Story
Used the “Why Plasmabed” section to highlight key technologies, followed by customer reviews and certification badges to build credibility and trust.
2
2
Decision Support
Integrated “Compare Models” and a competitor comparison table to support in-page decision-making and reduce the need for external research.
Decision Support
Integrated “Compare Models” and a competitor comparison table to support in-page decision-making and reduce the need for external research.
Product Detail Page (PDP)
Product Detail Page (PDP)
1
1
Visual Hierarchy
Structured the layout with a left-aligned product image slider and a fixed right panel for pricing, options, and CTAs to guide user attention and streamline the purchase flow.
Visual Hierarchy
Structured the layout with a left-aligned product image slider and a fixed right panel for pricing, options, and CTAs to guide user attention and streamline the purchase flow.
2
2
Decision Support
Displayed estimated delivery details below the “Add to Cart” button and introduced installment pricing alongside the total cost to reduce uncertainty and lower purchase barriers for high-value products.
Decision Support
Displayed estimated delivery details below the “Add to Cart” button and introduced installment pricing alongside the total cost to reduce uncertainty and lower purchase barriers for high-value products.
3
3
Offer & Add-ons
Presented bundle options using radio buttons to highlight included benefits and upgradeable sleep sets with clear visual icons, while featuring popular add-ons with “Add to Cart” actions to encourage seamless upselling without leaving the page.
Offer & Add-ons
Presented bundle options using radio buttons to highlight included benefits and upgradeable sleep sets with clear visual icons, while featuring popular add-ons with “Add to Cart” actions to encourage seamless upselling without leaving the page.
Checkout Page
Checkout Page
Checkout Page
1
1
1
Streamlined Flow
Structured the layout with a left-aligned product image slider and a fixed right panel for pricing, options, and CTAs to guide user attention and streamline the purchase flow.
Streamlined Flow
Structured the layout with a left-aligned product image slider and a fixed right panel for pricing, options, and CTAs to guide user attention and streamline the purchase flow.
Streamlined Flow
Structured the layout with a left-aligned product image slider and a fixed right panel for pricing, options, and CTAs to guide user attention and streamline the purchase flow.
2
2
2
Order Summary
Displayed estimated delivery details below the “Add to Cart” button and introduced installment pricing alongside the total cost to reduce uncertainty and lower purchase barriers for high-value products.
Order Summary
Displayed estimated delivery details below the “Add to Cart” button and introduced installment pricing alongside the total cost to reduce uncertainty and lower purchase barriers for high-value products.
Order Summary
Displayed estimated delivery details below the “Add to Cart” button and introduced installment pricing alongside the total cost to reduce uncertainty and lower purchase barriers for high-value products.