WJ-Etrade B2C E-commerce Marketing Reanalysis & Redesign
Redesigned a B2C e-commerce website search engine using data analysis and UX research to create a faster, user-friendly, and conversion-driven experience.
01 / Overview
In this project, I redesigned the layout of a B2C outdoor furniture cover e-commerce website and introduced a new product customization page to increase engagement and click-through rates. Through analysis of user behavior, I identified a significant drop-off from search to checkout, indicating difficulties in quickly locating relevant products and understanding their functionality.
As a UX designer, I collaborated closely with the PM team. I focused on improving the end-to-end browsing experience, enabling users to efficiently navigate the store while meeting their personal needs.
Time
2023.6 — 2023.8
Team
1 Project Manager
1 UX Analyst/UX Designer(me)
Tools
SQL, Tableau, Figma, Shopify
Context
WJ-Etrade is a B2C platform for premium outdoor furniture covers. Since 2023, sales have declined and data showed high drop-off rates from search to checkout, suggesting difficulties in product discoverability and user engagement.
From 50+ searches to 0 purchases
The e-commerce platform faced high bounce rates on the search page, frequent cart abandonment, and low engagement with featured products, indicating users struggled to find and interact with relevant items.
Research & Data Analysis
Funnel Analysis Chart
Show where consumers drop off the search-to-purchase process
*due to NDA, I can’t share exact data
Zero-Result Searches
*due to NDA, I can’t share exact data
Show consumers searched queries returned no results, creating repeated dead-end experiences
02 / Analysis
Objective: by understanding how competitors in the outdoor furniture cover market structure their user experience and identify opportunities to improve product discovery, trust, and checkout flow for WJ-Etrade
02 / Analysis
03 / Returning Customer Interviews
04 / Synthesis & Opportunity Prioritization
Challenge
How Might We streamline the shopping experience to improve user satisfaction and boost both purchase and return customer rates?
User Part
Users struggle to quickly find products that match their needs
Lack of clear product information causes hesitation and abandoned sessions
Business Part
Low conversion rate during product exploration
Repeat purchase rate is below target due to lack of trust and clarity
Client’s Brief
Optimize UX/UI designs that bolster up-selling and enhance both engagement and conversation rates.
Balancing Product Focus and Brand Education
To entice and engage potential visitors to our website, it is crucial to present a comprehensive introduction to the WJ-Etrade brand. Our current website already excels in providing a well-structured display of shop collections and shops categorized by various criteria. However, to capture the attention of newcomers effectively, we must offer an enticing brand overview.
Characteristics-first
Promotion-next
Stage 1 : Discover
At this stage, we performed a comprehensive UX audit of Wj-Etrade.com and conducted competitor analysis to identify potential opportunities.
Stage 2 : Define
We've completed an extensive User Experience (UX) audit of Wj-Etrade.com and meticulously analyzed the data to pinpoint the elements that make our website truly captivating and user-friendly.
By discerning our customers' preferences, we are prioritizing four key characteristics of our product.
Both new and existing customers are primarily drawn to our product by paying close attention to discount rates and special offers on certain products.
Competitive Audit of e-commerce industry
Create a comprehensive immersive video showcasing the range of products and services offered by the company.
After conducting a competitive audit within the e-commerce industry, I've identified three strategies that brands employ to establish and maintain a premium position.
Design a user-friendly layout that aligns seamlessly with distinct product categories, enabling customers to easily explore and make purchases based on their specific needs.
Offer the freedom to customize and craft an exceptional shopping experience.
Indulge in the ultimate furniture cover experience as you embrace outdoor living in style on the grid
Highlight an aspirational outdoor lifestyle that becomes achievable exclusively through WJ-Etrade
For this stage, we prioritize the layout redesign based on business’s key product objectives and the user needs.
Divided into Collections
By categorizing our products into two distinct collections based on color and functionality, we aim to enhance customer recognition and clarity.
Divided into Categories
80+ Wireframes for major solutions
Stage 3: Design
By categorizing our products into two distinct collections based on color and functionality, we aim to enhance customer recognition and clarity.
*Due to NDA, I cannot share more details about the wireframes
Content Model
I collaborated closely with copy writer, project manager to develop these models
Our goal is to create a collection page showcasing a slideshow of our featured products, detailing the four key attributes of our items, presenting six distinct cover categories, and highlighting the primary reason for selecting us.
Iterations
The best practice for collection page
Assist users in choosing covers that best fit their needs on the collection page
Clearly highlight the unique advantages of WJ-Etrade.
Direct users effortlessly to experience the outdoor cover in-store.
Help users effortlessly choose the perfect outdoor cover for their needs.
Gracefully introduce them to our customized page.
The Collection Page
We did hundreds of iterations for all pages, this case study will focus on
A well-designed collection page enhances the user experience by making it easier for users to find, explore, and select from grouped sets of items or content.
Highlight 1: Individual Customization
Current Experience
Highlight 2: Product Details Page
Current Experience
The revamped WJ-Etrade website will place a strong emphasis on customization, articulating the distinct “Personalized” approach, and providing clear guidance on initiating your personalized journey.
The updated WJ-Etrade website will provide valuable insights on selecting the optimal materials, maintenance practices, correct installation procedures, and additional tips to effectively prolong the lifespan of your cover.
Final Design Highlights
Interactive Design
This section highlights our interactive capabilities and great user experience. You can discover additional features by following the link I've provided here.
Final Result
Business Impact
Experience Impact
Takeaway
The Product Detail Page views for products have witnessed a 15% increase.
The average section duration has grown by 20%.
Proficiency in User-Centric Design
Through this project, I have developed a high level of expertise in user-centric design. This involved effectively translating the intricate advantages of technology into user-friendly content that distinctly conveys the distinctive value of our products.
The Average Order Value has experienced an 18% increase.
The “Add to Cart” action on the Product Detail Page(PDP) has seen a 5% increase.
Project Goals Alignment effectively
To foster effective collaboration with the Project Manager in website UX design, ensuring that the UX design work is in sync with the website's overarching goals and objectives is essential.