Earthiture - Online Furniture Shopping Experience (Mobile)

Earthiture - Online Furniture Shopping Experience (Mobile)

Product Discovery UX

Solo Project

7 Weeks

Earthiture - Online Furniture Shopping Experience (Mobile)

Product Discovery UX

Solo Project

7 Weeks

Earthiture - Online Furniture Shopping Experience (Mobile)

Product Discovery UX

Solo Project

7 Weeks

AI-ASSISTED DESIGN APPROACH

Incorporating AI into Decision-Focused Design Workflow

• Used AI image generation for rapid visual exploration

• Leveraged AI tools for research synthesis

• Used Figma AI to explore layout and interaction directions quickly

• Refined all outputs manually to align with usability and brand tone

Used AI image generation for rapid visual exploration

Leveraged AI tools for research synthesis

Used Figma AI to explore layout and interaction directions quickly

Refined all outputs manually to align with usability and brand tone

Used AI image generation for rapid visual exploration

Leveraged AI tools for research synthesis

Used Figma AI to explore layout and interaction directions quickly

Refined all outputs manually to align with usability and brand tone

PROBLEM

Users Struggle to Make Confident Furniture Purchases Online

While analyzing furniture shopping experiences, I found that users could easily discover products but struggled to make confident purchase decisions.

Despite multiple options, users hesitated due to unclear dimensions, difficulty comparing products, and lack of clarity around assembly.

This revealed a key gap — online furniture shopping fails to replicate the confidence of in-store decision-making.

OBJECTIVE

Improve Decision Confidence to Increase Conversions

The goal was to reduce user hesitation by improving how products are visualized, evaluated, and understood.

By enabling faster and more confident decision-making, the experience aims to increase conversion rates and reduce drop-offs.

KEY INSIGHTS

Users Don’t Struggle to Find — They Struggle to Decide With Confidence

Users rely on imagination to understand how furniture fits in their space, leading to hesitation before purchase

Product dimensions are often overlooked or hard to interpret, increasing uncertainty and wrong decisions

Too many similar options create decision fatigue without clear ways to compare

Assembly instructions are often unclear and increase hesitation

Insights were derived from analyzing user reviews and behavior patterns from leading platforms like IKEA and Wayfair.

User review highlight:

“the booklet guide was not enough to assemble it alone, and assistance costs extra”

Users rely on imagination to understand how furniture fits in their space, leading to hesitation before purchase

Product dimensions are often overlooked or hard to interpret, increasing uncertainty and wrong decisions

Too many similar options create decision fatigue without clear ways to compare

Assembly instructions are often unclear and increase hesitation

Users rely on imagination to understand how furniture fits in their space, leading to hesitation before purchase

Product dimensions are often overlooked or hard to interpret, increasing uncertainty and wrong decisions

Too many similar options create decision fatigue without clear ways to compare

Assembly instructions are often unclear and increase hesitation

EXPLORATION & DESIGN DECISIONS

Shaping the Approach to Reduce Decision Friction

From Insights to Design Decisions:

Users struggle to visualize furniture in their own space:

AR-based preview to reduce guesswork and improve spatial confidence

Users are uncertain about size and proportions:

Surfacing dimensions directly in product images allowing users understand size instantly

Users feel overwhelmed by similar options and struggle to decide:

A compare feature to support clearer decision-making

Users feel uncertain about post-purchase effort, especially assembly:

Assembly video guidance to set clear expectations and reduce hesitation before purchase

These decisions aim to reduce decision friction and improve purchase confidence throughout the browsing experience.

PRIORITIZATION

Evaluating Solution Priorities - From Exploration to Focus

Users struggle to decide due to multiple friction points across the experience:

To identify the most effective improvements, each solution was evaluated based on impact on purchase confidence and effort required for implementation

Dimensions visibility:

Strong impact on clarity

Low implementation effort

Strong impact on clarity

Low implementation effort

Strong impact on clarity

Low implementation effort

AR-based visualization offers high impact but requires higher effort:

Highest impact on user confidence

Highest implementation complexity

Highest impact on user confidence

Highest implementation complexity

Highest impact on user confidence

Highest implementation complexity

Compare feature:

Supports better evaluation between options

Moderate effort and impact

Supports better evaluation between options

Moderate effort and impact

Supports better evaluation between options

Moderate effort and impact

Assembly guidance:

Addresses post-purchase concerns

Lower impact during initial decision-making

Addresses post-purchase concerns

Lower impact during initial decision-making

Addresses post-purchase concerns

Lower impact during initial decision-making

Dimensions visibility was prioritized as an immediate improvement due to its high impact and low effort

AR-based preview was positioned as a secondary phase due to higher complexity despite its strong impact

SOLUTIONS & EXPERIENCE

Making Dimensions Instantly Understandable

Making Dimensions Instantly Understandable

Users struggled to interpret dimension tables and texts such as (W22 x D34 x H56)

Users struggled to interpret dimension tables and texts such as (W22 x D34 x H56)

I embedded size indicators. This reduces cognitive load and improves clarity during browsing.

I embedded size indicators. This reduces cognitive load and improves clarity during browsing.

Integrated directly into the product image, allowing users to understand size instantly and eliminating the need to interpret complex size tables during browsing.

Integrated directly into the product image, allowing users to understand size instantly and eliminating the need to interpret complex size tables during browsing.

Visualizing Furniture in Real Space

Visualizing Furniture in Real Space

Users struggled to visualize how furniture would fit and look in their actual space.

Users struggled to visualize how furniture would fit and look in their actual space.

I introduced an AR preview that allows users to visualize furniture in their space. This improves spatial understanding and reduces purchase hesitation.

