Enhancing Furniture Shopping with Personalized Fit and Comfort
Enhancing Furniture Shopping with Personalized Fit and Comfort
Enhancing Furniture Shopping with Personalized Fit and Comfort
Enhancing Furniture Shopping with Personalized Fit and Comfort
Helping users easily find furnitures based on personal fit
Helping users easily find furnitures based on personal fit
Helping users easily find furnitures based on personal fit
Helping users easily find furnitures based on personal fit
Classification
Classification
Classification
Website Design
Website Design
Website Design
Year
Year
Year
2025
2025
2025
Skills
Skills
Skills
User Research & Persona Development, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Customer Experience Optimization
User Research & Persona Development, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Customer Experience Optimization
User Research & Persona Development, Interaction Design, UI/UX Design, Prototyping, Information Architecture, Visual Design, Usability Testing, Content Strategy, Customer Experience Optimization
Service
Service
Service
UI / UX Design
UI / UX Design
UI / UX Design
Website Design
Website Design
Website Design
Duration
Duration
Duration
2 Weeks
2 Weeks
2 Weeks
Overview
Overview
Overview
Overview
The primary goal of OAK&CO (furniture website) is to help customers create a comfortable and personalized home by simplifying the process of finding furniture that suits their specific needs. By focusing on both size and comfort, the website enables users to make informed decisions about furniture that will transform their house into a livable, enjoyable space. The website offers an interactive tool that lets users visualize how furniture fits their height and body type, eliminating the need for in-store visits. This makes online shopping more efficient and helps customers confidently choose furniture that suits their home and lifestyle.
The primary goal of OAK&CO (furniture website) is to help customers create a comfortable and personalized home by simplifying the process of finding furniture that suits their specific needs. By focusing on both size and comfort, the website enables users to make informed decisions about furniture that will transform their house into a livable, enjoyable space. The website offers an interactive tool that lets users visualize how furniture fits their height and body type, eliminating the need for in-store visits. This makes online shopping more efficient and helps customers confidently choose furniture that suits their home and lifestyle.
The primary goal of OAK&CO (furniture website) is to help customers create a comfortable and personalized home by simplifying the process of finding furniture that suits their specific needs. By focusing on both size and comfort, the website enables users to make informed decisions about furniture that will transform their house into a livable, enjoyable space. The website offers an interactive tool that lets users visualize how furniture fits their height and body type, eliminating the need for in-store visits. This makes online shopping more efficient and helps customers confidently choose furniture that suits their home and lifestyle.
The primary goal of OAK&CO (furniture website) is to help customers create a comfortable and personalized home by simplifying the process of finding furniture that suits their specific needs. By focusing on both size and comfort, the website enables users to make informed decisions about furniture that will transform their house into a livable, enjoyable space. The website offers an interactive tool that lets users visualize how furniture fits their height and body type, eliminating the need for in-store visits. This makes online shopping more efficient and helps customers confidently choose furniture that suits their home and lifestyle.
This project is part of my comprehensive UX Design course at General Assembly, where I've gone through the entire case study process, from user research, ideation, and wireframing to designing, usability testing, and prototyping user-centered solutions.
This project is part of my comprehensive UX Design course at General Assembly, where I've gone through the entire case study process, from user research, ideation, and wireframing to designing, usability testing, and prototyping user-centered solutions.
The Challenge
The Challenge
The Challenge
The Challenge
This solo project involved designing a furniture website where the main challenge was to ‘make the purchasing decision easier for users’.
This solo project involved designing a furniture website where the main challenge was to ‘make the purchasing decision easier for users’.
This solo project involved designing a furniture website where the main challenge was to ‘make the purchasing decision easier for users’.
This solo project involved designing a furniture website where the main challenge was to ‘make the purchasing decision easier for users’.
Understanding The Problem
Understanding The Problem
Understanding The Problem
Understanding The Problem
Through research, a key insight emerged: users are not only concerned with the dimensions of furniture but also want to know how well the furniture fits them personally, particularly in terms of their size and comfort. For example, users want to understand how a chair will accommodate their height when sitting or standing, ensuring both comfort and durability.
Through research, a key insight emerged: users are not only concerned with the dimensions of furniture but also want to know how well the furniture fits them personally, particularly in terms of their size and comfort. For example, users want to understand how a chair will accommodate their height when sitting or standing, ensuring both comfort and durability.
Through research, a key insight emerged: users are not only concerned with the dimensions of furniture but also want to know how well the furniture fits them personally, particularly in terms of their size and comfort. For example, users want to understand how a chair will accommodate their height when sitting or standing, ensuring both comfort and durability.
Through research, a key insight emerged: users are not only concerned with the dimensions of furniture but also want to know how well the furniture fits them personally, particularly in terms of their size and comfort. For example, users want to understand how a chair will accommodate their height when sitting or standing, ensuring both comfort and durability.
“I focus on size first when purchasing furniture. It’s the most important factor for me.”
“I focus on size first when purchasing furniture. It’s the most important factor for me.”
“I focus on size first when purchasing furniture. It’s the most important factor for me.”
“I focus on size first when purchasing furniture. It’s the most important factor for me.”
The Solution
The Solution
The Solution
The Solution
To address this, the goal is to make the purchasing process easier and more intuitive for users, allowing them to visualize how furniture, such as a chair, will fit their individual needs. By offering a interactive pop-up tool that helps users see how furniture will suit their height and body type, the website eliminates the need for a trip to the physical store, making online shopping more efficient and satisfying. This approach aims to improve user confidence in their purchasing decisions, ensuring that they select furniture that fits their lifestyle and preferences.
To address this, the goal is to make the purchasing process easier and more intuitive for users, allowing them to visualize how furniture, such as a chair, will fit their individual needs. By offering a interactive pop-up tool that helps users see how furniture will suit their height and body type, the website eliminates the need for a trip to the physical store, making online shopping more efficient and satisfying. This approach aims to improve user confidence in their purchasing decisions, ensuring that they select furniture that fits their lifestyle and preferences.
To address this, the goal is to make the purchasing process easier and more intuitive for users, allowing them to visualize how furniture, such as a chair, will fit their individual needs. By offering a interactive pop-up tool that helps users see how furniture will suit their height and body type, the website eliminates the need for a trip to the physical store, making online shopping more efficient and satisfying. This approach aims to improve user confidence in their purchasing decisions, ensuring that they select furniture that fits their lifestyle and preferences.
To address this, the goal is to make the purchasing process easier and more intuitive for users, allowing them to visualize how furniture, such as a chair, will fit their individual needs. By offering a interactive pop-up tool that helps users see how furniture will suit their height and body type, the website eliminates the need for a trip to the physical store, making online shopping more efficient and satisfying. This approach aims to improve user confidence in their purchasing decisions, ensuring that they select furniture that fits their lifestyle and preferences.
Fit
Fit
Fit
Fit
The website includes an interactive pop-up tool that allows users to input their height and see how furniture fits them. For example, when shopping for a chair, users can view a silhouette of their height in the seated or standing position to understand how the piece will align with their body. Additionally, users can create a profile where they save their height, so the website automatically adjusts the size recommendations across all furniture items without needing to adjust their height for each piece manually. However, they still have the flexibility to adjust the height manually if they're shopping for someone else or want to make comparisons.
The website includes an interactive pop-up tool that allows users to input their height and see how furniture fits them. For example, when shopping for a chair, users can view a silhouette of their height in the seated or standing position to understand how the piece will align with their body. Additionally, users can create a profile where they save their height, so the website automatically adjusts the size recommendations across all furniture items without needing to adjust their height for each piece manually. However, they still have the flexibility to adjust the height manually if they're shopping for someone else or want to make comparisons.
The website includes an interactive pop-up tool that allows users to input their height and see how furniture fits them. For example, when shopping for a chair, users can view a silhouette of their height in the seated or standing position to understand how the piece will align with their body. Additionally, users can create a profile where they save their height, so the website automatically adjusts the size recommendations across all furniture items without needing to adjust their height for each piece manually. However, they still have the flexibility to adjust the height manually if they're shopping for someone else or want to make comparisons.
The website includes an interactive pop-up tool that allows users to input their height and see how furniture fits them. For example, when shopping for a chair, users can view a silhouette of their height in the seated or standing position to understand how the piece will align with their body. Additionally, users can create a profile where they save their height, so the website automatically adjusts the size recommendations across all furniture items without needing to adjust their height for each piece manually. However, they still have the flexibility to adjust the height manually if they're shopping for someone else or want to make comparisons.
Comfort
Comfort
Comfort
Comfort
Each product page includes descriptive language to help users visualize how the furniture will feel, providing insights into how the item will support them.
Each product page includes descriptive language to help users visualize how the furniture will feel, providing insights into how the item will support them.
Ease of Use
Ease of Use
Ease of Use
Ease of Use
To further improve the shopping experience, we’ve incorporated a section for customer reviews that highlight common issues and offer practical solutions. Additionally, a gallery showcasing the furniture in real-life settings, shared by other customers, helps users visualize how the pieces will look and fit in their own homes. This feature adds authenticity and helps users feel more confident in their purchase.
To further improve the shopping experience, we’ve incorporated a section for customer reviews that highlight common issues and offer practical solutions. Additionally, a gallery showcasing the furniture in real-life settings, shared by other customers, helps users visualize how the pieces will look and fit in their own homes. This feature adds authenticity and helps users feel more confident in their purchase.
To further improve the shopping experience, we’ve incorporated a section for customer reviews that highlight common issues and offer practical solutions. Additionally, a gallery showcasing the furniture in real-life settings, shared by other customers, helps users visualize how the pieces will look and fit in their own homes. This feature adds authenticity and helps users feel more confident in their purchase.
To further improve the shopping experience, we’ve incorporated a section for customer reviews that highlight common issues and offer practical solutions. Additionally, a gallery showcasing the furniture in real-life settings, shared by other customers, helps users visualize how the pieces will look and fit in their own homes. This feature adds authenticity and helps users feel more confident in their purchase.
The Result
The Result
The Result
The Result
By focusing on fit, comfort, and ease of use, OAK&CO provides a personalized and efficient way for users to furnish their homes, ensuring both practicality and satisfaction.
By focusing on fit, comfort, and ease of use, OAK&CO provides a personalized and efficient way for users to furnish their homes, ensuring both practicality and satisfaction.
By focusing on fit, comfort, and ease of use, OAK&CO provides a personalized and efficient way for users to furnish their homes, ensuring both practicality and satisfaction.
By focusing on fit, comfort, and ease of use, OAK&CO provides a personalized and efficient way for users to furnish their homes, ensuring both practicality and satisfaction.
View Prototype:
View Prototype:
View Prototype:
View Prototype:
Branding
Branding
Branding
Branding
The design system ensures consistency across the entire website by defining key elements such as the color palette, typography, and icon style within clear guidelines. This helps create a cohesive design language that enhances user experience and brand identity.
The design system ensures consistency across the entire website by defining key elements such as the color palette, typography, and icon style within clear guidelines. This helps create a cohesive design language that enhances user experience and brand identity.
Brand Colors
Brand Colors
Brand Colors
Brand Colors
The vision for OAK&CO was to create a calm, homey atmosphere where customers feel immediately welcomed and at ease. The store’s visual identity is centered around earthy green (#87896B) and light beige (#EFEEE8), evoking natural textures and woody elements to create a warm, tranquil environment. A rich accent color (#554A3B) adds depth and highlights the brand’s connection to nature. For the digital interface, a UI color system was developed to complement the overall aesthetic. The error state is marked with a bold red (#D32F2F), and the warning state uses a warm golden yellow (#FFB300), ensuring clarity and user-friendliness while staying true to the serene, inviting atmosphere of OAK&CO.
The vision for OAK&CO was to create a calm, homey atmosphere where customers feel immediately welcomed and at ease. The store’s visual identity is centered around earthy green (#87896B) and light beige (#EFEEE8), evoking natural textures and woody elements to create a warm, tranquil environment. A rich accent color (#554A3B) adds depth and highlights the brand’s connection to nature. For the digital interface, a UI color system was developed to complement the overall aesthetic. The error state is marked with a bold red (#D32F2F), and the warning state uses a warm golden yellow (#FFB300), ensuring clarity and user-friendliness while staying true to the serene, inviting atmosphere of OAK&CO.
The vision for OAK&CO was to create a calm, homey atmosphere where customers feel immediately welcomed and at ease. The store’s visual identity is centered around earthy green (#87896B) and light beige (#EFEEE8), evoking natural textures and woody elements to create a warm, tranquil environment. A rich accent color (#554A3B) adds depth and highlights the brand’s connection to nature. For the digital interface, a UI color system was developed to complement the overall aesthetic. The error state is marked with a bold red (#D32F2F), and the warning state uses a warm golden yellow (#FFB300), ensuring clarity and user-friendliness while staying true to the serene, inviting atmosphere of OAK&CO.
Typography
Typography
Typography
Typography
The Fonts 'PP Editorial New' and 'Inter' fonts create a clean, modern, and sophisticated aesthetic. PP Editorial New adds elegance, while Inter enhances readability and offers a contemporary touch.
The Fonts 'PP Editorial New' and 'Inter' fonts create a clean, modern, and sophisticated aesthetic. PP Editorial New adds elegance, while Inter enhances readability and offers a contemporary touch.
The Fonts 'PP Editorial New' and 'Inter' fonts create a clean, modern, and sophisticated aesthetic. PP Editorial New adds elegance, while Inter enhances readability and offers a contemporary touch.
The Fonts 'PP Editorial New' and 'Inter' fonts create a clean, modern, and sophisticated aesthetic. PP Editorial New adds elegance, while Inter enhances readability and offers a contemporary touch.
Spacing
Spacing
Spacing
Spacing
The website layout is structured using a 12-column grid system, with 40px margins and 16px gutters, ensuring consistent alignment and responsiveness across diverse screen sizes. This grid framework optimizes content distribution while maintaining a clean, organized interface. Spacing is governed by an 8pt modular scale, with increments of 8px (8, 16, 24, 32, etc.) applied consistently throughout the design. This 8pt spacing system aligns with Apple’s Human Interface Guidelines, achieving an ideal balance between density and whitespace to enhance both readability and overall usability.
The website layout is structured using a 12-column grid system, with 40px margins and 16px gutters, ensuring consistent alignment and responsiveness across diverse screen sizes. This grid framework optimizes content distribution while maintaining a clean, organized interface. Spacing is governed by an 8pt modular scale, with increments of 8px (8, 16, 24, 32, etc.) applied consistently throughout the design. This 8pt spacing system aligns with Apple’s Human Interface Guidelines, achieving an ideal balance between density and whitespace to enhance both readability and overall usability.
Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps
This project reinforced the importance of empathy, iteration, and data-driven decision-making in UX/UI design. By conducting user research, I learned that a seamless shopping experience isn’t just about individual products—it’s about how they fit into a user’s lifestyle and space. Iterative testing highlighted the value of refining designs based on real user feedback rather than assumptions. Given more time, I would further explore how furniture pieces fit together within a space, ensuring a more cohesive and intuitive shopping experience. While no solution is ever perfect, the next steps would focus on refining the design process, addressing usability gaps, and continuously improving the experience based on data insights and user feedback. This case study reaffirmed that great UX/UI design goes beyond aesthetics—it’s about creating meaningful, user-centered experiences that simplify decision-making and build confidence.
This project reinforced the importance of empathy, iteration, and data-driven decision-making in UX/UI design. By conducting user research, I learned that a seamless shopping experience isn’t just about individual products—it’s about how they fit into a user’s lifestyle and space. Iterative testing highlighted the value of refining designs based on real user feedback rather than assumptions. Given more time, I would further explore how furniture pieces fit together within a space, ensuring a more cohesive and intuitive shopping experience. While no solution is ever perfect, the next steps would focus on refining the design process, addressing usability gaps, and continuously improving the experience based on data insights and user feedback. This case study reaffirmed that great UX/UI design goes beyond aesthetics—it’s about creating meaningful, user-centered experiences that simplify decision-making and build confidence.
This project reinforced the importance of empathy, iteration, and data-driven decision-making in UX/UI design. By conducting user research, I learned that a seamless shopping experience isn’t just about individual products—it’s about how they fit into a user’s lifestyle and space. Iterative testing highlighted the value of refining designs based on real user feedback rather than assumptions. Given more time, I would further explore how furniture pieces fit together within a space, ensuring a more cohesive and intuitive shopping experience. While no solution is ever perfect, the next steps would focus on refining the design process, addressing usability gaps, and continuously improving the experience based on data insights and user feedback. This case study reaffirmed that great UX/UI design goes beyond aesthetics—it’s about creating meaningful, user-centered experiences that simplify decision-making and build confidence.
This project reinforced the importance of empathy, iteration, and data-driven decision-making in UX/UI design. By conducting user research, I learned that a seamless shopping experience isn’t just about individual products—it’s about how they fit into a user’s lifestyle and space. Iterative testing highlighted the value of refining designs based on real user feedback rather than assumptions. Given more time, I would further explore how furniture pieces fit together within a space, ensuring a more cohesive and intuitive shopping experience. While no solution is ever perfect, the next steps would focus on refining the design process, addressing usability gaps, and continuously improving the experience based on data insights and user feedback. This case study reaffirmed that great UX/UI design goes beyond aesthetics—it’s about creating meaningful, user-centered experiences that simplify decision-making and build confidence.
PORTFOLIO
PORTFOLIO
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
UI/UX
Web Design
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
Redesigning Ngee Ann City's Website
UI/UX
Web Design
HAVE A PROJECT
HAVE A PROJECT
HAVE A PROJECT
HAVE A PROJECT
IN MIND ?
IN MIND ?
IN MIND ?
IN MIND ?