I introduced an AR preview that allows users to visualize furniture in their space. This improves spatial understanding and reduces purchase hesitation.

Placed within the product detail page, allowing users to visualize furniture at the moment they evaluate fit and make purchase decisions.

Placed within the product detail page, allowing users to visualize furniture at the moment they evaluate fit and make purchase decisions.

Enabling Quick Product Comparison

Enabling Quick Product Comparison

Users found it difficult to compare furniture across multiple pages.

Users found it difficult to compare furniture across multiple pages.

I introduced a multi-select compare feature that drives decision making

I introduced a multi-select compare feature that drives decision making

Embedded in the product listing flow.

Embedded in the product listing flow.

Seamless Comparison in Browsing Flow

Default

Selection

Comparison

Decision

Selection

Comparison

Decision

Compare Selected

Tap (+) to select and (×) to remove products for comparison

The challenge was to enable comparison without disrupting the browsing experience.

I designed a multi-select interaction where users can select products directly from the listing, supported by clear selection states and a contextual compare bar.

Selection states use fill, border, and icon changes to remain visible during fast scrolling.

The compare bar provides quick access without breaking flow.

Improving Assembly Experience

Improving Assembly Experience

Users were unsure if they could assemble the product independently and found assembly guides unclear.

Users were unsure if they could assemble the product independently and found assembly guides unclear.

I replaced static manuals with step-by-step video guidance. This improves post-purchase experience and reduces frustration.

I replaced static manuals with step-by-step video guidance. This improves post-purchase experience and reduces frustration.

Positioned within the product detail page to set clear expectations and reduce uncertainty before purchase.

Positioned within the product detail page to set clear expectations and reduce uncertainty before purchase.

AI-ASSISTED DECISION SUPPORT

To reduce decision friction further, I introduced AI-assisted cues within the experience

Instead of overwhelming users with data, the system provides contextual guidance such as :

• Compare page price insights (e.g., “Save ₹1000”) to highlight better choices

• Spatial feedback in AR (e.g., “Fits comfortably in your space”)

• Subtle nudges to support confident decision-making

Simplifying product information to reduce cognitive load

Enabling easier comparison between products

Improving visualization of size and space

Supporting users beyond purchase (assembly clarity)

Simplifying product information to reduce cognitive load

Enabling easier comparison between products

Improving visualization of size and space

Supporting users beyond purchase (assembly clarity)

These enhancements act as decision support rather than automation, helping users evaluate options faster without losing control.

EXECUTION PROCESS

I explored multiple approaches to help users make confident furniture purchase decisions.

Wireframing

Wireframing

I started by creating low-fidelity wireframes to establish layout structure, content hierarchy, and interaction flow.

This helped focus on usability and decision clarity before moving into visual design.

I started by creating low-fidelity wireframes to establish layout structure, content hierarchy, and interaction flow.

This helped focus on usability and decision clarity before moving into visual design.

Low-fidelity

AI-Assisted Exploration

AI-Assisted Exploration

To explore different layout possibilities quickly, I used AI tools to generate UI variations and interaction ideas.

These outputs were used as references to evaluate multiple directions, not as final solutions.

To explore different layout possibilities quickly, I used AI tools to generate UI variations and interaction ideas.

These outputs were used as references to evaluate multiple directions, not as final solutions.

Exploration

Layout Refinement

Layout Refinement

Based on insights from exploration, I redesigned the layouts manually in Figma to improve hierarchy, spacing, and clarity.

The focus was on reducing cognitive load and enabling faster decision-making.

Based on insights from exploration, I redesigned the layouts manually in Figma to improve hierarchy, spacing, and clarity.

The focus was on reducing cognitive load and enabling faster decision-making.

Refined Layout

Final UI & Brand Integration

Final UI & Brand Integration

Once the structure was finalized, I applied visual design aligned with the brand tone, ensuring consistency and usability across the experience.

Interaction states and feedback patterns were added to support intuitive usage.

Once the structure was finalized, I applied visual design aligned with the brand tone, ensuring consistency and usability across the experience.

Interaction states and feedback patterns were added to support intuitive usage.

Final UI

VALIDATION APPROACH

To Evaluate Impact, the Following Experiments Could be Conducted:

• Compare feature vs no compare

conversion rate

Compare feature vs no compare

conversion rate

• AR usage vs non-AR users

add-to-cart rate

AR usage vs non-AR users

add-to-cart rate

• Assembly video vs static guide

user satisfaction

Assembly video vs static guide

user satisfaction

IMPACT

Impact on Decision Confidence & Conversion

• Reduced decision friction during product evaluation

• Improved clarity around size, fit, and assembly

• Increased likelihood of users proceeding to purchase

• Designed to improve conversion and reduce drop-offs

The focus was not on pushing users to checkout, but on helping them feel confident enough to proceed.

Reduced decision friction during product evaluation

Improved clarity around size, fit, and assembly

Increased likelihood of users proceeding to purchase

Designed to improve conversion and reduce drop-offs

Reduced decision friction during product evaluation

Improved clarity around size, fit, and assembly

Increased likelihood of users proceeding to purchase

Designed to improve conversion and reduce drop-offs

PROTOTYPE

Explore the Interaction Flow

A clickable prototype was created to demonstrate how users move through key decision points in the experience.

• Product listing

Compare

Product listing

Compare

• Product detail page

Dimensions visibility, AR preview, Assembly guide

Dimensions visibility, AR preview, Assembly guide

AR preview

Assembly guide

Product detail page

Dimensions visibility, AR preview, Assembly guide

Dimensions visibility

AR preview

Assembly guide

Create a free website with Framer, the website builder loved by startups, designers and agencies.